Lesson 1: The Many Ways to Design a Web Page (33:05 min) 1 Comparing the Sites Used in the Training
2 Getting Started with Site Setup
3 Visual Aids & Tips for Designing with Tables
4 Controlling Window Size
5 Introducing Guides & Navigation Tools
6 Status Bar, CSS Styles, & Layer Preferences
7 When to Use HTML Tags Instead of CSS
8 Accessibility & File Types/Editors Preferences
9 Customizing Your Favorite Objects
Lesson 2: Enhancing Dreamweaver® with Extensions (20:06 min) 1 Downloading Extensions from the Exchange Site
2 Creating a Slideshow Using an Extension
3 Updating the Remote Site to View the Slideshow
4 Adding Flash® Buttons Using an Extension
Lesson 3: Getting Started with Cascading Style Sheets (44:20 min) 1 Using CSS Styles to Rede.ne an HTML Tag
2 Creating a New Class Style
3 Adjusting Margins & Fonts for Tags
4 Creating CSS Link Styles
5 Working in the CSS Styles Panel
6 Creating CSS Styles Automatically
7 Formatting Text Using CSS Styles
8 Using CSS Styles to Align Images
9 Formatting & Adjusting a Bulleted List with CSS
10 Exporting & Attaching an External Style Sheet
11 Removing a Tag
Lesson 4: Creating Contextual or Descendant Styles (55:13 min) 1 Setting Up the Page Properties
2 Designing Different Regions on the Page with Div Tags
3 Designing Formatting Styles for the Heading 1 Tag
4 Designing a Paragraph Tag to Control Text Spacing
5 Adjusting the Float to Align Images Left & Right
6 Redesigning a Class Style within an Area of a Page
7 Creating a CSS Style to Adjust Cell Padding
8 Setting Negative Margins
9 Exporting Styles to be Used on Another Page in the Site
10 Attaching an External Style Sheet to the Page
11 Understanding CSS Hierarchy & Cascading
12 Looking at Inline Styles in Split View
13 Taking a Look at the Code
|
|
Lesson 5: Designing with Dreamweaver's Layers (31:41 min) 1 Deconstructing a Complex Design
2 Using a Tracer Image & Cloaking
3 Creating Layers
4 Adding Rollover E.ects
5 Aligning with Guides & a Tracing Image
6 Ordering Layers with the Z Index
7 Adjusting Layers & Previewing in a Browser
8 Options for Alignment & Positioning
Lesson 6: Using Behaviors to Make Layers Interactive (44:25 min) 1 Setting Up the Art & Design Page
2 Using a Tracer Image & Layers to Place Graphics
3 Creating a CSS Text Style
4 Aligning Graphic Elements on a Page
5 Inserting Rollover Images
6 Going over the Navigation Plan for the Website
7 Setting CSS Style Rules for Behavior Layers
8 Setting Rollover Behaviors
9 Setting onClick Image Layers
10 Setting onClick Behaviors
Lesson 7: Slicing with Photoshop® & Fireworks® (30:12 min) 1 Slicing an Image in Photoshop
2 Exporting Sliced Images & Tables from Photoshop
3 Editing a Photoshop Sliced Design in Dreamweaver
4 Slicing & Optimizing Images in Fireworks
5 Exporting Sliced Images & Tables from Fireworks
6 Centering Tables for Design Flexibility
7 Inserting a Table Background Image
Lesson 8: Saving Time with CSS & Templates (53:12 min) 1 Getting a Table Design Started
2 Designing Table Regions Using CSS Styles
3 Adding a Header & Navigation Buttons
4 Formatting the Navigation Bar
5 Changing Table Cell Size & Alignment
6 Pasting Text & Creating a Type Style
7 Adding & Formatting Footer Elements
8 Aligning Text with Graphics
9 Save As Template & Insert Editable Region Commands
10 Creating Pages Based on a Template
11 Modifying Template-Based Pages
12 Using Image & Text Placeholders
|
|
Lesson 9: Combining Templates, CSS, & Behaviors (39:51 min) 1 Detach Page from Template & Create Library Items
2 Applying Styles & Splitting Table Cells
3 Setting Alignment & Inserting Cells
4 Using Div Tags to Create Layers
5 Duplicating Layers in HTML Code
6 Inserting Placeholders & Adding Editable Regions
7 Applying Show-Hide Layers & Swap Image Behaviors
8 Pasting Text into a Template-Based Page
9 Selecting the Swap Images
10 Previewing in Multiple Browsers
Lesson 10: Adding Multimedia to your Website (22:56 min) 1 Linking & Embedding Flash Audio Files
2 Adding Audio Controls & Disabling Autoplay
3 Embedding Video Files with Video Controls
4 Adding Parameters & Setting a Starting Frame
5 Launching a Video in a Separate Window
6 Setting Flash Video Properties & Play Options
Lesson 11: Creating Centered CSS Layouts (28:07 min) 1 Comparing Sites with Layers, Tables, & CSS
2 Setting Up a Container
3 Positioning Div Tags with Styles
4 Using Math to Position Properly
5 Troubleshooting Positioning & Viewing CSS Layout Backgrounds
6 Creating Styles within CSS Layers
7 Additional CSS Resources & Testing Tips
8 Demonstrating the Power of Flexible Accessible Design
Lesson 12: Tips & Tricks (49:17 min) 1 Backing Up Your Main Pages onto a Server
2 Making Changes & Uploading to a Server
3 Modifying Style Sheets on Pages & Templates
4 Working with Search Engines & Meta Tags
5 Browser Testing & Resources
6 Helpful Sites for Matching & Downloading Fonts
7 Creating an Email Form
8 Finding & Installing CGI Scripts
9 Customizing CGI Scripts
10 Uploading Forms & Files to a Server
11 Setting Permissions & Checking the Email Form
12 Using an Automated System to Install CGI Scripts
13 Final Comments & Credits
|