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

Building Websites with Dreamweaver CS6

Video Description

Jump into the world of Dreamweaver CS6 and web design with this 7+ hour hands-on course hosted by award-winning software trainer and designer, Geoff Blake. First, Geoff will run you through the basics, getting you comfortable in the Dreamweaver interface, working with documents, defining new websites, and customizing the interface. Then, it’s on to building a fully functional web layout from the ground up. You’ll learn how to wireframe a rough design, insert navigation menus, and test your work for usability. Handling text, graphics, and building a well-constructed set of sitewide CSS rules to control it all brings your site together; and Geoff even takes you through Photoshop and Illustrator workflows, showing you how to get the most out of your favourite Creative Suite applications. Then, you’ll see how to roll out your site, and set and test hyperlinks; followed by a look at how to integrate various page elements, including a self-running slideshow, tables, a contact form, and a Google map. Finally, take your site live by uploading it to a live web server, and test it across various browsers on both the Mac and Windows platforms. Roll up your sleeves and delve into this practical, task-oriented look at building contemporary websites in Dreamweaver CS6!

Table of Contents

  1. Welcome To Building Websites With Dreamweaver CS6!
    1. Welcome To Dreamweaver CS6 00:02:06
    2. A Look At What We’ll Build 00:01:50
  2. Chapter 1: Let’s Get Started With Dreamweaver!
    1. A Look At The Welcome Screen 00:05:24
    2. Creating New Documents 00:06:40
    3. Dreamweaver’s Different Views 00:05:35
    4. Touring The Dreamweaver Interface 00:06:53
    5. Customizing The Interface 00:05:09
    6. Exploring Dreamweaver Workspaces 00:04:30
    7. Creating A Custom Workspace 00:05:11
    8. Using The Tag Selector 00:03:04
  3. Chapter 2: Workin’ With Websites And Browsers!
    1. Defining A New Site 00:05:43
    2. Getting Organized In The Files Panel 00:05:38
    3. Saving Files Into Your Local Site 00:03:16
    4. Understanding Index Files 00:03:53
    5. Previewing Your Work In A Web Browser 00:06:44
  4. Chapter 3: Startin’ With Nothin’: Building A Web Layout From Scratch!
    1. Getting The Layout Started, Part 1 00:07:47
    2. Getting The Layout Started, Part 2 00:03:02
    3. Understanding How The Layout Works 00:07:17
    4. Inserting The Main Menu 00:04:00
    5. Creating The Main Content Area 00:04:48
    6. Hand Coding Layout Containers 00:06:40
    7. A More Economical Approach To Layout 00:10:25
    8. Using Float And Clear 00:08:33
    9. Previewing The Layout And Centering 00:12:17
    10. Nesting Layout Objects 00:08:57
    11. Spacing Apart The Layout 00:08:43
    12. Final Touches 00:08:06
  5. Chapter 4: Text And CSS And Menus…And More!
    1. Inserting Text Into The Layout 00:05:01
    2. Adjusting The Layout For Text, Part 1 00:07:57
    3. Adjusting The Layout For Text, Part 2 00:05:43
    4. Inserting Structural Headings 00:04:49
    5. Redefining HTML’s Top-Level Heading With CSS 00:09:05
    6. Touring The CSS Rule Definition Dialog Box 00:08:15
    7. Redefining Headings And Paragraphs 00:06:06
    8. Working More Efficiently With CSS 00:04:45
    9. Creating A CSS Class Rule 00:05:06
    10. Alternative Ways Of Working With Class Rules 00:04:52
    11. Inserting And Formatting Lists 00:04:19
    12. Using A List To Build A Menu, Part 1 00:03:59
    13. Using A List To Build A Menu, Part 2 00:07:47
  6. Chapter 5: And Now, Inserting Graphics!
    1. Inserting An Image 00:05:56
    2. Resizing Images With Dreamweaver And Photoshop 00:08:06
    3. Controlling Graphics With CSS 00:07:37
    4. Setting A Graphical Background 00:05:04
    5. Inserting The FeatureBox Images 00:08:41
    6. Setting Up The FeatureBox Titles 00:08:27
    7. Inserting The Layout’s Logo From Illustrator 00:07:28
  7. Chapter 6: Going Further With CSS: Using External Style Sheets!
    1. Understanding Style Sheet Types 00:08:17
    2. Organizing Your Style Sheet 00:03:04
    3. Moving Styles To An External Style Sheet 00:06:02
    4. Working With An External Style Sheet 00:06:08
    5. Creating New Rules Externally 00:03:18
  8. Chapter 7: Site Rollout: From A Single Page To A Multi-Page Site!
    1. Getting Ready For Site Rollout 00:03:42
    2. Creating Dummy Site Pages 00:03:15
    3. Setting Up The Internal Hyperlink Structure 00:03:13
    4. Creating The Site’s Pages 00:03:50
    5. Previewing And Testing The Site 00:02:54
    6. A Final Thought On Site Rollout 00:03:18
  9. Chapter 8: Insertin’ Additional Page Elements!
    1. Adjusting The Site’s Hyperlink Formatting 00:06:43
    2. Inserting A Simple Slideshow 00:07:38
    3. Inserting And Formatting Tables 00:09:39
    4. Inserting A Google Map 00:05:53
    5. Formatting A Customer Testimonial Page 00:04:55
    6. Setting Up A Contact Us Page 00:05:53
    7. Finalizing The Site 00:09:18
  10. Chapter 9: Going Live: Uploading The Completed Site!
    1. Setting The Remote Site Info 00:05:46
    2. Uploading The Local Site To The Remote Server 00:01:36
    3. Testing The Live Site 00:01:48
    4. Making Edits And Updating The Live Site 00:05:03
    5. Testing And Debugging For Other Browsers 00:07:31
  11. Now Go Forth And Create!
    1. Where To Go From Here 00:02:46