This course is designed for seasoned Dreamweaver developers and designers who wish to take the next step in making the most of Dreamweaver CS5. 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, ...
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
Anyone who wants to create or maintain websites well-structured according to web standards
Basic knowledge of MS Windows or Macintosh. Dreamweaver Level 1 or similar experience.