Feedback Form
Home arrow Tutorials arrow Easy CSS Formatting arrow Working with CSS

Members Login

Username:  
Password:  
Don't have a Membership?
Click Here To Get A FREE Bronze Membership
Working with CSS PDF Print E-mail
User Rating: / 4
PoorBest 
Written by David A. Jardine   
Monday, 11 September 2006

Dreamweaver Tutorial imageA 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.

Software Download Links:

Comments (0)add comment

Write comment
quote
bold
italicize
underline
strike
url
image
quote
quote
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley

busy