| Cascading Style Sheets is something every | | | | You attach the sheet by selecting the 'Text' |
| webmaster should learn to use, however it can be | | | | dropdown menu and choosing 'CSS Styles' then |
| complicated to code by hand. Fortunately, | | | | 'Attach Style Sheet'. |
| the built in Dreamweaver CSS tools make it simple as | | | | Once you have attached an external style sheet to a |
| pie as you'll see in this introductory lesson. | | | | webpage, you can make changes to the external |
| Whether you are a total newbie when it comes to | | | | style sheet and change the content page. |
| CSS or you are an expert, the built in Dreamweaver | | | | This is especially important if you have a website |
| CSS tools can help you out a lot. | | | | with multiple web pages. |
| This tutorial is designed for the person who owns | | | | The concept is, that by attaching an external style |
| Dreamweaver, is curious about CSS and wants to | | | | sheet to all of your web pages, you can update |
| learn how to put it to use. | | | | many web pages instantaneously by changing the |
| CSS is not hard to learn and with the Dreamweaver | | | | one CSS style sheet that is attached to them. |
| point and click tools, it is easier than ever. | | | | In this manner, a large corporate website with 20,000 |
| 3 Types Of CSS: | | | | pages could be updated with new colors and fonts in |
| You can have an internal, external, or inline css style | | | | less than 15 seconds!...Simply by changing the one |
| sheet. | | | | external CSS style sheet. |
| In this tutorial, I will discuss an external style sheet, | | | | So you see how useful CSS style sheets can be. |
| which I think is the most useful when working on a | | | | To get started, simply go into your HTML code after |
| website with more than 1 page. | | | | you have attached an external CSS sheet to your |
| To create an external stylesheet with Dreamweaver, | | | | page in Dreamweaver. You can take any tag like a |
| simple click 'New' and under 'Basic Page' choose 'CSS'. | | | | tag and start typing in a CSS class. |
| This will give you a blank style sheet. | | | | For example, . If you start adding a css class to any |
| The next thing you want to do is experiment and | | | | of these tags, Dreamweaver will start to |
| create 1 or 2 CSS definitions. | | | | auto-complete it for you and you can choose which |
| You might create a CSS definition called 'background1' | | | | class you want to add from a dropdown menu. |
| and make the color green. | | | | You can also use this to style page backgrounds, |
| Then save the CSS style sheet as something like | | | | table backgrounds, fonts, and much more! |
| 'sample1.css'. | | | | You only have to learn the fundamentals of CSS and |
| Next you would open an html file in the same folder | | | | then experiment with Dreamweaver and I promise |
| that has some text in it and 'attach' the external | | | | you'll be capable of using CSS with Dreamweaver in a |
| style sheet. | | | | matter of a few hours. |