Dreamweaver Tutorial: Basics of CSS: Styling Tags
GoDaddy.com Hosting Plans Sale!
Learn all about styling tags and how to write CSS code in Dreamweaver. By the end of this tutorial you will have a good understanding of how to write CSS, how CSS works, and how you can write your CSS code in Dreamweaver. Tutvid.com
Styling Tags in Dreamweaver CS4
In this Dreamweaver video tutorial, CSS and Dreamweaver are being used together to style different elements in one page. CSS styles are being applied to different sized head tags; i.e. H1, H2 and H3 header tags. To start off you will need to define a new site and call it whatever you like. Then create a new XHTML document and a new CSS style sheet and link it to the XHTML file. If you dont know how to define a new site and a basic web page to your site then check out this link: How to Define a new Site in Dreamweaver.
If you are not used to hand coding styles in Dreamweaver and have only used the wizard like tools in Dreamweaver, then this Dreamweaver tutorial will be a good introduction for you.
Many people who start out hand-coding in Dreamweaver will use a combination of both the wizards and hand-coding. I myself prefer to hand code in Dreamweaver but I still use many of the wizard features for styling certain parts of my websites. Hand-coding CSS is so easy to do in Dreamweaver; it just appears daunting at first. You will find that it is much quicker to create most of your styles manually.
When I want to create a new style sheet for any given web page in Dreamweaver I will usually click inside of a tag I’d like to apply a style to and then click on the new CSS rule definition button.
and select a new style sheet file from the drop down menu at the bottom of the dialog box:
Then, when the new rule definition come up I press OK. The style sheet will be created and I the go along the top of the document window and select the CSS document from there and start hand coding!