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