Adobe Dreamweaver for Intermediate Users

For those of us out there that have gotten their feet wet in Adobe Dreamweaver and are looking to take it further, this course is for you. It always happens, it seems. You start building websites, focusing on the basics, then you want to catapult your skills so that you can add the cool stuff you see out there on the web today to your site. The focus on this course is to do just that—build on the knowledge gained in the Introduction to Dreamweaver course, focusing on hot topics today like HTML5, CSS3, JavaScript, and more. In this course, you will explore features like working with a lot more CSS styling and Code Inspector, inserting tables for data, adding video content to your pages, HTML5 tags, inserting widgets like a slideshow, learning more about code view, responsive design using Fluid Grid Layouts (CS6 only), and much more.


Adobe Certified Expert, Brian WoodBrian Wood is a web developer, the author of 8 books including InDesign CS2 Hands-On-Training, Adobe Illustrator CC Classroom in a Book, Adobe Muse Classroom in a Book (published by Peachpit Press), and the author of numerous training titles including Muse, Dreamweaver, InDesign, Illustrator and more. In addition to training many clients, including Nordstrom, REI, Boeing, Starbucks, Nintendo, and many others, Brian speaks regularly at national conferences, such as Adobe MAX, HOW Interactive, as well as events hosted by AIGA and other industry organizations.
Adobe Dreamweaver for Intermediate Users

Workshop Length:

2 weeks

Tuition:

$149 ($134 for VIP)

Recommended Materials:

  • Adobe Dreamweaver CS5 or later (CS5, CS5.5 or CS6)

Start Date:

View Workshop Schedule

Register Now!


Objectives:

  • Master adding more CSS styling to your pages and working with Code Inspector
  • Learn to work with tables for data
  • Learn to add media like video
  • Work with HTML5 (basic tags)
  • Discover how to insert widgets, like a slideshow
  • Learn to add CSS transitions for cool effects
  • Validate and test your pages
  • Explore responsive design using Fluid Grid Layouts in Dreamweaver CS6
Who Should Take This Course:
  • Anyone interested in taking their beginning Dreamweaver skill set to the next level
Prerequisite (or comparable experience):
Additional Information:
  • The Fluid Grid layout content [responsive design] material included in this course is only available to CS6 users. Students with CS5/CS5.5 can follow along via the video content provided and download the CS6 instructions for future reference.

Register Now!

Outline:

LESSON 1: Working with CSS, Tables, Forms and HTML5
  • Overview
  • Video 1: Working with the CSS Inspector and CSS Styles panel
  • Video 2: Working with CSS positioning
  • Video 3: Adding background images
  • Video 4: Working with CSS3 formatting
  • Video 5: Inserting tables (and WHY?)
  • Video 6: Styling tables
  • Video 7: Adding a form
  • Video 8: Styling a form
  • Video 9: Working with anchors
  • Video 10: Previewing your pages
  • Assignment
LESSON 2: Adding Extra Functionality
  • Overview
  • Video 1: Adding HTML5 video
  • Video 2: Inserting a widget (flexslider)
  • Video 3: Working with CSS transitions
  • Video 4: Validating your pages
  • Video 5: Working with web fonts
  • Video 6: Responsive design and working with media queries
  • Video 7: Responsive design methods in Dreamweaver
  • Video 8: Create a Fluid Grid Layout (CS6 only)
  • Assignment