If you are new to webpage creation or Adobe Dreamweaver,
our Dreamweaver course is for you.
Session 1
Exercises
Using CSS for Page Layout
Using Relative Positioned Div Tags
Borders, Margins & Padding
Absolute Positioned Div Tags
Nested CSS Selectors for Targeted Formatting
Custom Link Styles & Hover Styles
Float Images and Adjust Spacing with Margins
Create 2 Columns with CSS Floats
Clearing Floats
Fixing an IE bug (a “hasLayout” Issue)
Sharing Styles Across Pages
Fixing Internet Explorer Bugs
Internet Explorer Conditional Comments
Using JavaScript to Change CSS
CSS Rollovers (No JavaScript)
Using a Background Image on Text Links
Opacity Rollovers (Use Just One Image)
Use CSS to Replace Text with Images
Search Engine Friendly Images!
CSS Media Types:
Print versus Screen Media
Make a Print Version of a Page using CSS
Rounded Corners
Create a Centered 2 Column Layout
using CSS and Div Tags
Rounded Corner Footers
Use Absolute Positioned Divs Inside
Relative Positioned Divs
Use CSS to Turn Lists into Navbars:
Why Use Lists? (Search Engine Friendly)
Removing Default Formatting (like Bullets)
Horizontal or Vertical
CSS Sprites for Rollovers:
Load Faster than JavaScript
Changing Position of Background Images
Marking the Current Page in a Navbar with CSS
Marking the Body Tag for Use in Nested Selectors
Specificity: Understanding Why CSS Styles Win
Server-Side Includes (SSI):
Edit One File to Update Content Sitewide
Create a Centered Layout with Divs
Turn Lists into Columns of Content:
Float List Items to Make Columns
Put Hover Highlights on Sections of a Page
Centered 3 Column CSS Div-based Layout:
Relative Positioned Divs
Float Divs into Position
Lists with Image Bullets:
How to Precisely Align Image Bullets
