Dreamweaver Training Class - Advanced
This is the second course in the series of our Dreamweaver classes and covers more advanced features of website development and site management. Topics include CSS layout, fluid design: creating responsive design with Dreamweaver, adding multimedia, creating web forms, working with templates and adding interactive user interface elements such as drop-down menus. This Adobe Dreamweaver training course requires knowledge of all topics in the Introductory Dreamweaver class.
This Dreamweaver training class has been updated for the latest version of Adobe Dreamweaver CC, but training for previous versions of Dreamweaver is also available. This Adobe Dreamweaver training class is available as a regularly scheduled class at AGI's classroom locations as a private or custom class at your location or as an online course.
Dreamweaver Training Class - Advanced Course Dates
All classes are led by a live instructor. Class times listed are Eastern time.
Dreamweaver Training Class: Advanced - Topics Covered
Creating Page Layouts with CSS
- Understanding the CSS Box model
- Reviewing the div element and ID selector
- Creating a centered container for your page
- Making layouts cross-browser compatible
- Positioning content (absolute vs. relative)
- Positioning content with AP Divs
- Adding additional content and styles
- Setting margins and borders
- Future-proofing your layout
- Knowing the pros and cons of AP CSS layouts
Advanced Page Layout
- Understanding layout with floats
- Creating a floated image
- Creating columns with HTML and CSS
- Creating HTML structure with divs
- Using the clear property
- Changing column layout and size
- Checking for browser compatibility
- Adding code for IE 6
- Creating more sophisticated layouts
- Using Dreamweaver’s Fluid Grid Layout
CSS3 Transitions and Web Fonts
- Understanding the role of CSS3
- Adding a CSS Transition
- Modifying a CSS transition
- Adding CSS transitions for navigation
- Previewing CSS transitions
- Understanding the basics of web fonts
- Adding web fonts to your site
- Styling text with a web font
- Previewing web fonts
- Pros and cons of CSS transitions and web fonts
Maximizing Site Design
- Creating modular page elements
- Introducing snippets
- Creating new snippets
- Introducing library items
- Modifying and updating library items
- Introducing templates
- Creating a new template
- Creating new pages from templates
- Working with editable and repeating regions
- Detaching a page from a template
Working with Code-Editing Features
- Getting into code
- Accessing code with the Quick Tag editor
- Inserting tags with the Tag Chooser
- Inserting and editing comments
- Using HTML5 Code-hinting
- Working in the Code view
- Using the Coding toolbar
- Validating, highlighting and correcting code
- Running a report
- Indenting code
Building Web Forms
- Understanding HTML forms
- Building a contact form
- Inserting the form tag
- Setting form properties
- Adding form elements
- Styling forms with CSS
- Processing and validating forms
- Looking at behaviors
- Setting an event or trigger
- Verifying field contents
Adding jQuery Interactivity
- Introducing jQuery UI Widgets
- Understanding jQuery
- Styling jQuery UI Widgets with CSS
- The jQuery UI Library
- The jQuery UI Accordion panel
Responsive Design and Layout
- Creating layouts for mobile, tablet, and desktop
- Using Dreamweaver tools for mobile layout
- Viewing your page in Multiscreen
- Defining Media Queries
- Organizing your style sheets
- Creating a layout optimized for mobile
- Creating styles for navigation
- Understanding Fluid Grid Layout
- Creating mobile and tablet layouts
- Styling fluid grid layout elements
Reports, Optimization, and Site Maintenance
- Check-in and Check-out of files
- Using design notes
- Testing site integrity
- Checking links site-wide
- Generating site reports
- Understanding report results
- Optimizing pages for launch
- SEO
- Site launch checklist
Adobe Dreamweaver Training Class: Advanced - Prerequisites
We recommend that you have the Adobe Dreamweaver software before starting the Adobe Dreamweaver class. You can purchase the software or obtain a trial version of it from the Adobe web site.
Dreamweaver Advanced Class Length: 2 days
Dreamweaver Training Class: Advanced - Course Materials
The Adobe Dreamweaver Advanced training course includes a copy of AGI's own Dreamweaver Digital Classroom, published by AGI and Wiley. Contact AGI about this Dreamweaver training class.
See all web design courses offered online, in-person, and on-site.
Free retakes
Detailed curriculum
Live instructor
Flexible rescheduling