| |
The Dreamweaver CSS training introduces the concept of Cascading Style Sheets (CSS), explore the Dreamweaver interface for defining and editing CSS definitions for both text and pictures, and explore CSS concepts such as classes, tags, and IDs.
The current version of Dreamweaver on campus is CS3.
Recommended preparation: familiarity with Dreamweaver.
To register for this course, WCC faculty and staff should contact Brian Richardson. Seats are also available for members of the community. Contact the Office of Continuing Education for costs and availability.
What is CSS?
- a style is a set of rules
- a web page divided into various blocks (<p>, <td>, <div>, <li>, etc.)
- External versus internal CSS definitions
- Why CSS is better than tables
- Using the Web Developer's Extension in Firefox (by Chris Pederick)
Dreamweaver Interface
- Linking a file to a CSS
- Editing the CSS definitions
- Deleting a rule
- Limits to the Dreamweaver interface
Type Styles
- Font, Size, Style
- Line Height (leading) Weight, Variant,
- Case
- Decoration
- text-transform - to appear as upper or lowercase
Focusing the Styles
- Descendent Selectors - applying only to tags within specific blocks
- Group Selectors - combining multiple tags
Background Styles
- Color
- Background Image
- Repeat
- position
Block Styles
- Word Spacing
- Letter Spacing
- Alignment (vertical and text)
- Indent
Box Rules
- Width and Height
- Padding
- Float
- Clear
- Margin
List Rules
- Type
- Bullet Image
- Position
Border Rules
Positioning Rules
- Type
- Z-Index
- Placement
- Clip
Editing Rules Directly
- Opening the CSS File
- Rules in Dreamweaver Interface
|
