|
|
|
These video tutorials equip you with the skills necessary to turn an ordinary website into one that's content-rich using popular web design and development tools: Dreamweaver, Fireworks, Flash, Contribute, Photoshop, and Illustrator. You'll be amazed at how easy it is to combine these programs interchangeably. John shares his expertise to help you understand how to ensure compatibility across multiple browsers and platforms.Highlights
Learn tips on logo enhancements, stock photo materials, as well as template designs and layouts.
Discover how to utilize your website to build out marketing materials, like brochures, business cards, and company letterhead.
Become truly skilled at how to publish your web projects also to cell phones and kiosks.BONUS! Includes FREE (A $50 Value) FontsWith the purchase of this training product, you will receive royalty-free fonts courtesy of LetterPress Fonts. LetterPress Fonts is a royalty-free download site featuring the LetterPress font collection of over 2,000 fonts for graphics professionals. Available in TrueType format for PC, Mac and *NIX platforms.Disc 1 - Part 1Lesson 1: Intoduction & Project Background (10:08 min)1. Project File Overview2. Identifying Ways to Improve a Website3. Previewing the Finished WebsiteLesson 2: Creating a Company Logo with Illustrator® (24:52 min)1. Live Trace & the Tracing Options Dialog Box2. Adjusting Tracing Presets, Mode & Threshold3. Adjusting the Trace Settings4. Converting a Tracing Object into Paths5. Tracing Strokes & Changing the View6. Using Live Paint to Fill an Area with ColorLesson 3: Website Layout using Photoshop® (48:56 min)1. Preparing a Web Page Mock-up in Photoshop2. Creating Mock-up Navigation Buttons3. Managing Assets & Working with Layer Groups4. Working with Rasterized Illustrator Files5. Importing & Working with Smart Objects6. Working with Text7. Adding Buttons to the Layout8. Using Blend Modes to Add Graphic Highlights9. Tidying Up Photoshop & Saving Your ProjectLesson 4: Making Slices with Fireworks® (46:50 min)1. Altering Some Design Issues in Photoshop2. Opening a Photoshop File in Fireworks3. Using the Slice Tool4. Making Slices with the Selection Tool5. Exporting from Fireworks into Dreamweaver6. Adding More Slices to the Web Page7. Renaming the Slices8. Setting Up the HTML File for Export9. Looking at the Images & Deleting Unused Files10. Optimizing Images with the Optimize Palette11. Doing a Final Clean-up PassLesson 5: Creating a Dreamweaver® Site (32:00 min)1. Setting Up the Site De.nition2. New Document & Preview in Browser Preferences3. Creating a Tracing Image4. Editing a Layout in Fireworks5. Choosing Background Color & Alignment6. Creating Multiple Pages Using a Template7. Adding Content to the Pages8. Modifying a Template in Expanded Mode9. Linking Buttons to Pages10. Saving & Updating Template-Based FilesLesson 6: Cascading Style Sheets (46:191. Introducing CSS Styles2. Creating & Applying a New Class Style3. Creating & Applying New Tag Styles4. Removing, Finding & Replacing Styles5. Duplicating, Moving & Modifying Styles6. Viewing Applied Styles & Updating Changes7. Creating an Advanced CSS Rule for Links8. De.ning Group & Combination Tag Selectors9. Creating a Class Style for Text Color10. Creating a Horizontal Rule to Divide TextLesson 7: Main Navigation Systems (47:19 min)1. Setting Up Rollover Button Images in Fireworks2. Copying & Sharing Graphics across Frames3. Setting Up the Rollover Behavior in Fireworks4. Setting Up Pages for a Pop-up Menu5. Creating a Pop-up Menu in Fireworks6. Using Correct Paths, Button Styles & Special Characters7. Adding Rollover Button Images to a Page8. Exporting Images from Fireworks to Dreamweaver9. Creating a Rollover Button in Dreamweaver10. Creating an Animated GIF in FireworksLesson 8: DHTML Layers, Interactivity & Forms (51:42 min)1. Designing Layers with CSS2. Determining Table Position with CSS Rules3. Integrating CSS Styles & DHTML Layers4. Setting Up a Form on the Stu. Page5. Adding Buttons & Checkboxes to a Form6. Enabling the Form to Submit Order Data7. Creating Remote Rollovers8. Using the Show-Hide Layers Function9. Using Tags & Behaviors to Control HTML Text10. Final Comments & CreditsDisc 2 - Part 2Lesson 1: ADVANCED GALLERY PAGES (67:58 min)1. Looking at Web Page Layers in Fireworks2. Creating Slices for the Crew Images3. Setting Slice Types & Optimization4. Copying Images to Another Frame for Rollovers5. Setting Behaviors for the Navigation Bar6. Adding Simple Rollovers to the Main Menu7. Exporting HTML, Images & Slices from Fireworks8. Linking Slices & Putting Images on Separate Layers9. Editing HTML & Attaching a Style Sheet10. Building the Individual Crew Pages11. Linking the Crew Pages to the Main Page12. Creating a Photoshop(R) Web Photo Gallery13. Setting Up a Page Template for the Gallery14. Incorporating the Gallery into the Website15. Finishing Up the Gallery Pages in DreamweaverLesson 2: FLASH® ELEMENTS & FLASH VIDEO ...
|
|
|
|
|
|
|
|
