Dreamweaver CS3 with CSS Essential Training

Those who are new to CSS, or who want to create more efficient and powerful style sheets, will benefit from Dreamweaver CS3 with CSS Essential Training. Instructor James Williamson teaches the entire process of CSS management in Dreamweaver, following a step-by-step workflow. He covers XHTML/CSS fundamentals, and working with typography, navigation, background properties, layout, and multiple media types. This in-depth training explores the entire process of creating site-wide style sheets, from concept to deployment. Exercise files accompany the course.

Table of contents

0. Introduction

• Welcome
• Using the exercise files
• Prerequisites

1. Getting Started

• Understanding how Dreamweaver manages CSS
• Understanding the CSS Styles panel
• Setting CSS preferences
• Understanding Dreamweaver’s CSS visual aides
• Creating default styles
• Understanding the Reference panel

2. Using Dreamweaver’s Starter Pages

• Working with starter pages
• Defining fixed, elastic, liquid, and hybrid
• Understanding starter page structures
• Modifying CSS globally
• Moving CSS between files
• Using Find and Replace to customize styles
• Creating custom CSS starter pages

3. Planning Your CSS

• Designing with CSS in mind
• Determining page structure
• Creating the initial layout
• Using common libraries to create site prototypes
• Creating pages for site prototypes
• Slicing images in Fireworks
• Optimizing images in Fireworks
• Exporting Fireworks content to Dreamweaver

4. CSS/XHTML Fundamentals

• Separating structure from presentation
• Adding meaning with ID and class attributes
• Understanding basic selectors
• Understanding complex selectors
• Examining the Cascade
• Understanding order of inheritance
• Understanding specificity
• Using Dreamweaver to resolve conflicts

5. Online Typography

• Declaring font families
• Creating custom font family declarations in Dreamweaver
• Understanding units of measurement
• Controlling font sizing
• Controlling line spacing
• Controlling vertical margins
• Horizontally aligning text
• Vertically aligning text
• Vertically centering block-level elements
• Setting column width
• Using font shorthand notation

6. Working with Backgrounds

• Background properties
• Using background images
• Controlling background image tiling
• Positioning background images
• Using percentage values for positioning
• Creating custom list bullets
• CSS drop shadows
• Image replacement techniques
• Adding screen-only content
• Complex background graphics

7. Styling Tables

• Reviewing table tag structure
• Using thead and tbody for styling
• Styling table captions
• Styling headers
• Styling table content
• Creating alternating row colors
• Using pseudo-class selectors for tables
• Creating custom table borders

8. Styling Forms

• Examining form structure
• Styling fieldset and legend elements
• Styling form elements globally
• Using classes to identify form elements
• Styling user feedback
• Adding user interaction

9. Building Navigation

• Using lists for navigation
• Creating horizontal menus pt. 1: Stripping list styling
• Creating horizontal menus pt. 2: Displaying links horizontally
• Creating horizontal menus pt. 3: Styling links
• Creating horizontal menus pt. 4: Rollovers
• Creating horizontal menus pt. 5: Indicating current page
• Creating horizontal menus pt. 6: Modifying cursor usage
• Creating horizontal menus pt. 7: Positioning menus
• Styling vertical menus pt. 1: Vertical menu considerations
• Styling vertical menus pt. 2: Defining width for link elements
• Styling vertical menus pt. 3: Using background graphics with navigation

10. Layout

• Box model review
• Understanding margin collapse
• Reviewing normal document flow
• Understanding relative positioning
• Understanding absolute positioning
• Understanding the AP Elements panel
• Understanding fixed positioning
• Understanding floating elements
• Containing and clearing floats
• Using Dreamweaver to define document structure
• Using Dreamweaver's Design-Time style sheets

11. Styling Spry Objects

• Introducing Spry widgets
• Updating the Spry framework
• Examining the default Spry styles
• Modifying tabbed panels through CSS
• Styling Spry widgets
• Organizing Spry style sheets
• Adding Spry form validation fields
• Styling Spry form validation fields

12. Multiple Media Types and Alternate Style Sheets

• Creating print style sheets
• Assigning media types
• Styling type for print
• Suppressing element printing
• Controlling page breaks
• Using @media blocks
• Creating alternative style sheets

13. Testing and Deploying CSS

• Using Dreamweaver’s Browser Compatibility Check
• Adobe’s CSS Advisor
• Formatting code for deployment
• Creating modular style sheets
• Assembling modular style sheets

14. Conclusion

• Goodbye

Rapidshare:
http://rapidshare.com/files/135941963/LCDCS3WCSSET.part01.rar
http://rapidshare.com/files/135941967/LCDCS3WCSSET.part02.rar
http://rapidshare.com/files/135943114/LCDCS3WCSSET.part03.rar
http://rapidshare.com/files/135946990/LCDCS3WCSSET.part04.rar
http://rapidshare.com/files/135958911/LCDCS3WCSSET.part05.rar
http://rapidshare.com/files/135958955/LCDCS3WCSSET.part06.rar
http://rapidshare.com/files/135959585/LCDCS3WCSSET.part07.rar
http://rapidshare.com/files/135959989/LCDCS3WCSSET.part08.rar