Home » Books » Dreamweaver Books » Dreamweaver CS6 Digital Classroom Book with DVD

Dreamweaver CS6 Digital Classroom Book with DVD

"Excellent Dreamweaver training, I love this book."

Adobe Dreamweaver CS6 Digital Classroom book with DVD is like having a personal instructor guiding you through each lesson, while you work at your own pace. This Dreamweaver CS6 book with DVD includes 14 self-paced lessons helping you learn essential skills and explore new features and capabilities of Adobe Dreamweaver.

  • Full color lessons with easy to follow step-by-step instructions
  • Video tutorials highlight key topics in each lesson
  • Covers all essential Dreamweaver skills
  • Gets you up-and-running quickly with included Dreamweaver lesson files on DVD
  • Written by expert Dreamweaver instructors who regularly teach Dreamweaver training courses – it's like having your own personal tutor
  • Used by hundreds of schools and more than 100,000 readers

Dreamweaver CS6 Digital Classroom Book with DVD Sample Video

Dreamweaver CS6 Digital Classroom Book with DVD Contents

Starting Up

  • About Dreamweaver Digital Classroom
  • Prerequisites
  • System requirements
  • Starting Adobe Dreamweaver CS6
  • Resetting the Dreamweaver workspace
  • Loading lesson files
  • Working with the video tutorials
  • Setting up for viewing the video tutorials
  • Viewing the video tutorials with the Adobe Flash Player
  • Hosting Your websites
  • Additional resources 

Lesson 1: Dreamweaver CS6 Jumpstart

  • Starting up with Dreamweaver CS6
  • What is Dreamweaver?
  • Design and layout tools
  • Site management and File Transfer Protocol
  • Coding environment and text editor
  • Mobile design and development features
  • Who uses Dreamweaver?
  • Dreamweaver's workspace features
  • Live View and Live Code
  • CSS Inspection and the Enable/Disable Feature
  • Related files
  • Code Navigator
  • Photoshop smart objects
  • Support for Content Management Systems
  • HTML5, CSS3, and PHP code hinting
  • HTML and CSS Starter Pages
  • Subversion
  • Business Catalyst integration
  • How websites work
  • A simple flow chart
  • Domain names and IP addresses
  • Servers and web hosts
  • The role of web browsers
  • An introduction to HTML
  • Tag structure and attributes
  • The structure of an HTML document
  • Placing images in HTML
  • Colors in HTML
  • Case sensitivity and whitespace rules
  • Element hierarchy
  • XHTML 1.0 Transitional
  • What’s the difference?
  • Explorations in code
  • A look at the Welcome Screen
  • Creating, opening, and saving documents in Dreamweaver CS6
  • Creating new documents
  • Self study
  • Review

Lesson 2: Setting Up a New Site

  • Starting up with Dreamweaver CS6
  • Creating a new site
  • Advanced site-creation options
  • Adding pages using Dreamweaver CS6
  • Saving a page to your site
  • Defining page properties
  • Work views
  • A deeper look into the Files panel
  • Viewing local files in Dreamweaver CS6
  • Selecting and editing files
  • Self study
  • Review

Lesson 3: Adding Text and Images

  • Starting up with Dreamweaver CS6
  • Typography and images on the web
  • Adding text
  • An introduction to styles
  • Previewing pages in a web browser
  • Understanding hyperlinks
  • Creating hyperlinks
  • Relative versus absolute hyperlinks
  • Linking to an e-mail address
  • Creating lists in Dreamweaver CS6
  • Using the Text Insert panel
  • Inserting images in Dreamweaver CS6
  • Image resolution
  • Image formats
  • Creating a simple gallery page
  • Linking images
  • Using image placeholders
  • Editing images in Dreamweaver CS6
  • Adjusting brightness and contrast
  • Optimizing images in Dreamweaver CS6
  • Updating images in Dreamweaver CS6
  • Self study
  • Review

Lesson 4: Styling Your Pages with CSS

  • Starting up with Dreamweaver CS6
  • What are Cascading Style Sheets?
  • CSS replaces inefficient HTML styling
  • The benefits of CSS styling
  • How do you create CSS rules in Dreamweaver?
  • Understanding Style Sheets
  • Understanding why they’re called Cascading
  • Creating and modifying styles
  • Creating a class style with the Property Inspector in Dreamweaver CS6
  • Creating and modifying styles in 
    the CSS Styles panel
  • Advanced text formatting with CSS
  • Fine-tuning page appearance with 
    contextual and pseudo-class selectors
  • Div tags and CSS IDs
  • Internal versus external style sheets
  • Attaching an external style sheet to your page
  • Modifying attached style sheets
  • Creating a new .css file (external style sheet)
  • Self study
  • Review 

Lesson 5: Creating Page Layouts with CSS

  • Starting up with Dreamweaver CS6
  • The CSS Box model
  • The basics of CSS margins, padding, and borders
  • Reviewing the <div> element
  • Reviewing the ID selector
  • Creating a centered container for your page.
  • Making layouts cross-browser compatible in Dreamweaver CS6
  • Absolute versus relative positioning
  • Positioning content with AP Divs
  • Creating a header section 
    with the Draw AP Div
  • Adding an introduction section to your page in Dreamweaver CS6
  • Adding images to your layout
  • Photoshop Integration
  • Adding Main and Sidebar content areas
  • Adding additional content and styles
  • Setting margins and borders
  • Overriding default margins in CSS
  • Adding borders to elements
  • Futureproofing your layout
  • The pros and cons of Absolutely 
    Positioned CSS layouts
  • Self study
  • Review

Lesson 6: Advanced Page Layout

  • Starting up with Dreamweaver CS6
  • Layout with AP divs versus layout with floats
  • Creating a floated image
  • Creating columns with HTML and CSS
  • Creating the HTML Structure with div elements
  • Setting the width and floating the columns in Dreamweaver CS6
  • Using the clear property
  • Creating a list-based navigation bar
  • Changing column layout and size
  • Creating the appearance of equal height columns
  • Browser compatibility in Dreamweaver CS6
  • Adding code for IE 6
  • Applying finishing touches
  • Creating more sophisticated layouts
  • Dreamweaver Fluid Grid Layout
  • Self study
  • Review

Lesson 7: CSS3 Transitions and Web Fonts

  • Starting up
  • Understanding the role of CSS3
  • Adding a CSS Transition
  • Modifying a CSS Transition
  • Adding CSS Transitions to a navigation menu
  • The basics of web fonts
  • Adding web fonts to your site
  • Styling your heading with a web font
  • Self study
  • Review 

Lesson 8: Working with Tables

  • Starting up
  • Using tables in web design
  • Importing table data
  • Selecting table elements
  • Modifying table size
  • Modifying table structure
  • Creating a table
  • Formatting and styling tables in HTML
  • Formatting and styling tables with CSS
  • Advanced CSS styling of tables
  • Controlling cell alignment, padding,
    and borders with CSS
  • Creating alternate row styling with CSS
  • Reusing CSS for other tables
  • Data sorting tables
  • Self study
  • Review

Lesson 9: Fine-tuning your workflow

  • Starting up
  • Customizing panels and panel groups
  • Using the Favorites tab on the Insert bar
  • Resizing the document window
  • Changing the Zoom level
  • Using guides in Dreamweaver CS6
  • Using grids in Dreamweaver CS6
  • The tag selector in Dreamweaver CS6
  • Tiling documents in Dreamweaver CS6
  • Self study
  • Review

Lesson 10: Adding Flash, Video, and Sound Content

  • Starting up with Dreamweaver CS6
  • Making web content interesting
  • Inserting Flash movies
  • Adding video in Dreamweaver CS6
  • Flash Video
  • QuickTime video and Windows Media
  • Inserting sound in Dreamweaver CS6
  • Self study
  • Review 

Lesson 11: Maximizing Site Design

  • Starting up with Dreamweaver CS6
  • Creating modular page elements
  • Introducing snippets in Dreamweaver CS6
  • The Snippets panel in Dreamweaver CS6
  • Creating new snippets
  • Introducing library items
  • Modifying and updating library items
  • Introducing templates
  • Creating a new template
  • Working with editable regions
  • Creating new pages from templates
  • Modifying templates
  • Repeating regions with Dreamweaver CS6
  • Putting repeating regions into action
  • Detach from Template command
  • Self study
  • Review

Lesson 12: Working with Code-editing Features

  • Starting up with Dreamweaver CS6
  • Working with code in Dreamweaver CS6
  • Accessing code with the Quick Tage editor
  • Inserting tags with the Tag Chooser
  • Inserting and editing comments
  • Using HTML5 Code-hinting
  • Working in the Code view
  • Modifying the Code View Workspace
  • The Coding toolbar
  • Collapsing and expanding tags and code blocks in Dreamweaver CS6
  • Validating your code
  • Highlighting and correcting invalid code
  • Running a Report in Dreamweaver CS6
  • Formatting code
  • Indenting in Dreamweaver CS6
  • Self study
  • Review 

Lesson 13: Building Web Forms

  • Starting up with Dreamweaver CS6
  • The basics of HTML forms
  • How forms work
  • Building a contact form
  • Inserting the <form> tag
  • Setting form properties
  • Adding form elements
  • Adding text fields with Dreamweaver CS6
  • Adding checkboxes using Dreamweaver CS6
  • Adding radio buttons
  • Adding radio groups
  • Adding lists and menus
  • Adding a text area
  • Adding a File Upload field
  • Creating Submit and Reset buttons
  • Styling forms with CSS
  • Attaching external styles
  • Setting a background color
  • Styling form elements using Dreamweaver CS6
  • Form processing and validation
  • Adding form validation
  • A look at the Behaviors panel
  • Setting an event or trigger
  • Validating form fields
  • Changing a form field’s behavior order
  • Verifying field contents
  • Self study
  • Review 

Lesson 14: Working with the Spry Framework

  • Starting up with Dreamweaver CS6
  • Introducing the Spry Widgets
  • The Spry framework for AJAX
  • What is AJAX?
  • A look at the Dreamweaver CS6 project
  • The Spry Menu bar
  • Customizing Spry Widgets with CSS
  • The Spry Tabbed panel
  • The Spry Accordion panel
  • The Spry Collapsible panel
  • Working with Spry Data Widgets
  • What is XML?
  • Creating a Spry XML data set
  • Adding a Spry Data Widget: The Spry Repeat List
  • Styling and fine-tuning data widgets
  • Self study
  • Review

Lesson 15: Mobile Design and Layout

  • Starting up with Dreamweaver CS6
  • The rise of the mobile web
  • Dreamweaver tools for mobile layout

  • Mobile website features in Dreamweaver
  • Viewing your web page with
  • the Multiscreen feature
  • Media Queries defined
  • Creating a site-wide media query file
  • Organizing your style sheets
  • Creating a layout optimized for mobile
  • Creating styles for navigation and 
    a single-column layout
  • The basics of Fluid Grid Layout
  • Creating your mobile layout
  • Creating a tablet layout
  • Creating a three-column fluid layout for the desktop
  • Styling elements in your fluid grid layout
  • Self study
  • Review 

Lesson 16: Managing Your Website: Reports, Optimization, and Maintenance

  • Starting up with Dreamweaver CS6
  • Working with the Files panel
  • Creating a remote connection
  • Viewing files on a remote web server
  • Transferring files to and from a remote
    server with Get and Put
  • Using Check In/Check Out and Design Notes
  • Check In and Check Out in Dreamweaver CS6
  • Using Design Notes
  • Sharing Design Notes in Dreamweaver CS6
  • Displaying Design Notes in the Files panel
  • Testing site integrity
  • Using Check Links in Dreamweaver CS6
  • Checking links sitewide
  • Generating site reports
  • Understanding report results
  • Addressing a listed item
  • The Browser Compatibility Check
  • Optimizing pages for launch
  • Search engine visibility and 
    Search Engine Optimization
  • Titling your documents with the <title> tag
  • Adding meta keywords and descriptions
  • Launching your site
  • Site Launch Checklist
  • Uploading your site
  • Getting help and using the reference guides
  • The Reference panel
  • Suggested next steps
  • Website design resources
  • Self study
  • Review 

Lesson 17: Dreamweaver CS6 New Features

  • What’s new in Dreamweaver CS6?
  • Fluid Grid Layout
  • CSS Transitions
  • Web fonts
  • jQuery Mobile Swatches
  • PhoneGap Build Service
  • New Features in Dreamweaver CS6
  • CSS3 and HTML5 authoring support
  • jQuery Mobile integration
  • Support for building native mobile apps for iOS and Android with PhoneGap
  • W3C Validation

 

American Graphics Institute BBB Business Review