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

Dreamweaver CS4 Digital Classroom Book with video training

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

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
  • 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 CS4 Digital Classroom Book with video training Sample Video

Dreamweaver CS4 Digital Classroom Book with video training Contents

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 2: Setting Up a New Site

  • Starting up with Dreamweaver CS4
  • Creating a new site in Dreamweaver CS4
  • Advanced site-creation options
  • Adding pages
  • Saving a page to your site
  • Defining page properties
  • Work views in Dreamweaver CS4
  • A look at the Files panel
  • Viewing local files
  • Selecting and editing files
  • Files panel options
  • Changing the Files panel view
  • 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 9: Maximizing Site Design

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

 

American Graphics Institute BBB Business Review