Position Activity

Objective

To explore the different positioning options in CSS.

The Set Up

1. Create a folder on the desktop called positionSamples
2. Create a local site in Dreamweaver and point the local root folder to positionSamples
3. Save a copy of labwork.html to the positionSamples folder.
   1. Tip: Copy and paste the code of the labwork.html file and past it into a blank document.

The Tasks

1.) Create 5 different layouts with the color boxes.

Using the different positioning techniques discussed in class, position the boxes (divs) in different formations around the page.

Save as and try another layout.

You should be using embedded CSS (what does that mean??)

The Deliverables

5 different pages with 5 different layouts using at least 3 different positioning techniques.

<<Back