Course Overview
Take your web building skills to the next level with Dreamweaver CS4/CS5 hands on training. Build engaging websites that incorporate CSS to style different page elements such as forms and tables. Design different types of CSS layouts from scratch and learn techniques for dealing with browser compatibility issues. Create CSS image galleries without using tables and style XML data to build an RSS feed reader within your site. Learn the toolsets necessary to create much better than average websites with this two day training.
Your instructor will cover the pitfalls, and the best practices will be followed so that you are creating websites with the latest standards to reach world-wide audiences across different browsers and computer platforms in this two day Dreamweaver class.
This Dreamweaver CS4/CS5 course is intensive, but not complicated. Our job is to make difficult concepts easy to understand and implement into your own projects.
Course Outline
NEW FEATURES OF CS5 COVERED
- Live View navigation
- Enhanced CSS tools
- Integration with Adobe Browser Lab
- Simple site setup
- Site-specific code hints
- Enhanced CSS starter layouts
REVISITING THE BASICS
- Element Selector Styles
- Class Styles
- ID Styles
- Advanced Styles
- Structuring your Code
- Cascading and Specificity
UNDERSTANDING VISUAL FORMATTING
- Understanding the Box Model
- Creating Column Based Layouts
- Float Based Layouts
- AP Div Layouts
- Relative Vs Absolute Positioning
WORKING WITH BACKGROUND IMAGES
- Using Background Images
- Round Cap Boxes and Rounded Corners
- Images in Rollover States
- Image Replacing Techniques
- Thickbox Gallery
- Main Logo Image Replacement
- Heading Image Replacement
STYLING LISTS AND CREATING NAVIGATION
- Simple Rollover Buttons
- Navigation Menus
- Drop Down Menus
- Adding Custom Bullets
- Image Gallery From a List
- Thick Box Gallery
STYLING FORMS AND TABLES
- Adding Design to Tables
- Pseudo-Class: Focus Images
- Using Validation
- Spry Forms
CODE BUILDING TOOLS
- CSS Shorthand
- Browser Tools
- Browser Lab
- Code Navigator
- Related Files
- Live View
WIDGETS AND JAVASCRIPT TOOLS
- Spry Widgets
- Working with Data Tables
- Create Spry Data Set
- Creating AJAX RIA display pages
- CS5 JavaScript Widgets Practical Use
- JQuery and other third party tools
Prerequisites
Dreamweaver Training: Essential Skills II Course Prerequisites
- Completion of Dreamweaver: Essential Skills I, or have equivalent knowledge of the topics covered in the Dreamweaver: Essential Skills I course