Cascading Style Sheets Training

CSS offers hands-on training and insider tips that teach the latest techniques for designing Web sites with CSS (Cascading Style Sheets). CSS gives you control over the appearance of your Web sites by separating the visual presentation from the content. It lets you easily make minor changes to a site or perform a complete overhaul of the design. In CSS Web Site Design Hands-On Training, you’ll start with a review of CSS essentials, learn to build effective navigation and page layouts, and then move on to work with typography, colors, backgrounds, and white space.

Course Schedule

Start Date End Date Status October 13, 2008 October 14, 2008  Other Recommended Courses Fast Track to Flash CS3 Dreamweaver CS3 Level 1 Flash ActionScript Dreamweaver CS3 Level 2 Contribute CS3 Training Cascading Style Sheets Flash Video Development Adobe Connect Flex 3 - Flex 3 and LiveCycle Data Services Photoshop CS3 Flex 3 - Developing Rich Client Application Fireworks CS3 Fast Track to HTML InDesign JavaScript Adobe Presenter 7 RoboHelp 7 Authorware Advanced Fast Track to Authorware

 Course Outline

Lesson 1: CSS Basics

• Why is CSS needed
• What is CSS
• Authoring with CSS

Lesson 2: Understanding CSS

• Reviewing XHTML Basics
• Understanding CSS Terminology
• Adding rules to a Style Sheet
• Adding Selectors
• Working with multiple declarations
• Embedding a Style Sheet
• Importing an external Style Sheet
• Importing multiple Style Sheets
• Linking to a Style Sheet
• Managing Style Sheets

Lesson 3: Selectors and the Cascade

• Understanding Selectors
• Using ID Selectors
• Using Class Selectors
• Using Grouped Selectors
• Using Descendant Selectors
• Resolving Style conflicts
• Using the ! important Declaration
• Understanding Inheritance
• Revealing unstyled documents
• Applying user Style Sheets

Lesson 4: Using CSS to Affect Page Layout

• Using the CSS Box Model
• Creating simple Floats
• Using Floats for page layout.
• Fixing column drop
• Clearing essentials
• Containing Floats
• Displaying elements

Lesson 5: Setting Foreground and Background properties

• Adding foreground colors
• Adding color to background elements
• Adding background images
• Repeating background images
• Positioning background images
• Using the background shorthand declaration

Lesson 6: Typography

• Altering line height
• Using font families
• Changing font styles and weights
• Sizing fonts
• Writing the shorthand declarations
• Aligning text horizontally
• Aligning text vertically
• Transforming text
• Decorating text

Lesson 7: Using Margins and Borders to Create Whitespace and Separation

• Understanding margins
• Adding borders
• Implementing padding
• Using negative margins
• Collapsing margins

Lesson 8: Styling Tables

• Styling tables and captions
• Styling table cells
• Styling column classes
• Styling links in table cells

Lesson 9: Styling for Print

• Styling for specific mediums
• Creating a print Style Sheet
• Hiding elements for print
• Styling for print
• Applying complex styling for print
• Creating a footer

Lesson 10: Bringing it all Together

• Setting global styles
• Setting masthead and Navbar colors
• Laying out the Navbar
• Using columns
• Setting content styles
• Starting the sidebar
• Creating sidebar boxes
• Completing the stylebar
• Styling the table
• Creating the footer

Top