By Janine Warner
Created with TotalTraining
Janine’s patience and delightful sense of humor make learning web design with Dreamweaver CS3 fun. Learn everything you need to build websites with Dreamweaver in this comprehensive 8-hour course. You’ll get up to speed fast with the basics of setting up a site and creating your first web pages, and then move onto more advanced concepts, including using cascading style sheets (CSS) and Dreamweaver templates to created and update web pages quickly and efficiently. You’ll also discover how to add video, create rollover images, and ultimately publish your website on the world wide web.
Lesson 1 Designing Websites With Dreamweaver CS3 (20 min)
1. Comparing Web Design Options
2. Appreciating CSS Advantages
3. Reviewing Old School Designs
4. Creating Dynamic Sites
5. Reviewing Site Differences
Lesson 2: Creating a New Website (44 min)
1. Creating a New Site
2. Creating a New Page
3. Adding Images with Alternate Text
4. Inserting & Formatting Text
5. Aligning Images with the Property Inspector
6. Using the Page Properties Dialog Box
7. Linking to Pages in a Site
8. Creating an Email Link
9. Linking to Other Websites
10. Testing & Targeting Links
11. Organizing Files & Folders
Lesson 3: Customizing the Interface (24 min)
1. Introducing the Workspace
2. Opening an Existing Site
3. Working in Code, Design & Split Views
4. Customizing the Insert Bar
5. Use the Properties Inspector & the Tag Selector
6. Reviewing Menu Options & Preferences
7. Comparing the Macintosh® & PC Interfaces
8. Previewing in Browsers & Device Central
Lesson 4: Creating & Inserting Images (22 min)
1. Optimizing Images for the Web
2. Saving GIFs & PNGs in Photoshop®
3. Inserting GIFs in Dreamweaver
4. Adjusting Transparency Settings
5. Saving JPGs for the Web
6. Edit Images in Dreamweaver & Photoshop
7. Changing Editor Preferences
Lesson 5: Creating CSS Layouts (80 min)
1. Getting Started with Styles
2. Creating Tag & Class Styles
3. Creating Styles to Format Images
4. Reviewing CSS Code
5. Previewing Page Styles
6. Understanding Page Properties
7. Creating Divs with ID Styles
8. Adding Images & Lists to Divs
9. Creating a Series of Divs
10. Aligning Divs Side by Side
11. Using the Clear Option in CSS
12. Adding Borders with CSS
13. Creating an Image Border
14. Using Margins for Positioning
15. Creating Navigation Links
16. Styling a List for Navigation
17. Creating a Rollover Effect in CSS
18. Duplicating Existing Styles
19. Changing Page Properties Styles
20. Reviewing Style Selectors
Lesson 6: Designing with CSS (57 min)
1. Understanding the Box Model
2. Comparing Margins & Padding
3. Viewing CSS in Various Browsers
4. Creating a Page from a Template
5. Using Paste Special
6. Using Styles to Align Images
7. Creating a Two Column Layout
8. Calculating CSS Spacing
9. Styling Headlines
10. Understanding Font Sizes
11. Using External Style Sheets
12. Viewing Styles
13. Reviewing CSS Options
Lesson 7: Creating Layouts With Absolute Positioning(54 min)
1. Explaining Absolute Positioning
2. Comparing Absolute & Centered Positioning
3. Warnings about Using AP Divs
4. Using a Tracing Image
5. Creating a Layout with AP Divs
6. Naming AP Divs
7. Nesting AP Divs
8. Aligning AP Divs
9. Inserting Images into Divs
10. Calculating Page Layouts
11. Refining an AP Layout
12. Setting the Z-Index
Lesson 8: Designing Accessible Tables (32 min)
1. Understanding Tables & Accessibility
2. Using Tables for Tabular Data
3. Styling a Table
4. Editing Table Layouts
5. Adding Style to a Table Using CSS
Lesson 9: Creating Websites with Frames (20 min)
1. Introducing Frames
2. Creating a Frameset
3. Opening Pages into Frames
4. Controlling Scrollbars & Borders
5. Targeting Links in Frames
6. Credits
Disc 2
Lesson 1: Using Behaviors to Add Interactivity (43 min)
1. Viewing Behaviors in a Browser
2. Introducing the Behaviors Panel
3. Inserting Rollover Images
4. Using the Swap Image Behavior
5. Altering Swap Image Options
6. Using the Show-Hide Elements Behavior
7. Using the Open Browser Behavior
8. Downloading More Behaviors
Lesson 2: Survival HTML & CSS (24 min)
1. Writing HTML: The Fundamentals
2. Understanding Doctypes
3. Recognizing HTML Tags
4. Understanding Links
5. Working in Split View
Lesson 3: Using & Creating Templates (31 min)
1. Using CSS Layouts
2. Editing CSS Layouts
3. Altering CSS Styles
4. Creating a Dynamic Web Template
5. Editing Dynamic Web Templates
Lesson 4: Creating Web Forms (25 min)
1. Creating & Inserting a Form
2. Inserting Text Fields
3. Adding Drop-Down Lists
4. Inserting Radio Buttons
5. Inserting Check Boxes & a Submit Button
6. Connecting a Form to a Script
Lesson 5: Adding Flash® To Your Pages (25 min)
1. Working with Flash
2. Inserting Flash Video
3. Creating Flash Buttons & Text
4. Troubleshooting the Flash Options
Lesson 6: Testing & Publishing a Website (18 min)
1. Using the Check Page Feature
2. Testing & Fixing Links
3. Running Site Reports
4. Configuring FTP Settings
5. Publishing a Site to a Server
Lesson 7: Dreamweaver Tips & Tricks (07 min)
1. Registering a Domain Name
2. Finding Fonts & Photos
3. Learning More Online
4. Final Comments & Credits