Ledet Home Page
Directions to our Training Locations Contact Our Sales Team Ledet Web Site Map
 
The Training Advantage
Use our ROI calculator to justify your training budget
The Ledet Difference
Discover why our classes and services are your best value
Our Culture
Find out what guides and shapes our company
Join Our Team
 We're looking for talented staff and independent contractors, operations people, and sales and marketing staff.
Partner With Us
Programs for software manufacturers, dealers, and affiliates
Home

Adobe Dreamweaver CS4 - Advanced CSS Design

 

Adobe Dreamweaver CS4 - Advanced CSS Design
Duration: 2 days
Adobe Dreamweaver CS4

Adobe Dreamweaver CS4 - CSS Advanced Design is a 2-day course teaches
the web designer how to control the appearance of their web design by separating the visual presentation from the content. This class covers basic to advanced design topics including selectors, the cascade, and inheritance. The training also covers how to build effective navigation, how to lay out pages, and how to work with typography, colors, backgrounds, and white space. Using a project-based approach, the students will through the process of creating a Web page, while learning the essentials of CSS along the way.

Who Should Attend: This course is for Dreamweaver developers and designers that would like to use Dreamweaver CS4 to build accessible, standards compliant, web sites with CSS for design layout. This class will cover design techniques as well as best practices for CSS and design standards.

Prerequisites: Because of the amount of material we cover in class, we do require students to be comfortable using a mouse, opening and saving files, and the general operations of computers. While we will make every reasonable effort to help, students with insufficient skills may be required to observe the class lessons or do their best to keep up without slowing down the rest of the class.

What You Will Learn:
• Understanding CSS Terminology
• Using Dreamweaver CSS Starter Pages
• Using Class Selectors
• Styling Tables and Captions
• Using floats for Page Layout
• Migrating from Tables to CSS
• Designing with Elastic Layouts
• Styling for Print
• Using External Style Sheets
• Setting Global Styles

Time: Class time is 9:00 a.m.- 4:00 p.m. Breaks are scheduled throughout the day and lunch is typically scheduled 12-1. Students provide their own lunch.

Locations: We have company-operated facilities in Atlanta, Chicago, Denver, San Diego and Washington DC. We also work with a network of rental facilities to offer our classes regularly across the United States and in Canada. Please double-check the location of your class with our office to make sure you get to the right location.

Related Courses: We recommend the following courses that relate to this class: Flash Professional and Dreamweaver. Please take a look at our other course outlines.

Goals: Sterling Ledet and Associates realizes the importance of education and we take pride in being able to offer you classes that are more custom fit to your needs. Call us at (770) 414-5007 if you have any special questions or e-mail us at sales@ledet.com.

Registration: Please fill out our registration form and fax it to us at (312) 896-9094.


Adobe Dreamweaver CS4 - Advanced CSS Design

 

LESSON1
• Understanding CSS
• What is CSS?
• Why use CSS for web design?
• Authoring CSS
• Laying the CSS Groundwork
• The XHTML Document
• The CSS Document
• Manipulating the Natural Flow


LESSON 2
• Selectors and the Cascade
• Understanding Selectors
• Using ID Selectors
• Using Class Selectors
• Using Grouped Selectors
• Using Descendant Selectors
• Looking for the sources of styles
• Resolving style conflict
• Using the !Important declaration
• Understanding inheritance
• Revealing unstyled documents
• Applying user styles sheets


LESSON 3
• Using CSS to Affect Page Layout
• Introducing the CSS box model
• Creating simple floats
• Using floats for page layout
• Fixing column drop
• Clearing essentials
• Containing floats
• Displaying elements


LESSON 4
• Using the Dreamweaver Fixed and
Centered Starter Pages
• Beginning to Build
• Using Shorthand Properties in CSS
• Using Background Images
• Creating the Header
• Rounding the Side Column
• Adding the Bottom of the Page
• Floating and Clearing
• The Issue of Source Order
• Fonts and Final Styling
• Drop Caps - Simple Page Interest
• Completing the Footer
• Declaring Media Types

LESSON 5
• Migrating a Table-Based Layout to
CSS in Dreamweaver
• Cleaning Up the <table> Mess
• Rebuilding the Page Header
• Continuing the Cleanup Process
• Removing the Final Table Markup

LESSON 6
• Using the Liquid CSS Layouts in
Dreamweaver
• Simplifying the CSS Selectors
• Creating the Header
• Creating the Horizontal Navigation Bar
• Laying Out the Main Content Area
• Styling the Footer


LESSON 7
• Creating a More Complex Design
with Elastic Layouts
• The New Document
• The Significance of the Em Unit
• The Visual Transformation
• The Main Content
• The Main Site Navigation
• Creating and Styling an Em Based Form
• Creating and Styling Accessible Data
Tables


LESSON 8
• Building a Gallery Site with CSS and
Spry in Dreamweaver
• Selecting the Proper Starter Layout
• Building the Initial Framework
• Combining Two CSS Layouts for Use
in a Single Site
• Building the Gallery - Part One
• Progressive Enhancement
• Getting the Validation Gold Star




 

 

Ledet Navigation
 
Your Future Course Catalog Schedule Lookup Class Registration Form We Teach the Cool Stuff!