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