Dreamweaver Advanced

2 Days

Description

In this advanced Adobe Dreamweaver training course you’ll learn advanced CSS layout techniques, how to enhance sites

with multimedia, create complex site designs and how to design for mobile and tablet devices.

What you’ll learn in this training course

  • Page layout with CSS
  • Absolute and relative positioning
  • CSS3 transitions and effects
  • Reusing page elements with templates and snippets
  • Code-editing features
  • Building web forms
  • Interactive user interface (UI) elements
  • Design and layout for mobile and tablets

Audience for this training course

  • This advanced Dreamweaver training course is intended for web professionals who have an introductory level of knowledge with Dreamweaver and web design and requires knowledge of the skills covered in the introductory Dreamweaver class.

Upcoming Classes

Virtual Classroom Live
October 18, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Virtual Classroom Live
November 15, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Virtual Classroom Live
December 18, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date

Course Overview

Lesson 1: 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
     
Lesson 2: 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
     
Lesson 3: 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
     
Lesson 4: 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
     
Lesson 5: 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
     
Lesson 6: 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
     
Lesson 7: Adding jQuery Interactivity
  • Introducing jQuery UI Widgets
  • Understanding jQuery
  • Styling jQuery UI Widgets with CSS
  • The jQuery UI Library
  • The jQuery UI Accordion panel
Lesson 8: 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
Lesson 9: 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

Upcoming Classes

Virtual Classroom Live
October 18, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Virtual Classroom Live
November 15, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Virtual Classroom Live
December 18, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date

Prerequisites

  • We recommend that you have the Adobe Dreamweaver software before starting the Adobe Dreamweaver class. It is also recommended that you have attended the Adobe Dreamweaver Fundamentals class or have similar experience working with the tool.

Upcoming Classes

Virtual Classroom Live
October 18, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Virtual Classroom Live
November 15, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Virtual Classroom Live
December 18, 2017

$695.00
2 Days    10:00am EST - 5:00pm EST
view class details and enroll
Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date