OUGD504: Design Production: Design for Web 2

index.html: homepage must always be named 'index'
Creating new pages e.g: work.html // about.html // contact.html

In this session we are going to be working with CSS
stylesheet.css - linked to every single page.

Create a new document

 Make sure you select CSS

The new CSS document looks slightly different to the original html document:

The file will automatically save into the root folder if it has been setup correctly

Select the 'attach style sheet' option

We are going to be working with the web dimensions: 1034 x 768

This will be recognised as the 'container' or 'wrapper'. This is because it is the seal of all the content.

To create the div ID we will put the coding into Dreamweaver:

 #container{width;hight;background-colour;}

html coding view.. save this then revert to web mode

 The website should now have a coloured 'container' as instructed in the coding.

Working in central alignment

Positioning left

Inserting the Home button