All Dreamweaver classes include
Free retakes
Detailed curriculum
Live instructor
Flexible rescheduling
Certificate of Completion
Dreamweaver Class Online April 24, 2024 Advanced
Dreamweaver training class - Advanced
-
Online Training
$695.00
In this advanced Adobe Dreamweaver training course, you learn advanced web design skills, including CSS layout techniques, how to enhance sites with multimedia, and how to create complex site designs. This Dreamweaver class requires knowledge of the skills covered in the introductory Dreamweaver class and previous web design experience.
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
Why Dreamweaver classes at AGI are the best option for you
- Hands-on learning: Learn Dreamweaver quickly with our proven teaching methods.
- Exceptional curriculum: AGI has delivered Dreamweaver training to thousands over 25 years.
- Expert instructors: Our instructors are Dreamweaver experts and skilled educators.
- Small class sizes: Receive personalized attention with 10 or fewer participants per class.
- Repeat for Free: If you need a refresher or miss a class day, retake the Dreamweaver class at no cost.