CSS and Div tags


In this section, you will learn how CSS styles and Div are used to control the appearance and layout of different sections (divisions) of the pages on your website>

Step 1
Work your way through the tutorials below. Open Dreamweaver to try the tutorials for yourself - this will help your overall understanding of how CSS classes and ID's work. You can create temporary files saved on your desktop whilst trying out these skills.

Using CSS classes
CSS classes versues ID's

The tutorials below will give you more information on creating text effects with CSS

CSS styles tutorial
Cool text effects with CSS

Step 2
Now its time to bring your own template into Dreamweaver and use CSS and Div tags to control the appearance and layout of your site. Follow the tutorials below to get you started - you might need to ask the teacher to give you some extra help in changing the coding according to your desired site layout.

Using CSS and Div tags to control the appearance and layout of your website
CSS styling for text