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

Dreamweaver CS5 Digital Classroom Book with DVD

"This book is absolutely amazing."

Adobe Dreamweaver CS5 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 CS5 book and DVD includes 16 self-paced lessons helping you learn essential skills, explore new features and discover the capabilities of Adobe Dreamweaver. Updated for Dreamweaver CS5.5!

  • 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 CS5 Digital Classroom Book with DVD Sample Video

Dreamweaver CS5 Digital Classroom Book with DVD Contents

Starting Up

  • About Dreamweaver Digital Classroom
  • Prerequisites
  • System requirements
  • Starting Adobe Dreamweaver CS5 or CS5.5
  • 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 Web sites
  • Additional resources 

Lesson 1: Dreamweaver CS5 Jumpstart

  • Starting up with Dreamweaver CS5 or CS5.5
  • What is Dreamweaver?
  • Design and layout tools
  • Site management and File Transfer Protocol
  • Coding environment and text editor
  • Who uses Dreamweaver?
  • An overview of features
  • Live View in Dreamweaver CS5
  • Related files
  • Code Navigator
  • Photoshop smart objects
  • 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
  • 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 in Dreamweaver CS5
  • Creating new documents
  • Self study
  • Review

Lesson 2: Setting Up a New Site

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

Lesson 3: Adding Text and Images

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

Lesson 4: Styling Your Pages with CSS

  • Starting up with Dreamweaver CS5
  • 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 in Dreamweaver CS5
  • 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)
  • Adobe Device Central
  • Self study
  • Review 

Lesson 5: Creating Page Layouts with CSS

  • Starting up with Dreamweaver CS5
  • 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 CS5
  • 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 CS5
  • 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 CS5
  • 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 CS5
  • 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 CS5
  • Adding code for IE 6
  • Applying finishing touches
  • Creating more sophisticated layouts
  • Self study
  • Review

Lesson 7: 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 in Dreamweaver CS5
  • Formatting and styling tables in HTML
  • Formatting and styling tables with CSS
  • Advanced CSS styling of tables
  • Controlling cell alignment, padding, 
    and borders with CSSin Dreamweaver CS5
  • Creating alternate row styling with CSS
  • Reusing CSS for other tables
  • Data sorting tables with Dreamweaver CS5
  • Self study
  • Review 

Lesson 8: Fine-Tuning Your Workflow

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

Lesson 9: Adding Flash, Video, and Sound Content

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

Lesson 10: Maximizing Site Design

  • Starting up with Dreamweaver CS5
  • Creating modular page elements
  • Introducing snippets in Dreamweaver CS5
  • The Snippets panel in Dreamweaver CS5
  • 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 CS5
  • Putting repeating regions into action
  • Detach from Template command
  • Self study
  • Review

Lesson 11: Working with Code-editing Features

  • Starting up with Dreamweaver CS5
  • Working with code in Dreamweaver CS5
  • Accessing code with the tag selector
  • Inserting tags with the Tag Chooser
  • Inserting and editing comments
  • Working in the Code view
  • Modifying the Code View Workspace
  • The Coding toolbar
  • Collapsing and expanding tags and code blocks in Dreamweaver CS5
  • Validating your code
  • Highlighting and correcting invalid code
  • Running a Report in Dreamweaver CS5
  • Formatting code
  • Indenting in Dreamweaver CS5
  • Self study
  • Review 

Lesson 12: Building Web Forms

  • Starting up with Dreamweaver CS5
  • Forms in everyday (web) life
  • How forms work using Dreamweaver CS5
  • Building a contact form
  • Inserting the <form> tag
  • Setting form properties
  • Adding form elements
  • Adding text fields with Dreamweaver CS5
  • Adding checkboxes using Dreamweaver CS5
  • 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 CS5
  • 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 13: Working with the Spry Framework

  • Starting up with Dreamweaver CS5
  • Introducing the Spry Widgets
  • The Spry framework for AJAX
  • What is AJAX?
  • A look at the Dreamweaver CS5 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 14: Managing Your Web Site: Reports, Optimization, and Maintenance

  • Starting up with Dreamweaver CS5
  • 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 CS5
  • Using Design Notes
  • Sharing Design Notes in Dreamweaver CS5
  • Displaying Design Notes in the Files panel
  • Testing site integrity
  • Using Check Links in Dreamweaver CS5
  • Checking links sitewide
  • Generating site reports
  • Understanding report results
  • Addressing a listed item
  • Saving reports with Dreamweaver CS5
  • 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 15: Using Legacy Tools: Frames and Tables

  • Starting up with Dreamweaver CS5
  • Legacy sites
  • How frames work using Dreamweaver CS5
  • Advantages and disadvantages of frames
  • Common frame usage
  • Creating framesets in Dreamweaver CS5
  • Selecting frames
  • Selecting framesets
  • The Frames panel in Dreamweaver CS5
  • Setting frameset properties
  • Setting frame properties
  • Splitting a frame in Dreamweaver CS5
  • Dragging a frame border
  • Specifying frame content
  • Targeting frames in Dreamweaver CS5
  • 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 in Dreamweaver CS5
  • Modifying tables
  • Setting table borders
  • Merging cells in Dreamweaver CS5
  • Nesting a table inside a row
  • Specifying column widths
  • Adding content to tables
  • Adding another table in Dreamweaver CS5
  • Formatting tables
  • Self study
  • Review 

Lesson 16: Dreamweaver CS5 and CS5.5 New Features

  • What’s new in Dreamweaver CS5?
  • New support for Content Management Systems
  • CSS inspection with Dreamweaver CS5
  • CSS Enable/Disable
  • Preview pages using Adobe Browserlab
  • Site setup and support for multiple servers
  • PHP Code hinting
  • Other new features
  • Business Catalyst Integration
  • Subversion
  • CSS Starter Pages
  • What's new in Dreamweaver CS5.5?
  • Using the Multiscreen feature
  • 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
  • Additional New Features in Dreamweaver CS5.5
  • 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