by Video2Brain Powers | Publisher: Peachpit Press | Release Date: June 2012 | ISBN: 9780133066166

This critically acclaimed product from Adobe Press and video2brain combines exceptional quality HD video and a printed reference to teach the fundamentals of Dreamweaver CS6 as well as the basic principles of web design. Structured around the objectives of the Adobe Certified Associate exam 'Web Communication Using Adobe Dreamweaver CS6', the product includes 13 hours of video, complete with lesson files. Experienced instructor David Powers shows you how to build modern, standards-compliant websites using Dreamweaver CS6. David starts with a quick overview of what Dreamweaver is used for, then goes into the nuts and bolts of HTML: the language that governs the appearance of web pages, and how web pages are assembled and connected to create an entire web site. He shows you how to add text to a page, then to add images and hyperlinks. To add visual sophistication to the design, David introduces Cascading Style Sheets (CSS) and shows how to add special effects to objects, like rounded corners and drop shadows. Further topics include multimedia (video, audio, and Flash), tables, forms, and managing large sites with many pages. Finally, David shows how to use Media Queries to make your site look good on any screen, from a desktop to a tiny mobile device.

1. Introducing Dreamweaver CS6
   • What Is Dreamweaver? 00:06:25
   • About This Course and the Project Files 00:03:25
   • What's New in Dreamweaver CS6 00:06:29
2. Web Basics
   • How Web Pages Are Built 00:06:15
   • Naming Conventions 00:04:16
   • Choosing a Doctype 00:08:50
   • Planning Your Website 00:05:12
   • Understanding Copyright 00:07:51
   • Making Your Site Accessible 00:08:52
3. Dreamweaver Basics
   • The Welcome Screen 00:05:58
   • Defining a Site in Dreamweaver 00:05:41
   • Exploring the Document Window 00:07:44
   • Viewing Pages with Live View and Live Code View 00:07:13
   • Using the Property Inspector 00:07:37
   • Organizing Your Workspace 00:09:40
   • Finding Hidden Toolbars and Panels 00:07:07
   • Changing Dreamweaver Preferences 00:05:14
   • What's Different on a Mac? 00:04:04
4. Getting a Quick Start with a Predefined Layout
   • Choosing a Layout 00:07:00
   • Adding Your Own Content 00:09:57
   • Adding Images 00:07:24
   • Changing the Appearance and Color Scheme 00:09:41
   • Moving the Styles to an External Style Sheet 00:04:44
   • Adding More Pages 00:04:43
5. Working with Text
   • Typing Directly in Design View 00:08:32
   • Creating Bulleted and Numbered Lists 00:07:17
   • Creating a Definition List 00:04:43
   • Copying and Pasting or Importing from Word 00:07:23
   • Inserting Special Characters 00:07:34
   • Using Blockquote Correctly 00:04:11
6. Adding Style and Structure with CSS
   • What Is CSS? 00:08:25
   • Setting Colors and Opacity 00:05:59
   • Setting Up for the Case Study 00:02:14
   • Using Page Properties for Basic Styles 00:07:42
   • Inserting Div Tags and IDs 00:08:34
   • Adding Background Images and Colors 00:08:38
   • Understanding the CSS Box Model 00:08:20
   • Adjusting Padding and Margins 00:09:05
   • Floating Elements 00:06:52
   • Inside Page Layout 00:09:17
7. Diving Deeper into CSS
   • CSS Selectors 00:07:46
   • Understanding Specificity 00:03:53
   • Exploring the CSS Styles Panel 00:07:25
   • Examining the Cascade 00:05:28
   • Using the Code Navigator 00:05:12
   • How CSS Positioning Works 00:07:45
   • Layout with AP Divs 00:08:42
   • Positioning a Nested Element 00:05:51
8. Working with Images
   • Preparing Images for the Web 00:06:49
   • Organizing Images in Dreamweaver 00:06:02
   • Inserting Images and Alternate Text 00:07:06
   • Scaling Images with HTML 00:08:26
   • Making Images Responsive 00:08:30
   • Adding a Caption to an Image 00:06:28
   • Modifying Images 00:07:37
   • Using Photoshop Smart Objects 00:05:55
   • Associating a Fireworks File 00:04:25
9. Using Text and Images as Links
   • Links Basics 00:05:31
   • Internal Links 00:06:23
   • External Links 00:06:45
   • Linking to a Specific Point in a Page 00:06:47
   • Linking to Non-Web Files 00:05:52
   • Email Links 00:03:17
   • Using an Image as a Link 00:06:52
   • Creating an Image Map 00:10:41
   • Styling Links 00:06:55
   • Styling External Links 00:03:29
   • Converting a List into a Navigation Bar 00:09:32
10. Adding Special Effects with CSS3
    • Adding Rounded Corners 00:07:11
    • Creating Drop Shadows on Page Elements 00:08:23
    • Installing Web Fonts 00:06:17
    • Creating a Custom Font Stack with Web Fonts 00:05:22
    • Using Text Shadows 00:04:51
    • Rotating Elements 00:07:50
    • Introduction to CSS Transitions 00:03:34
    • Using the CSS Transitions Panel 00:05:43
    • Setting the Transform Origin 00:09:07
    • Checking Older Browsers 00:04:49
11. Multimedia
    • Inserting a Flash Movie 00:09:12
    • Displaying Video Filename Extensions 00:01:39
    • Inserting HTML5 Video 00:08:33
    • Inserting HTML5 Audio 00:06:10
    • Troubleshooting HTML5 Video and Audio 00:03:03
12. Using Tables for Structured Data
    • Inserting a Table 00:09:38
    • Modifying a Table 00:05:00
    • Splitting and Merging Table Cells 00:04:20
    • Importing Data from an Excel or CSV File 00:05:57
    • Styling a Table with CSS 00:07:43
13. Creating Online Forms
    • Introduction to Forms 00:06:02
    • Inputting Single- and Multiple-Line Text 00:07:04
    • Specialized Text Input Fields 00:06:03
    • Checkboxes and Checkbox Groups 00:05:28
    • Radio Buttons 00:07:09
    • Select Menus and Multiple-Choice Lists 00:07:48
    • Submit and Reset Buttons 00:04:13
    • Styling Form Elements 00:08:16
14. Managing Site Assets
    • Renaming and Moving Files 00:02:51
    • Creating a Library Item 00:05:31
    • Modifying a Library Item 00:04:27
    • Creating a Template from an Existing Page 00:05:34
    • Creating Child Pages from a Template 00:09:21
    • Detaching a Page from a Template 00:01:48
15. Responsive Web Design with Media Queries
    • Creating Styles for Print 00:08:49
    • What Are Media Queries? 00:03:55
    • Creating a Site-Wide Media Query File 00:09:41
    • Using Multiscreen Preview 00:03:55
    • Creating Styles for Tablets 00:05:09
    • Optimizing for Mobile Phones 00:07:38
    • Using a Fluid Grid Layout 00:08:37
    • Snapping Layout Divs to the Grid 00:06:30
    • Styling a Fluid Grid Layout 00:08:44
16. Useful Tools and Utilities
    • Reformatting HTML and CSS Markup 00:06:29
    • Using the Spell Checker 00:03:12
    • Using Find and Replace 00:07:39
    • Updating Specific Tags 00:04:37
17. Publishing Your Site
    • Running Site Reports 00:06:44
    • Adding a Description to a Page 00:06:49
    • Validating Your HTML and CSS 00:05:53
    • Testing in BrowserLab 00:04:30
    • Logging into Your Remote Web Server 00:07:37
    • Uploading and Downloading Files 00:06:18