Modifying Fonts In Dreamweaver Using HTML & CSS
Like most WYSWYG (What You See Is What You Get) HTML editors, Dreamweaver has the ability to simply highlight text and change the font, color etc...
But there are two distinct ways that you can alter text: HTML and CSS (Cascading Style Sheets).
In Dreamweaver, these 2 methods get mixed together sometimes, and it can be a bit confusing as to which method you are using.
On the one hand, if you choose the CSS option, Dreamweaver will create some CSS definitions at the top of your webpage. The CSS definition at the top of the page might look like:
And the text that you highlight in the page might have code that looks like:
light blue text
There is also the option to use tradtional HTML to change fonts and colors:
The code that created the above text might look like:
Like this
So which one should you use and how should you choose whether to use HTML or CSS?
CSS is wonderful does have it's uses, and some people may prefer to use it all the time, but I prefer to use it in select instances where it is decidedly the best option.
To change your HTML/CSS preferences, go to:
Edit > Preferences in Dreamweaver
And then check or uncheck the use CSS instead of HTML tags box depending on which option you want.
I also recommend using external CSS style sheets on your websites. Dreamweaver makes it easy, and using an external sheet, you can update the style of thousands of webpages in seconds.
To learn more about Dreamweaver and CSS, visit http://www.dreamweaverhowto.com
Jay Gilbert offers step by step guides for people who want to sell info products online. Sign up for the free Dreamweaver tips training course.
