This Dreamweaver CS6 book and DVD includes 16 self-paced lessons helping you learn essential skills,
explore new features and discover the capabilities of Adobe Dreamweaver CS6.
Full color lessons with easy to follow step-by-step instructions
Video tutorials highlight key topics in each lesson | sample Dreamweaver tutorial
Covers all essential Dreamweaver skills | view Table of Contents
Gets you up-and-running quickly with included Dreamweaver lesson files on DVD
Written by expert Dreamweaver instructors – it's like having your own personal tutor
Used by hundreds of schools and more than 100,000 readers
Are you an Instructor or Professor?
to obtain a review copy or use the contact form to
obtain an instructor's guide for using the Digital Classroom as your Dreamweaver class textbook.
Buy At
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
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
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
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
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
Advanced text formatting with CSS
Fine-tuning page appearance with
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
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
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
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
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
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,
Creating alternate row styling with CSS
Reusing CSS for other tables
Data sorting tables
Self study
Review
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
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
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
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
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
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
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
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
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
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
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
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
Other Books
from the
Classroom
Series
