TOTAL TRAINING™ FOR ADVANCED DREAMWEAVER® 8
QUICK REFERENCE GUIDE
1
1 2 3 4 5 6 7 8 9
Comparing the Sites Used in the Training Getting Started with Site Setup Visual Aids & Tips for Designing with Tables Controlling Window Size Introducing Guides & Navigation Tools Status Bar, CSS Styles, & Layer Preferences When to Use HTML Tags Instead of CSS Accessibility & File Types/Editors Preferences Customizing Your Favorite Objects
THE MANY WAYS TO DESIGN A WEB PAGE 33:05
1 2 3 4 5 6 7 8 9 10
6
USING BEHAVIORS TO MAKE LAYERS INTERACTIVE 44:25
Setting Up the Art & Design Page Using a Tracer Image & Layers to Place Graphics Creating a CSS Text Style Aligning Graphic Elements on a Page Inserting Rollover Images Going over the Navigation Plan for the Website Setting CSS Style Rules for Behavior Layers Setting Rollover Behaviors Setting onClick Image Layers Setting onClick Behaviors
10
1 2 3 4 5 6
ADDING MULTIMEDIA TO YOUR WEBSITE 22:56
Linking & Embedding Flash Audio Files Adding Audio Controls & Disabling Autoplay Embedding Video Files with Video Controls Adding Parameters & Setting a Starting Frame Launching a Video in a Separate Window Setting Flash Video Properties & Play Options
11
1 2 3 4 5 6 7 8
CREATING CENTERED CSS LAYOUTS 28:07
2
1 2 3 4
Downloading Extensions from the Exchange Site Creating a Slideshow Using an Extension Updating the Remote Site to View the Slideshow Adding Flash® Buttons Using an Extension
ENHANCING DREAMWEAVER® WITH EXTENSIONS 20:06
7
1 2 3 4 5 6 7
1 2 3 4 5 6 7 8 9 10 11
3
GETTING STARTED WITH CASCADING STYLE SHEETS 44:20
Using CSS Styles to Rede ne an HTML Tag Creating a New Class Style Adjusting Margins & Fonts for Tags Creating CSS Link Styles Working in the CSS Styles Panel Creating CSS Styles Automatically Formatting Text Using CSS Styles Using CSS Styles to Align Images Formatting & Adjusting a Bulleted List with CSS Exporting & Attaching an External Style Sheet Removing a Tag
Slicing an Image in Photoshop Exporting Sliced Images & Tables from Photoshop Editing a Photoshop Sliced Design in Dreamweaver Slicing & Optimizing Images in Fireworks Exporting Sliced Images & Tables from Fireworks Centering Tables for Design Flexibility Inserting a Table Background Image
SLICING WITH PHOTOSHOP® & FIREWORKS® 30:12
Comparing Sites with Layers, Tables, & CSS Setting Up a Container Positioning Div Tags with Styles Using Math to Position Properly Troubleshooting Positioning & Viewing CSS Layout Backgrounds Creating Styles within CSS Layers Additional CSS Resources & Testing Tips Demonstrating the Power of Flexible Accessible Design
12
1 2 3 4 5 6 7 8 9 10 11 12 13
TIPS & TRICKS 49:17
1 2 3 4 5 6 7 8 9 10 11 12 13
4
CREATING CONTEXTUAL OR DESCENDANT STYLES 55:13
Setting Up the Page Properties De ning Di erent Regions on the Page with Div Tags De ning Formatting Styles for the Heading 1 Tag De ning a Paragraph Tag to Control Text Spacing Adjusting the Float to Align Images Left & Right Rede ning a Class Style within an Area of a Page Creating a CSS Style to Adjust Cell Padding Setting Negative Margins Exporting Styles to be Used on Another Page in the Site Attaching an External Style Sheet to the Page Understanding CSS Hierarchy & Cascading Looking at Inline Styles in Split View Taking a Look at the Code
1 2 3 4 5 6 7 8 9 10 11 12
8
SAVING TIME WITH CSS & TEMPLATES 53:12
Getting a Table Design Started De ning Table Regions Using CSS Styles Adding a Header & Navigation Buttons Formatting the Navigation Bar Changing Table Cell Size & Alignment Pasting Text & Creating a Type Style Adding & Formatting Footer Elements Aligning Text with Graphics Save As Template & Insert Editable Region Commands Creating Pages Based on a Template Modifying Template-Based Pages Using Image & Text Placeholders
Backing Up Your Main Pages onto a Server Making Changes & Uploading to a Server Modifying Style Sheets on Pages & Templates Working with Search Engines & Meta Tags Browser Testing & Resources Helpful Sites for Matching & Downloading Fonts Creating an Email Form Finding & Installing CGI Scripts Customizing CGI Scripts Uploading Forms & Files to a Server Setting Permissions & Checking the Email Form Using an Automated System to Install CGI Scripts Final Comments & Credits
1 2 3 4 5 6 7 8 9 10
9
COMBINING TEMPLATES, CSS, & BEHAVIORS 39:51
Detach Page from Template & Create Library Items Applying Styles & Splitting Table Cells Setting Alignment & Inserting Cells Using Div Tags to Create Layers Duplicating Layers in HTML Code Inserting Placeholders & Adding Editable Regions Applying Show-Hide Layers & Swap Image Behaviors Pasting Text into a Template-Based Page Selecting the Swap Images Previewing in Multiple Browsers
5
1 2 3 4 5 6 7 8
DESIGNING WITH DREAMWEAVER'S LAYERS 31:41
Deconstructing a Complex Design Using a Tracer Image & Cloaking Creating Layers Adding Rollover E ects Aligning with Guides & a Tracing Image Ordering Layers with the Z Index Adjusting Layers & Previewing in a Browser Options for Alignment & Positioning
www.totaltraining.com | 800-980-1823