O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Ten Ton Dreamweaver Essentials

Video Description

Dreamweaver—The go-to web design tool for creative professionals. Expert video trainer, artist, and designer Geoff Blake introduces you to the world of Dreamweaver and web design in this monster 10-plus hour DVD, packed with tricks, techniques, and hands-on tasks—made specially to be an easy, non-jargonny approach for Dreamweaver CS3 and CS4 users. Master key concepts and explore the array of possibilities, particularly in the world of Cascading Style Sheets with Geoff Blake as your guide. You’ll not only learn the secrets and master the techniques, but you’re sure to have a whole lot of fun along the way!

Table of Contents

  1. Welcome To Ten Ton Dreamweaver!
    1. So Ya Ready For Some Dreamweaver? 00:01:40
  2. Chapter 1: Gettin' Started With Web Design Fundamentals!
    1. A Great Place To Start: HTML Fundamentals 00:17:47
    2. Going Further: Understanding CSS 00:14:52
    3. The Three Web Design Challenges, Part 1 00:04:41
    4. The Three Web Design Challenges, Part 2 00:05:26
    5. How Dreamweaver Fits Into All This 00:02:46
  3. Chapter 2: Dreamweaver Warm-Up: The Interface!
    1. Gettin' Ya Started In Dreamweaver 00:05:17
    2. The Dreamweaver CS3 Interface 00:07:12
    3. The Dreamweaver CS4 Interface 00:03:13
    4. Get Customizin' Dreamweaver's Interface 00:02:59
    5. Did Ya Royally Goof? Unto It All With Dreamweaver's History Panel 00:02:21
    6. Super-Sweet, It's The Snippets Panel 00:02:20
    7. Exploring Other Panels In Dreamweaver 00:01:04
    8. Super-Fast Selecting With Dreamweaver's Tag Selector 00:02:47
    9. Savin' Up Those Dreamweaver Workspaces 00:01:48
    10. Viewing Code In Dreamweaver (Including The Code Inspector) 00:08:36
    11. The Easy Way To Understand Code--Visually! 00:03:12
  4. Chapter 3: Managing Those Websites In Dreamweaver!
    1. Gettin' Down To It: Defining A New Site 00:08:26
    2. Managing Multiple Sites In Dreamweaver 00:03:15
    3. Gettin' Organized: Arranging Your File And Site Structure 00:11:47
    4. Setting Up Those Index Files 00:04:33
    5. Uploading Files To A Remote Server 00:06:45
    6. 'Weaver's Hidden Secret: The Assets Panel 00:04:28
    7. Task #1: Get Defining Your Own Site In Dreamweaver! 00:01:44
  5. Chapter 4: Adding In Some Text And Page Structure!
    1. Sample File Layout Tour And Some Super-Awesome Free Resources 00:06:28
    2. Working With Text, Spell Checker, Find And Replace, And Page Titles 00:11:24
    3. Inserting Structural Headings 00:03:00
    4. Here It Is: Creating Numbered And Bulleted Lists 00:06:56
    5. Gasp! Inserting Some Special Characters 00:03:32
    6. Horizontal Rules...And As An Aside, Dreamweaver's Big Limitation 00:07:12
    7. Previewing Your Work, Adding Browsers, And Online Browser Resources 00:08:06
  6. Chapter 5: Headlong Into The World Of Cascading Style Sheets!
    1. Easing In: Creating And Applying A Basic Style In Dreamweaver CS3 00:07:17
    2. Creating And Applying A Basic Style In Dreamweaver CS4 00:04:54
    3. Two Approaches To Applying Styles, And How The Background Code Works 00:06:05
    4. The Goods: Editing Your Styles 00:07:44
    5. Introducing The CSS Rule Definition Dialog Box 00:05:26
  7. Chapter 6: Ready For Blast-Off? Going Further With CSS!
    1. The Three Fundamental CSS Rule Types 00:06:10
    2. About The Two Types Of Style Sheets 00:05:12
    3. Creating CSS Class Rules 00:05:42
    4. Adding A Border And Padding To A Class 00:03:50
    5. The Cranial Stuff: The CSS Box Model And How Widths Are Measured In CSS 00:05:29
    6. Using The Box Model To Create A Class Sidebar 00:11:01
    7. Controlling HTML With CSS--With Redefined HTML Tags 00:07:09
    8. Work Even Faster By Duplicating Styles 00:01:38
    9. Redefining The Page Text 00:03:44
    10. Redefining Bulleted Or Numbered Lists 00:04:50
    11. Creating Styles In Dreamweaver CS4 00:06:52
    12. Task #2: Think You’re So Big? Try Creating This CSS Rule! 00:02:33
    13. Don't Forget Your Free CSS Video 00:00:56
    14. Technique #1: Simple Typography Control With CSS! 00:05:13
    15. Technique #2: Alright, Now For Advanced CSS Typography! 00:10:38
  8. Chapter 7: And Now, Managing Internal And External Style Sheets!
    1. Moving Internal Styles To An External Style Sheet 00:04:41
    2. Disconnecting And Reconnecting An External Style Sheet 00:03:13
    3. Editing Rules In An External Style Sheet 00:05:34
    4. Without A Net: Editing Style Sheets Without Dreamweaver 00:02:57
    5. Moving Styles Between Style Sheets 00:05:24
    6. Work Faster With External Style Sheets 00:04:26
    7. External Sheets With Dreamweaver CS4 00:02:25
  9. Chapter 8: Working With Tables!
    1. Table Basics In Dreamweaver 00:08:23
    2. Inserting Content And Where Tables Get Wacky 00:09:34
    3. Selecting Table Components 00:02:09
    4. Traditional (Lame-O) Table Formatting 00:04:29
    5. Using CSS To Control Table Formatting (Now That's Sweet!) 00:08:19
  10. Chapter 9: You've Been Waiting For It: Inserting Graphics Into Dreamweaver!
    1. Understanding Graphics In Web Design 00:09:57
    2. Inserting Images And Formatting 'Em Too 00:15:34
    3. Controlling Images With CSS 00:04:16
    4. Dreamweaver's Image Editing Commands 00:06:27
    5. Editing Images Outside Of Dreamweaver 00:08:42
    6. Setting Up Background Images 00:11:50
    7. Smart Objects In Dreamweaver CS4 00:05:10
    8. Technique #3: Design Go-Around: Using Images For Typography! 00:09:05
    9. Technique #4: Web Design Workflow: From Illustrator To Photoshop And Out To Dreamweaver! 00:04:54
    10. Technique #5: Creating Soft-Edged Transparency...Impossible? Well We Think Not! 00:13:33
  11. Chapter 10: Hookin’ It All Up With Hyperlinks!
    1. Creatin' Some Links From Text And Images 00:08:45
    2. Linkin' Up To Other Websites 00:03:49
    3. Creating A Link To An Email Address 00:04:00
    4. Linking To PDF's And Other Files 00:02:23
    5. Linking To A Specific Location On A Page 00:04:29
    6. Creating Image Map Hotspots 00:04:17
    7. Formattin' Those Hyperlinks With...You Guessed It...CSS! 00:05:26
    8. Technique #6: Creatin' Some Sweet Rollover Buttons With CSS! 00:13:03
    9. Technique #7: Rollin' Out From A Single To A Multi-Page Website! 00:10:05
    10. Task #3: So Get Designin' Your Page Layout, Already! 00:01:57
  12. Chapter 11: Paying Homage: Traditional Page Layout With Tables!
    1. Setting Up A Basic Layout Structure 00:07:38
    2. Refining The Layout With Nested Tables 00:07:15
    3. Inserting The Layout's Images And Text 00:02:53
    4. Further Layout Refinement 00:11:41
  13. Chapter 12: Mega-Modern Page Layout With Div's!
    1. Your New Best Friend: Introducing Div's 00:11:50
    2. Creatin' The Basic Layout Blocks 00:07:58
    3. Nesting Div's Within Other Div's 00:08:52
    4. Refining The Layout With Even More Div's 00:07:45
    5. Task #4: It's All Up To You: Create The Remaining Div's! 00:01:12
    6. Hung Up? Here's A Task #4 Bailout 00:08:50
    7. Inserting The Layout's Images And Text 00:03:57
    8. Applying A Frame To The Whole Layout 00:08:19
    9. Further Layout Fiddlin' And Adjustin' 00:02:35
    10. Technique #8: Some Say It Can't Be Done...But Here It Is: Centering A Div-Based Layout! 00:06:51
  14. Chapter 13: Diggin' Into Interactivity And Multimedia!
    1. Creating Rollover Buttons And Effects 00:10:13
    2. Introducing Spry Widgets 00:10:19
    3. Inserting Flash Content 00:04:05
    4. Adding In Audio And Video 00:06:45
    5. Throwin' In Flash Video 00:05:23
  15. Chapter 14: Wrappin’ Up Ten Ton Dreamweaver
    1. Final Site Management Techniques 00:05:23
    2. Goodbye, And Where To Go From Here 00:01:22
    3. Closing Credits 00:00:36