Home » Dreamweaver Training Classes » Dreamweaver Books » Dreamweaver CS5 Digital Classroom Book with video training

Dreamweaver CS5 Digital Classroom Book with video training

"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 video training Sample Video

Dreamweaver CS5 Digital Classroom Book with video training 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