Dreamweaver Training Course 2007 Raymond Kimball Montgomery College, Maryland

Skip Navigation Links

Raymond J. Kimball

Dreamweaver 8/Fireworks 8
J. Craig Ventner

Hour 4
1. Text Mark-up with CSS - Textbook, Ch. 4 - Adding Text to Your Page
2. CSS Styles Panel - Main Menu > Window > CSS Styles
  1. Add a style = + Icon
  2. Edit a Style = Pencil Icon
  3. Trash a Style = Guess!
  4. Attach a New Style Sheet
3. Three Layers of Styles
  1. Local Styles - "Local" to the Object being styled; within the <body></body> of the web page
  2. Local Style Examples
    1. <font face="Comic Sans MS" color ="green" size="2" weight="bold">Object (Text, Image)</font>
    2. <span style ="marign:5px;">Span Tags for "in-line" text</span>
  3. Internal Styles - Internal to the document
    1. <head><style type="text/css">
      td img {display: block;}
      </style></head>
  4. External Style sheets - tigr_styles.css
    1. External styling is linked to each page.html
    2. One style sheet for an entire site! Efficient, Effective.
    3. Accessibility Considerations - Web Accessibility class.
    4. Federal Government Contractors must build accessible web sites for the federal government.
  5. "The Cascade"
    1. Whichever style is closest to the object WINS!!
      1. Local trumps Internal
      2. Internal trumps External
      3. External is the "least of these."
    2. Always use External Style Sheets!!!!
4. The Fun Part - Making External Style Sheets.

Contact Information
Prof. Raymond J. Kimball
Information Technology Institute
Gaithersburg Business Training Center
12 South Summit Ave.
Gaithersburg, MD 20877
240-567-3825
Raymond.Kimball@montgomerycollege.edu
© Raymond J. Kimball 2000 - 2005. All rights reserved