This blog is about Graphic Design, Vector Art, and Cartoon Illustration

Using CSS in Dreamweaver to get the most out of typography

The sad fact is that the web places some severe restrictions on typography. The good news is that you can do a lot more than you probably imagined using CSS in Dreamweaver!

Here is how to get started -

Create a Style Sheet that will allow you to easily style all of the pages in your site. To do this, just open a blank HTML page File>HTML page>blank and type in some words (anything will do, it's just so you have something to look at). Go to Create New CSS style (it looks like a little piece of paper with a dog ear and a plus sign on it) at the bottom of the CSS assets panel. When the New CSS rule box opens up, select "tag". The tags that you want to customize right away are "body" "H1", "H2", "H3", and "a" (which is for the hyperlinks). Be sure that you save all of this information in a new style sheet file, which you can call anything, as long as the name is web safe and ends with .css, which Dreamweaver will add automatically

Click "OK" and Dreamweaver takes you into a user-friendly interface that allows you to select the font style, color, etc. Do the same for all of the standard tags. As you add more content to your site, use the Properties Panel to select your CSS style. It will display in the correct font and size and color.