|
Written by David A. Jardine
|
|
Monday, 11 September 2006 |
|
A more in-depth look at Cascading Style Sheets and how to use them in Dreamweaver. I walk you through setting up font styles and show you what can be done very simply and easily.
A good primer in the basics of CSS, and covers everything from text styles, to creating external style sheets and more.
If the Quick Start Guide missed something you will most likely find it here.
|
Lesson 1: Introduction to CSS (14:44 mins)
- Selector, property and value elements explained
- Creating your fist styles
- Different styles explained
Click the video icon to the left to begin your tutorial | |
Lesson 2: Creating Font Styles (09:47 mins)
- Creating the font styles you will be using
- Renaming font syles to make life easier
- Using the Style selector to apply your styles
Click the video icon to the left to begin your tutorial | |
Lesson 3: CSS Properties Box (13:43 mins)
- Exploring advanced CSS options
- Advanced font styles
- Background colors, borders, margins
- Creating a <div> tag and applying the styles
Click the video icon to the left to begin your tutorial | |
Lesson 4: Testimonial Boxes (14:55 mins)
- Exact step-by-step process I use
- Centering, font style, bolding and more
- EASY to do.. and visually effective!
Click the video icon to the left to begin your tutorial | |
Lesson 5: External Stylesheets (12:49 mins)
- Putting it all together into one file
- Linking your pages to the stylesheet
- Formatting the stylesheet so it is easy to read
Click the video icon to the left to begin your tutorial |
NB: If you are using Internet Explorer, you will have to click inside the
white area in the new popup window to play the file.

|