Dreamweaver CS6 Digital Classroom Book with video training
Adobe Dreamweaver CS6 Digital Classroom book with video training is like having a personal instructor guiding you through each lesson, while you work at your own pace. This Dreamweaver CS6 book with video training 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 you can access online
- 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 CS6 Digital Classroom Book with video training Contents
Starting Up
- About Dreamweaver Digital Classroom
- Prerequisites
- System requirements
- Starting Adobe Dreamweaver CS6
- 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 websites
- Additional resources
Lesson 1: Dreamweaver CS6 Jumpstart
- Starting up with Dreamweaver CS6
- What is Dreamweaver?
- Design and layout tools
- Site management and File Transfer Protocol
- Coding environment and text editor
- Mobile design and development features
- Who uses Dreamweaver?
- Dreamweaver's workspace features
- Live View and Live Code
- CSS Inspection and the Enable/Disable Feature
- Related files
- Code Navigator
- Photoshop smart objects
- Support for Content Management Systems
- HTML5, CSS3, and PHP code hinting
- HTML and CSS Starter Pages
- Subversion
- Business Catalyst integration
- How websites 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
- Element 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 CS6
- Creating new documents
- Self study
- Review
Lesson 2: Setting Up a New Site
- Starting up with Dreamweaver CS6
- Creating a new site
- Advanced site-creation options
- Adding pages using Dreamweaver CS6
- Saving a page to your site
- Defining page properties
- Work views
- A deeper look into the Files panel
- Viewing local files in Dreamweaver CS6
- Selecting and editing files
- Self study
- Review
Lesson 3: Adding Text and Images
- Starting up with Dreamweaver CS6
- 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 in Dreamweaver CS6
- Using the Text Insert panel
- Inserting images in Dreamweaver CS6
- Image resolution
- Image formats
- Creating a simple gallery page
- Linking images
- Using image placeholders
- Editing images in Dreamweaver CS6
- Adjusting brightness and contrast
- Optimizing images in Dreamweaver CS6
- Updating images in Dreamweaver CS6
- Self study
- Review
Lesson 4: Styling Your Pages with CSS
- Starting up with Dreamweaver CS6
- What are Cascading Style Sheets?
- CSS replaces inefficient HTML styling
- The benefits of CSS styling
- 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 CS6
- 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
- Review
Lesson 5: Creating Page Layouts with CSS
- Starting up with Dreamweaver CS6
- 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 CS6
- 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 CS6
- 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 CS6
- 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 CS6
- 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 CS6
- Adding code for IE 6
- Applying finishing touches
- Creating more sophisticated layouts
- Dreamweaver Fluid Grid Layout
- Self study
- Review
Lesson 7: CSS3 Transitions and Web Fonts
- Starting up
- Understanding the role of CSS3
- Adding a CSS Transition
- Modifying a CSS Transition
- Adding CSS Transitions to a navigation menu
- The basics of web fonts
- Adding web fonts to your site
- Styling your heading with a web font
- Self study
- Review
Lesson 8: 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
- 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 9: Fine-tuning your workflow
- Starting up
- Customizing panels and panel groups
- Using the Favorites tab on the Insert bar
- Resizing the document window
- Changing the Zoom level
- Using guides in Dreamweaver CS6
- Using grids in Dreamweaver CS6
- The tag selector in Dreamweaver CS6
- Tiling documents in Dreamweaver CS6
- Self study
- Review
Lesson 10: Adding Flash, Video, and Sound Content
- Starting up with Dreamweaver CS6
- Making web content interesting
- Inserting Flash movies
- Adding video in Dreamweaver CS6
- Flash Video
- QuickTime video and Windows Media
- Inserting sound in Dreamweaver CS6
- Self study
- Review
Lesson 11: Maximizing Site Design
- Starting up with Dreamweaver CS6
- Creating modular page elements
- Introducing snippets in Dreamweaver CS6
- The Snippets panel in Dreamweaver CS6
- 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 CS6
- Putting repeating regions into action
- Detach from Template command
- Self study
- Review
Lesson 12: Working with Code-editing Features
- Starting up with Dreamweaver CS6
- Working with code in Dreamweaver CS6
- Accessing code with the Quick Tage editor
- Inserting tags with the Tag Chooser
- Inserting and editing comments
- Using HTML5 Code-hinting
- Working in the Code view
- Modifying the Code View Workspace
- The Coding toolbar
- Collapsing and expanding tags and code blocks in Dreamweaver CS6
- Validating your code
- Highlighting and correcting invalid code
- Running a Report in Dreamweaver CS6
- Formatting code
- Indenting in Dreamweaver CS6
- Self study
- Review
Lesson 13: Building Web Forms
- Starting up with Dreamweaver CS6
- The basics of HTML forms
- How forms work
- Building a contact form
- Inserting the <form> tag
- Setting form properties
- Adding form elements
- Adding text fields with Dreamweaver CS6
- Adding checkboxes using Dreamweaver CS6
- 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 CS6
- Form processing and validation
- Adding form validation
- A look at the Behaviors panel
- Setting an event or trigger
- Validating form fields
- Changing a form field’s behavior order
- Verifying field contents
- Self study
- Review
Lesson 14: Working with the Spry Framework
- Starting up with Dreamweaver CS6
- Introducing the Spry Widgets
- The Spry framework for AJAX
- What is AJAX?
- A look at the Dreamweaver CS6 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 15: Mobile Design and Layout
- Starting up with Dreamweaver CS6
- The rise of the mobile web
- Dreamweaver tools for mobile layout
- Mobile website features in Dreamweaver
- Viewing your web page with
- the Multiscreen feature
- Media Queries defined
- 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 - The basics of Fluid Grid Layout
- Creating your mobile layout
- Creating a tablet layout
- Creating a three-column fluid layout for the desktop
- Styling elements in your fluid grid layout
- Self study
- Review
Lesson 16: Managing Your Website: Reports, Optimization, and Maintenance
- Starting up with Dreamweaver CS6
- 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 CS6
- Using Design Notes
- Sharing Design Notes in Dreamweaver CS6
- Displaying Design Notes in the Files panel
- Testing site integrity
- Using Check Links in Dreamweaver CS6
- Checking links sitewide
- Generating site reports
- Understanding report results
- Addressing a listed item
- The Browser Compatibility Check
- Optimizing pages for launch
- Search engine visibility and
Search Engine Optimization - Titling your documents with the <title> tag
- Adding meta keywords and descriptions
- Launching your site
- Site Launch Checklist
- Uploading your site
- Getting help and using the reference guides
- The Reference panel
- Suggested next steps
- Website design resources
- Self study
- Review
Lesson 17: Dreamweaver CS6 New Features
- What’s new in Dreamweaver CS6?
- Fluid Grid Layout
- CSS Transitions
- Web fonts
- jQuery Mobile Swatches
- PhoneGap Build Service
- New Features in Dreamweaver CS6
- CSS3 and HTML5 authoring support
- jQuery Mobile integration
- Support for building native mobile apps for iOS and Android with PhoneGap
- W3C Validation