Cascading Style Sheets Courseware
Cascading Style Sheets
Description
This courseware covers intermediate and advanced topics in CSS and JavaScript. It is intended for designers who are already familiar with HTML basics and want to move on to the XHTML and CSS standard for separating look and feel from the data.
Length
1 day,
114 pages
Audience
Web designers experienced with HTML and looking to move to the pure CSS and XHTML way of designing websites.
Prerequisites
HTML experience.
Outline
CSS
- What is CSS / 1
- CSS Syntax / 1
- Validating CSS
- Using CSS for HTML / 1
- Your First CSS Project / 1
- Lab
- Units in CSS
- Basic CSS - Text Formatting / 1
- Basic CSS - Text Formatting / 2
- Basic CSS - Text Formatting / 3
- Basic CSS - Text Layout / 1
- Basic CSS - Text Layout / 2
- Lab
- Basic CSS - Using Colors / 1
- Basic CSS - Using Colors / 2
- Basic CSS - Background Format / 1
- Basic CSS - Background Format / 2
- Lab
- Basic CSS - General Formatting / 1
- Basic CSS - General Formatting / 2
- Basic CSS - General Formatting / 3
- Lab
- Basic CSS - Layout: Lists
- Basic CSS - Layout: Tables / 1
- Basic CSS - Layout: Tables / 2
- Combining Properties / 1
- Combining Properties / 2
- Lab
- Working Example / 1a
- Working Example / 1b
- Screenshot
- Working Example / 2a
- Working Example / 2b
- Screenshot
- All about Selectors / 1
- All about Selectors / 2
- Class Selectors / 1
- Class Selectors / 2
- ID Selectors / 1
- ID Selectors / 2
- Lab
- span and div Tags / 1
- span and div Tags / 2
- Working Example / 1
- Working Example / 2
- Screenshot
- Module Summary
- Practice Exercise / 1
- Why use JavaScript
- Caveat for JavaScript
- Common Examples
- Example for an Alert
- Confirmation in JavaScript / 1
- Confirmation in JavaScript / 2
- Using Pop-ups
- Properties for Pop-ups / 1
- Properties for Pop-ups / 2
- Working Example / 1a
- Working Example / 1b
- Screenshot
- Working Example / 2
- Screenshot
- Module Summary
- Lab
- Section Summary
- Advanced Topics
- Section Overview
- Importing and Cascading
- Specificity
- Resolving Specificity / 1
- Resolving Specificity / 2
- Inheritance / 1
- Inheritance / 2
- CSS-generated Content / 1
- CSS-generated Content / 2
- The @... Rules / 1
- The @... Rules / 2
- The @... Rules / 3
- All about Selectors / 1
- Simple Selectors
- Descendant Selectors
- Child Selectors
- First-child Selectors
- Adjacent Selectors
- Pseudo-class Selectors / 1
- Pseudo-class Selectors / 2
- Pseudo-class Selectors / 3
- Pseudo-class Selectors / 4
- Pseudo-element Selectors / 1
- Group Selectors
- Attribute Selectors / 1
- Attribute Selectors / 2
- CSS Classification Properties
- CSS Positioning Properties
- Positioning Schemes
- CSS and Absolute Positioning
- CSS Absolute Positioning Example/1
- CSS Absolute Positioning Example/2
- CSS Stacking
- CSS Stacking Example/1
- CSS Stacking Example/2
- Module Summary
