Customizing Your Workspace
o Touring the workspace
o Switching and splitting views
o Working with panels
o Selecting a workspace layout
o Adjusting toolbars
o Personalizing preferences
o Creating custom keyboard shortcuts
o Using the Property inspector
o Using the CSS Designer
o Explore, experiment, learn
HTML BASICS
o What is HTML?
o Where did HTML begin?
o Writing your own HTML code
o Frequently used HTML 4 codes
o Introducing HTML5
CSS Basics
o What is CSS?
o HTML vs. CSS formatting
o HTML defaults
o CSS box model
o Multiples, classes, and IDs, oh my!
o Formatting text
o Formatting objects
CSS3 overview and support Creating a Page Layout
o Web design basics
o Working with thumbnails and wireframes
o Defining a Dreamweaver site
o Using the Welcome screen
o Previewing your completed file
o Modifying an existing CSS layout
o Adding a background image to the header
o Inserting new components
o Inserting a navigation component
o Changing element alignment
o Modifying the page width and background color
o Modifying existing content and formatting
o Inserting an image placeholder
o Inserting placeholder text
o Modifying the footer
o Validating webpages
Working with Cascading Style Sheets
o Previewing the completed file
o Working with the CSS Designer
o Working with type
o Working with background graphics
o Working with classes, IDs, and descendant selectors
o Creating faux columns
o Moving rules to an external style sheet
o Creating style sheets for other media
Working With templates
o Previewing completed files
o Creating a template from an existing layout
o Inserting editable regions
o Producing child pages
o Updating a template
o Using library items
o Using server-side includes
Working with Text, Lists, and Tables
o Previewing the completed file
o Creating and styling text
o Creating and styling tables
o Spell checking webpages
o Finding and replacing text
Working with Images
o Reviewing web image basics
o Previewing the completed file
o Inserting an image Adjusting image positions with CSS classes
o Working with the Insert panel
o Using Adobe Bridge to insert images
o Inserting non-web file types
o Working with Photoshop Smart Objects
o Copying and pasting images from Photoshop and Fireworks
o Inserting images by drag and drop
o Optimizing images with the Property inspector
Working with Navigation
o Hyperlink basics
o Previewing the completed file
o Creating internal hyperlinks
o Creating an image-based link
o Creating an external link
o Setting up email links
o Targeting page elements
o Checking your page
Adding Interactivity
o Learning about Dreamweaver behaviors
o Previewing the completed file
o Working with Dreamweaver behaviors
o Working with jQuery Accordion widgets
Working with Web Animation and Video
o Understanding web animation and video
o Previewing the completed file
o Adding web animation to a page
o Adding web video to a page
Working with Forms
o Previewing the completed file
o Learning about forms
o Adding a form to a page
o Inserting text form elements
o Inserting checkboxes
o Creating radio buttons
o Incorporating text areas
o Working with lists
o Adding a Submit button
o Specifying a form action
o Emailing form data
o Styling forms
o More form information
Publishing to the Web
o Defining a remote site
o Cloaking folders and files
o Wrapping things up
o Putting your site online
o Synchronizing local and remote sites
Designing for Mobile Devices
o Previewing your completed file
o Designing for mobile devices
o Creating a media query for smart phones
o Adding rules to a media query
o Adapting CSS navigation to mobile environments
o Styling the main content
o Testing a media query
o Responsive design
o Creating style sheets for tablets
o Edge Inspect
o More information