CSS stands for Cascading Style Sheet. It basically helps you to create a site with a consistent look and feel. In this 'beginner's' tutorial, you'll learn how to use and edit style sheets that have already been created by someone else. It's a great way to learn!

Dreamweaver CS3 has some pre-designed templates. You can also find free templates on the web itself at places such as : http://www.freewebtemplates.com/ This tutorial will actually use one of their templates to demonstrate how to make changes.

FIRST, as soon as you have chosen the template. Create a Site Definition. Click the link in the menubar to remember how to do that.

When the site is defined, the list of files will look like this (names may vary depending on the template chosen.) Now change the names to fit YOUR site structure. If you change them within this list of files in the site definition, the links that have already been created will also be changed on every page. Do not have any page open while you are doing this. Just click on the words once. Be sure to leave the .html as part of the lile name!

In the pages to come we will deal with the [style.css] file; the ie.css need not be altered at all and just adjusts for some things that are missing tin older versions of IE.