Tuesday, July 28, 2009

Week 2

Back ground Image

The Back ground image is used through out a web page, the default for a background image is to be tiled as this is repeated, u can change the size if needed to fit fullscreen.
Background image iwll not effect border.
If url is not reading or working this means your url must be incorrect, Always specify a background colour incase your background image doesn't load to do this you must add to the body tag
{background color :#06C;
background - image: url(twitter.jpg);
background -attachment :inherrit;

And this will at least have some background colour if your image fails.



Background attach
video 6

continued

Video 5
back ground repeat

Back ground image : url (twitter.jpg)
back ground attachment: scrool;
back ground repeat : repeat - y; or can use x: or no repeat

Tuesday, July 21, 2009

continued

Video 4

CSS Syntax

CSS Syntax is not case sensitive unter its control.
aloth ugh font names are case senstive in th is.
Embedded CSS inside a html document a styles tag needs to be used type and attribute
opening tag style type = "text/css" closing tag
Style sheets can change colours with out tags from html
as long as its inside the h1 tag.
comment tags around t css are needed as some browsers like mobile phone dont support the css they will ignroe the css file.
rule set is a style
selector is before curly braces and a declaration is in side the curly braces.
you can have multiple blocks inside the braces you musy have a ; for each block in the declaration in a rule set.
keywords can be used alos known as an identifer

color: "yellow"; do not use
color: yellow ; do use

syntax
web browsers are meant to ignore sinytax errors! and are not to display errors!
good practice to check for errors before you publish.

Tutorials list of points and tips.

Video one

Naming files

1. Naming files - files need to be named
2. No spaces in file names as it makes it hard to find in your browser
3. If u need spaces use underscores or dash.
4. No Characters
5. No Capital letters some browsers and sites are case sensitive.
6. Always use .html on all pages.

Video two

XML and HTML

Xml is for storing and carrying data
has no defined tags and it its self discriptive.

Html is for displaying data and also has self defining tags.

Video 3

CSS - Cascading style sheets

CSS controls the appearance of the html documents and also controls multiple documents
Basically you can update one file document for an entire website that has multiples pages.
Also any tag ie h1 anything inside this tag that u change will change on all pages that have the same tag in your website. This also seprates th structure of the site from the presentation of the site. From one document to all documents, with out having to go through each page individually.