Friday 9 November 2012

Web session 1

What is its purpose?
Who is it for?
How does it target the audience?

Book - HTML & CSS - John Duchet


Dreamweaver

All you need to start:

New > Blank page > HTML



Title -  Searchable through google
Goes at top of web browser
Dont copy and paste code - Doesn't work - Re-type

File > Blank page > CSS

Grey text - to make yourself notes

Changing typeface: 

Type 'body {' below



Finish with semi colon;

Close with closed bracket - }

Saving style sheet


Linking to stylesheet

CSS styles bar


Click icon


Browse for your style sheet




Changing type size

; after last section
Return > font-size > Choose pixel size



Finish with ;


Changing color





Finalise with ;

Refresh web browser to see changes.

To create space / shape on webpage

Creating an area called 'container' - shape






This information goes into the body text of html document


Add into body text your div which you named 'container' (shape), close.

Resulting in:


Adding columns:


Organising files tab files to line up close </div> with file its closing.
Adding left and right column


Linking into html doc


Bars have stacked up.


Positioning boxes:




Link into html doc.
Organise - tabbing












No comments:

Post a Comment