Length: 3 Days

Cost: $1475

Time: 9am - 4pm

Free Retakes: 8 Months

Upcoming Dates:

Register

Adobe Dreamweaver and HTML5/CSS Level 2

Class Description

This course is designed for seasoned Dreamweaver developers and designers who wish to take the next step in making the most of Dreamweaver CC. In this class, we’ll explore some of Dreamweaver’s more sophisticated functions, building on a solid base (established in the Level 1 class or in experience) in CSS, HTML, and other coding and organizational functions. Students will learn advanced CSS techniques, server-side includes advanced templates and more.

Class Prerequisites

Adobe Dreamweaver Level 1 or equivalent experience.

New Features to Dreamweaver CS6

  • Use the Multiscreen Preview panel to design for tablets, smart phones and comptuers
  • Taking advantage of the new CSS/HTML5 support
  • Using Media Queries to apply styles for adjustable screen dimensions
  • Working with Adobe BrowserLab and previewing dynamic web pages
  • Using jQuery code hinting to add interactivity
  • Working with Phone Gap to create mobile phone apps
  • Super-fast Live View browser previews
  • Code Hinting for AJAX and Spry Framework and new InContext editing

Cascading Style Sheets

  • Review of the different kinds of CSS styles
  • Custom (class) styles and Tag redefines and Advanced Selectors
  • Linking versus embedding styles using external style sheets across multiple pages
  • Table Color and Adding Borders
  • Doing things with CSS backgrounds that HTML can't
  • Creating non-repeating backgrounds and making the background not scroll with the page
  • Using Live View to support <video> and <svg> tags
  • Styling with the look of form elements using CSS and using code hinting to support HTML5

Even MORE CSS

  • Using Find and Replace
  • Changing custom (class) style sheet names
  • Fully deleting style sheets you no longer want
  • Using the CSS "Float" attribute to position things on the page
  • Creating Bulleted lists with CSS
  • Using CSS to affect the look of your page and its elements
  • Styling color schemes for a site that are easily changable
  • Creating and applying custom link hovers

Advanced CSS Page Layout

  • CSS styling with layers and using CSS and layers to layout pages
  • Show/Hide layers behavior
  • Choosing different CSS styles for different platforms and browsers (we provide the JavaScript)
  • Advanced Templates, CSS Layouts and Snippets

  • Use code hinting with HTML, JavaScript, and Ajax frameworks: Spry, jQuery, and Prototype

Templates

  • Add repeating elements to your templates
  • Adding optional elements to your templates
  • Extensions: How to install and remove extensions we recommend
  • How to use Dreamweaver's snippets
  • How to create your own snippets

Designing for Mobile

  • Building iOs and Android with Dreamweaver CS6 PhoneGap
  • PhoneGap HTML5 and JavaScript integration
  • Using PhoneGap's Geolocation
  • (Ascend offers a complete 2 day Dreamweaver for Mobile class that covers all features)

See all our Adobe Dreamweaver Classes