Dreamweaver CS4 Digital Classroom Book Official Site | Dreamweaver CS4 Book

"It's a good buy, as I felt like a teacher was right there with me." Amazon.com Reviewer

Adobe Dreamweaver CS4 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 CS4 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 | view sample lesson
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?

Contact your Wiley higher education representative 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.

Starting Up

About Dreamweaver Digital Classroom
Prerequisites
System requirements
Starting Adobe Dreamweaver CS4
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
Additional resources

Lesson 1: Dreamweaver CS4 Jumpstart

Starting up with Dreamweaver CS4
What is Dreamweaver?
Design and layout tools
Site management and File Transfer Protocol
Coding environment and text editor
Who uses Dreamweaver?
What’s new in Dreamweaver CS4?
New user interface
Live View in Dreamweaver CS4
Related files
Code Navigator
CSS improvements
HTML data sets
Photoshop smart objects
Other new features
Adobe AIR authoring support
Subversion in Dreamweaver CS4
An overview of features
How web sites 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 5
Case sensitivity and whitespace rules
Tag hierarchy
XHTML 1.0 Transitional
What’s the difference?
Explorations in code
A look at the Welcome Screen
Creating, opening, and saving documents
Creating new documents
Self study
Review

Lesson 3: Getting to Know the Workspace

Starting up with Dreamweaver CS4
Typography and images on the web
Adding text in Dreamweaver CS4
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 CS4
Using the Text Insert panel
Inserting images
Image resolution
Image formats in Dreamweaver CS4
Creating a simple gallery page
Linking images
Using image placeholders
Editing images in Dreamweaver CS4
Adjusting brightness and contrast
Resizing images in Dreamweaver CS4
Updating images
Self study
Review

Lesson 4: Styling Your Pages with CSS

Starting up with Dreamweaver CS4
What are Cascading Style Sheets?
A little bit of ancient history: when
<font> tags roamed the Earth
The dawn of CSS
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
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
Adobe Device Central
Review

Lesson 5: Creating Page Layouts with CSS

Starting up with Dreamweaver CS4
The CSS Box model
The basics of CSS margins, padding, and borders
Reviewing the <div> element
Reviewing the ID selector
Positioning content with AP Divs
Creating your first boxes with Draw AP Div using Dreamweaver CS4
Centering your page with relative positioning
Making layouts cross-browser compatible
Adding columns and headers to a layout
Absolute versus relative positioning
Adding a global navigation
Box overlap and z-index
Reordering <div> elements
Adding additional content and styles
Setting margins, padding, and borders
Overriding default margins in CSS
Futureproofing your layout
Moving the internal styles
Self study
Review

Lesson 6: Working with Tables

Starting up with Dreamweaver CS4
Using tables in web design
Importing table data in Dreamweaver CS4
Selecting table elements
Modifying table size
Modifying table structure
Creating a table in Dreamweaver CS4
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 7: Fine-Tuning Your Workflow

Starting up with Dreamweaver CS4
Customizing panels and panel groups
Using the Favorites tab on the Insert bar
Resizing the document window
Using guides
Using grids
The tag selector
Switching between tabs and cascading documents
Zooming in Dreamweaver CS4
Self study
Review

Lesson 8: Adding Flash, Video, and Sound Content

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

Lesson 10: Under the Hood: Editing in the Code View

Starting up with Dreamweaver CS4
Getting to your code
Accessing code with the tag selector
Editing an HTML tag with the Quick Tag Editor
Inserting tags with the Tag Chooser
Inserting and editing comments
Working in the Code view
The Coding toolbar
Collapsing and expanding tags and code blocks
Validating your code
Highlighting and correcting invalid code
Using the Check Page menu
The Validate Markup option
Formatting code
Indenting
Self study
Review

Lesson 11: Building Web Forms

Starting up with Dreamweaver CS4
Forms in everyday (web) life
How forms work in Dreamweaver CS4
Building a contact form
Inserting the <form> tag
Setting form properties
Adding form elements
Adding text fields in Dreamweaver CS4
Adding checkboxes in Dreamweaver CS4
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
Applying the .label style
Form processing and validation
Adding form validation
A look at the Behaviors panel
Setting an event or trigger
Previewing the button behavior
Validating form fields
Changing a form field’s behavior order
Verifying field contents
Self study
Review

Lesson 12: Working with the Spry Framework

Starting up with Dreamweaver CS4
Introducing the Spry Widgets
The Spry framework for AJAX
What is AJAX?
A look at the project
The Spry Menu bar
Customizing Spry Widgets with CSS
The Spry Tabbed panel
On your own
The Spry Accordion panel
The Spry Collapsible panel
On your own
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 13: Managing Your Web Site: Reports, Optimization, and Maintenance

Starting up with Dreamweaver CS4
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
Using Design Notes
Sharing Design Notes
Displaying Design Notes in the Files panel
Testing site integrity
Using Check Links
Checking links sitewide
Generating site reports
Understanding report results
Addressing a listed item
Saving reports
The Browser Compatibility Check
The CSS Advisor
Optimizing pages for launch
Search engine visibility and Search Engine Optimization
Titling your documents with the <title> tag
Adding meta keywords and descriptions
Describing images with alternate text
Launching your site
Site Launch Checklist
Uploading your site
Getting help and using the reference guides
The Reference panel
Suggested next steps
Self study
Review

Lesson 14: Using Legacy Tools: Frames and Tables

Starting up with Dreamweaver CS4
Legacy sites
How frames work
Advantages and disadvantages of frames
Common frame usage
Creating framesets
Selecting frames
Selecting framesets
The Frames panel
Setting frameset properties
Setting frame properties
Splitting a frame
Dragging a frame border
Specifying frame content
Targeting frames
Linking to outside web pages
Using _top to replace a frameset
Adding <noframes> content
Using tables for layout
Tables versus CSS
Inserting a table
Selecting tables
Modifying tables
Setting table borders
Merging cells
Nesting a table inside a row
Specifying column widths
Adding content to tables
Adding another table
Formatting tables
Other ways to work with tables
Deleting rows and columns
Importing table data
Self study
Review

Other Books from the Digital Classroom Series

Dreamweaver CS4 Digital Classroom Book with DVD