Table of Contents

1. Chapter 1: Introduction & Project Background
   • INTRODUCTION 00:01:42
   • Project File Overview 00:01:32
   • Identifying Ways to Improve a Website 00:03:52
   • Previewing the Finished Website 00:03:03
2. Chapter 2: Creating a Company Logo with Illustrator®
   • INTRODUCTION 00:00:16
   • Live Trace & the Tracing Options Dialog Box 00:05:01
   • Adjusting Tracing Presets, Mode & Threshold 00:03:29
   • Adjusting the Trace Settings 00:03:23
   • Converting a Tracing Object into Paths 00:03:03
   • Tracing Strokes & Changing the View 00:03:39
   • Using Live Paint to Fill an Area with Color 00:06:02
3. Chapter 3: Website Layout Using Photoshop®
   • INTRODUCTION 00:00:17
   • Preparing a Web Page Mock-up in Photoshop 00:03:41
   • Creating Mock-up Navigation Buttons 00:08:31
   • Managing Assets & Working with Layer Groups 00:03:31
   • Working with Rasterized Illustrator® Files 00:05:32
   • Importing & Working with Smart Objects 00:04:20
   • Working with Text 00:08:20
   • Adding Buttons to the Layout 00:07:48
   • Using Blend Modes to Add Graphic Highlights 00:04:21
   • Tidying Up Photoshop® & Saving Your Project 00:02:35
4. Chapter 4: Making Slices with Fireworks®
   • INTRODUCTION 00:00:19
   • Altering Some Design Issues in Photoshop 00:04:11
   • Opening a Photoshop File in Fireworks 00:04:01
   • Using the Slice Tool 00:03:54
   • Making Slices with the Selection Tool 00:02:54
   • Exporting from Fireworks into Dreamweaver® 00:06:35
   • Adding More Slices to the Web Page 00:07:15
   • Renaming the Slices 00:06:11
   • Setting Up the HTML File for Export 00:02:51
   • Looking at the Images & Deleting Unused Files 00:02:10
   • Optimizing Images with the Optimize Palette 00:03:29
   • Doing a Final Clean-up Pass 00:03:01
5. Chapter 5: Creating a Dreamweaver® Site
   • INTRODUCTION 00:00:27
   • Setting Up the Site Definition 00:03:44
   • New Document & Preview in Browser Preferences 00:02:32
   • Creating a Tracing Image 00:03:16
   • Editing a Layout in Fireworks® 00:02:40
   • Choosing Background Color & Alignment 00:02:29
   • Creating Multiple Pages Using a Template 00:04:04
   • Adding Content to the Pages 00:06:59
   • Modifying a Template in Expanded Mode 00:01:53
   • Linking Buttons to Pages 00:02:09
   • Saving & Updating Template-Based Files 00:01:48
6. Chapter 6: Cascading Style Sheets
   • INTRODUCTION 00:00:16
   • Introducing CSS Styles 00:04:45
   • Creating & Applying a New Class Style 00:03:38
   • Creating & Applying New Tag Styles 00:05:33
   • Removing, Finding & Replacing Styles 00:04:50
   • Duplicating, Moving & Modifying Styles 00:05:53
   • Viewing Applied Styles & Updating Changes 00:03:09
   • Creating an Advanced CSS Rule for Links 00:05:52
   • Defining Group & Combination Tag Selectors 00:05:57
   • Creating a Class Style for Text Color 00:02:28
   • Creating a Horizontal Rule to Divide Text 00:03:59
7. Chapter 7: Main Navigation Systems
   • INTRODUCTION 00:00:19
   • Setting Up Rollover Button Images in Fireworks 00:04:45
   • Copying & Sharing Graphics across Frames 00:03:03
   • Setting Up the Rollover Behavior in Fireworks 00:04:37
   • Setting Up Pages for a Pop-up Menu 00:02:13
   • Creating a Pop-up Menu in Fireworks 00:07:23
   • Using Correct Paths, Button Styles & Special Characters 00:05:18
   • Adding Rollover Button Images to a Page 00:06:32
   • Exporting Images from Fireworks to Dreamweaver 00:03:12
   • Creating a Rollover Button in Dreamweaver 00:03:32
   • Creating an Animated GIF in Fireworks 00:06:26
8. Chapter 8: DHTML Layers, Interactivity & Forms
   • INTRODUCTION 00:00:14
   • Designing Layers with CSS 00:10:08
   • Determining Table Position with CSS Rules 00:03:18
   • Integrating CSS Styles & DHTML Layers 00:02:45
   • Setting Up a Form on the Stuff Page 00:04:29
   • Adding Buttons & Checkboxes to a Form 00:04:50
   • Enabling the Form to Submit Order Data 00:04:09
   • Creating Remote Rollovers 00:05:19
   • Using the Show-Hide Layers Function 00:08:50
   • Using Tags & Behaviors to Control HTML Text 00:07:26
   • Final Comments 00:00:13
9. Chapter 9: Advanced Gallery Pages
   • INTRODUCTION 00:00:16
   • Looking at Web Page Layers in Fireworks® 00:03:47
   • Creating Slices for the Crew Images 00:07:52
   • Setting Slice Types & Optimization 00:05:26
   • Copying Images to Another Frame for Rollovers 00:05:29
   • Setting Behaviors for the Navigation Bar 00:02:49
   • Adding Simple Rollovers to the Main Menu 00:03:05
   • Exporting HTML, Images & Slices from Fireworks 00:05:03
   • Linking Slices & Putting Images on Separate Layers 00:04:23
   • Editing HTML & Attaching a Style Sheet 00:03:20
   • Building the Individual Crew Pages 00:03:55
   • Linking the Crew Pages to the Main Page 00:03:06
   • Creating a Photoshop® Web Photo Gallery 00:06:04
   • Setting Up a Page Template for the Gallery 00:06:21
   • Incorporating the Gallery into the Website 00:02:58
   • Finishing Up the Gallery Pages in Dreamweaver® 00:04:11
10. Chapter 10: Flash(R) Elements & Flash Video
    • INTRODUCTION 00:00:17
    • Inserting Flash Text into Dreamweaver 00:05:44
    • Using Flash Buttons 00:04:03
    • Preparing Video in the Flash 8 Video Encoder 00:04:09
    • Advanced Flash Video Encoding Settings 00:03:45
    • Using the Insert Flash Video Dialog Box 00:06:10
    • Viewing the Inserted Flash Video in a Browser 00:02:26
11. Chapter 11: Making Flash Slideshows
    • INTRODUCTION 00:00:18
    • Starting a New Slideshow 00:04:58
    • Importing Still Image Files 00:08:29
    • Adding Text to the Slideshow 00:07:33
    • Creating Navigation Button Graphics 00:05:10
    • Converting Button Graphics to Symbols 00:03:55
    • Understanding Keyframe Properties 00:06:19
    • Adding Behaviors to Buttons 00:02:07
    • Loading the Slideshow into a Website 00:06:17
    • Using a Flash Movie as a Template 00:10:39
    • Looking at Publish Settings 00:03:51
12. Chapter 12: Creating a Flash Banner Ad
    • INTRODUCTION 00:00:19
    • Setting Up to Create a Banner Ad 00:04:57
    • Designing the Banner 00:07:09
    • Adding Motion to the Banner 00:08:23
    • Adding Text Elements to the Banner 00:05:51
    • Creating & Animating Text 00:05:52
    • Animating with Motion & Shape Tweens 00:06:48
    • Adjusting the Animation for Timing 00:02:42
    • Linking the Animated Banner to the Site 00:02:52
    • Generating a Size Report & Publishing 00:04:47
13. Chapter 13: Making a Mini Flash Site
    • INTRODUCTION 00:00:17
    • Reviewing the Site in Fireworks 00:05:22
    • Importing & Organizing Assets 00:06:13
    • Adjusting Values & Settings in an Imported Document 00:03:22
    • Converting the Layout to a Flash Movie 00:02:30
    • Creating a Flash Animation with Slides 00:04:59
    • Making More Animations Using Guides & Slides 00:08:26
    • Testing Your Flash Movie & Fixing Errors 00:02:43
    • Converting Graphics into Buttons 00:05:44
    • Applying a Behavior to a Button 00:02:10
    • Importing Video 00:03:59
    • Animating the Video 00:04:19
    • Controlling the Video with Behaviors 00:06:05
    • Adding Behaviors to Buttons 00:04:20
    • Setting up a Loader 00:03:33
    • Adding a Progress Bar 00:04:40
    • Placing the Mini Site into the Website 00:04:57
14. Chapter 14: Site Testing & Publishing
    • INTRODUCTION 00:00:26
    • Testing a Website for Potential Problems 00:07:49
    • Adding Keywords & Description Meta Tags 00:04:02
    • Viewing the Site Map & Modifying Page Titles 00:05:04
    • Verifying Links with Check Links Sitewide Feature 00:04:08
    • Checking Source Code for Errors 00:03:51
    • Setting Up a Remote Server for Your Website 00:04:23
    • Cloaking Certain File Types to Prevent Publishing 00:03:44
    • Making Changes to a Published Website 00:03:08
15. Chapter 15: Workgroup Integration Using Contribute
    • INTRODUCTION 00:00:25
    • Setting Up a Website for Multiple Users 00:04:24
    • Communicating through Design Notes 00:02:06
    • Creating a Connection with Contribute™ 00:04:53
    • Editing a Web Page in Contribute 00:04:24
    • Administering a Website 00:04:37
16. Chapter 16: Incorporating Print Materials
    • INTRODUCTION 00:00:18
    • Creating a Business Card Using Web Page Graphics 00:06:07
    • Creating a Brochure Using Web Page Graphics 00:04:38
    • Adding Background & Text Colors to the Brochure 00:05:14
    • Saving the Brochure as a PDF for Printing Purposes 00:04:14
    • Saving the Brochure as a PDF for the Web 00:03:29
    • Linking the Brochure PDF to the Website 00:03:49
    • Final Comments & Credits 00:02:19