July, 2007
In this tutorial we will show you how to use CSS Templates in Adobe Dreamweaver CS3.
CSS stands for "Cascading Style Sheets", its a powerful feature being added to html files that gives both website developers and users more control over how web pages are displayed. With CSS, designers and users can create style sheets (as we will do now) that define how different elements, such as headers and links, appear. These style sheets can then be applied to any Web page.
Start a new Page, name it "Index" and save it.
After that start a new document again, but this time you will choose a CSS Style Sheet.
Select one of the CSS Templates:
As soon as you select the Template this Code page will open up:
Now its time for you to save this CSS page, we will call it: "new.css."
As soon as you save it you will have to release it from the Local file into your Index.htm code page you created before, look:
Now, its very important for you to know that you must release the "new.css" file between the head tags, as shown below:
Now you can start working on your new page, no need to select the font or header you want each time you type, now its all done automatically =)
Look:
Its your turn now =)
Download the original source files from this tutorial in Zip format Here
Copyright (c) 2007, Beatriz Mariniello, All Rights Reserved
