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

Adobe Dreamweaver CS6

Video Description

Jump aboard Dreamweaver CS6 and learn the latest new features in Adobe's flagship web layout application. First, you'll master the Dreamweaver interface, defining sites, and handling files. Then, it's on to building a web layout from complete scratch; you'll learn how to insert text, manage graphics, insert Smart Objects, and format tables. Then, discover powerful new CSS Transition effects, as well as the new Fluid Grid Layout options. If you want to quickly get up and running with Dreamweaver CS 6, then this VTC course by author and expert Geoff Blake is exactly what you need. To begin learning today, simply click on the movie links.

Table of Contents

  1. Introduction
    1. Welcome to Dreamweaver CS6 00:02:54
  2. The Dreamweaver Interface
    1. Touring the Welcome Screen 00:02:55
    2. Creating New Documents 00:04:16
    3. The Three Primary Views 00:04:58
    4. A Look at the Dreamweaver Interface 00:06:18
    5. Customizing the Interface 00:06:46
    6. Saving Dreamweaver Workspaces 00:03:58
    7. Using the History Panel 00:06:14
    8. Using the Snippets Panel 00:04:00
    9. Exploring Additional Panels pt. 1 00:03:56
    10. Exploring Additional Panels pt. 2 00:04:37
    11. Files / Assets / CSS Styles Panels 00:04:06
    12. Using the Tag Selector 00:03:55
  3. Websites in Dreamweaver
    1. Defining a New Site 00:04:09
    2. Touring the Files Panel 00:04:44
    3. Getting Your Files Organized 00:05:51
    4. Saving Files 00:03:40
    5. Understanding Index Files 00:04:22
    6. Managing Multiple Sites 00:04:54
    7. Understanding Local and Remote Sites 00:04:58
    8. Previewing Pages 00:06:31
    9. Adding Additional Browsers 00:03:09
  4. Building a Page Layout
    1. Previewing the Final Design 00:02:06
    2. Getting the Layout Started 00:05:57
    3. Inserting the Header Div 00:06:24
    4. Inserting the Menu 00:04:11
    5. Setting Up the Main Content Area 00:03:59
    6. Understanding How the Layout Functions 00:05:52
    7. Hand Coding Divs 00:05:02
    8. Hand Coding ID Selectors 00:05:23
    9. Duplicating Divs 00:03:34
    10. Inserting the Footer 00:03:25
    11. Introducing Floats 00:05:14
    12. Clearing Floats 00:01:51
    13. Spacing Apart the IndexBoxes 00:04:23
    14. Understanding the CSS Box Model 00:03:50
    15. Finishing Touches 00:07:33
    16. Centering the Layout and Previewing 00:04:41
  5. Getting Started with Text
    1. Inserting Text into the Layout 00:04:28
    2. Adjusting the Content Container pt. 1 00:07:20
    3. Adjusting the Content Container pt. 2 00:04:33
    4. Inserting Structural Headings 00:06:11
    5. Creating Numbered and Bulleted Lists 00:06:33
    6. Inserting Special Characters 00:03:29
    7. Using the Spell Checker 00:02:54
    8. Find & Replace 00:04:54
  6. Formatting Text with CSS
    1. Getting Started with Text Formatting 00:06:22
    2. Understanding How the New Rule Works 00:05:51
    3. The Three Primary CSS Rule Types 00:07:10
    4. Touring the CSS Rule Definition Dialog 00:05:10
    5. The Two Ways to Apply a Style 00:05:02
    6. Removing a Style 00:02:48
    7. Creating a Floating Sidebar pt. 1 00:06:17
    8. Creating a Floating Sidebar pt. 2 00:06:39
    9. Creating a Floating Sidebar pt. 3 00:06:23
    10. Formatting HTML Headings 00:06:40
    11. Reformatting Paragraphs 00:04:44
    12. Understanding CSS Font Lists 00:03:06
    13. Redefining Bulleted and Numbered Lists 00:06:41
    14. Using the CSS Styles Panel Current Mode 00:06:56
    15. Using a List to Build a Menu pt. 1 00:05:52
    16. Using a List to Build a Menu pt. 2 00:05:08
    17. Finishing Up the Layout Text 00:05:07
  7. Inserting Graphics
    1. Graphic File Formats in Web Design 00:04:15
    2. Inserting an Image 00:03:33
    3. Controlling Graphics with CSS 00:05:41
    4. Setting a Graphical Background 00:05:42
    5. Setting Additional Backgrounds 00:03:56
    6. Inserting the Logo pt. 1 00:06:19
    7. Inserting the Logo pt. 2 00:02:36
    8. Resizing Graphics in Dreamweaver 00:05:27
    9. Editing Images with Photoshop 00:05:16
    10. Dreamweaver Image Editing Commands 00:04:48
    11. Using Smart Objects 00:07:56
    12. Finishing Up 00:03:30
  8. Using External Style Sheets
    1. Organizing Your Style Sheet 00:04:12
    2. Moving Styles to an External Style Sheet 00:04:06
    3. Working with an External Style Sheet 00:05:38
    4. Creating New Rules Externally 00:02:28
    5. Moving Styles Between Sheets 00:02:16
  9. Inserting Additional Page Elements
    1. Setting Hyperlinks 00:06:26
    2. Controlling Hyperlinks with CSS 00:04:48
    3. Formatting Menu Links 00:03:40
    4. Inserting Tables 00:04:03
    5. Inserting Content & Formatting Tables 00:04:18
    6. Formatting Tables with CSS pt. 1 00:04:54
    7. Formatting Tables with CSS pt. 2 00:03:27
  10. Applying Special Effects
    1. Creating Image Rollovers 00:04:21
    2. Getting Started with New CSS Transitions 00:04:26
    3. Adding Duration to a Transition 00:04:03
    4. Adding Additional Properties 00:05:04
  11. Dreamweaver CS6 Fluid Grid Layout
    1. Getting Started with Grid Layouts 00:05:25
    2. Building the Mobile Layout 00:05:07
    3. Touring the CSS File 00:06:09
    4. Adjusting the Tablet and Desktop Layouts 00:06:18
    5. Formatting the Layout 00:05:46
    6. Formatting Other Device Layouts pt. 1 00:04:22
    7. Formatting Other Device Layouts pt. 2 00:02:34
    8. Previewing the Layout 00:02:39
  12. Conclusion
    1. Course Wrap Up 00:02:21
  13. Credits
    1. About the Author 00:00:56