Price: $1,495.00
Duration: 3 days
Time: 10am - 6pm
(Price and time may vary outside USA)
 

Upcoming Class Dates

Click on a date to register.

New York

Boston

Philadelphia

Washington DC

Orlando

Chicago

Irvine, CA

Dubai

FMC Online

Adobe Bootcamp


Dates indicate first day of a multi-day class. Classes usually run over consecutive days.

For additional course dates and availability at our other locations, please contact us.

 
 

Exams

Dreamweaver Fundamentals: An Introduction to Dreamweaver CS6

Certified Adobe Dreamweaver Authorized Training at FMCFMC is an Adobe Authorized Training Center



Course Description

Adobe Dreamweaver CS6 web design software provides an intuitive visual interface for making and editing HTML websites and mobile apps. This course will provide web designers with the knowledge and hands-on practice they need to build and manage professional websites.

Who Should Attend

This course is for people new to web design and development and want to use Dreamweaver CS6 to build intuitive, attractive and accessible websites.

Prerequisites

  • Practical working knowledge of Mac OS X
  • Students should have a working knowledge of HTML, CSS, or Javascript. To learn these visit FMC's Web Programming classes.

Course Outline

Note: The curricula below comprise activities typically covered in a class at this skill level. The instructor may, at his/her discretion, adjust the lesson plan to meet the needs of the class.

Lesson 1: Customizing Your Workspace

  • Touring the workspace
  • Switching and splitting views
  • Working with panels
  • Selecting a workspace layout
  • Adjusting toolbars
  • Personalizing preferences
  • Creating custom keyboard shortcuts
  • Using the Property inspector

Lesson 2: HTML Basics

  • Where did HTML begin?
  • Writing your own HTML code
  • Frequently used HTML 4 codes
  • Introducing HTML5

Lesson 3: CSS Basics

  • What is CSS?
  • HTML vs. CSS formatting
  • CSS box model
  • HTML defaults
  • Formatting text
  • Formatting objects
  • Multiples, classes, and IDs, oh my!
  • CSS3 Overview and Support

Lesson 4: Creating a Page Layout

  • Web design basics
  • Working with thumbnails and wireframes
  • Defining a Dreamweaver site
  • Using the Welcome screen
  • Previewing your completed file
  • Modifying an existing CSS layout
  • Adding a background image to the header
  • Inserting new components
  • Changing element alignment
  • Modifying the page width and background color
  • Modifying existing content and formatting
  • Inserting an image placeholder
  • Inserting placeholder text
  • Modifying the footer
  • Checking browser compatibility

Lesson 5: Working with Cascading Style Sheets

  • Previewing the completed file
  • Working with the CSS Styles panel
  • Working with type
  • Using images for graphical effects
  • Creating new CSS rules
  • Creating an interactive menu
  • Modifying hyperlink behavior
  • Creating faux columns
  • Moving rules to an external style sheet
  • Creating style sheets for other media

Lesson 6: Working with Templates

  • Previewing completed files
  • Creating a template from an existing layout
  • Inserting editable regions
  • Producing child pages
  • Updating a template
  • Using Library items
  • Using server-side includes

Lesson 7: Working with Text, Lists, and Tables

  • Previewing the completed file
  • Creating and styling text
  • Creating and styling tables
  • Spell checking webpages
  • Finding and replacing text

Lesson 8: Working with Images

  • Reviewing web image basics
  • Previewing the completed file
  • Inserting an image
  • Adjusting image positions with CSS classes
  • Working with the Insert panel
  • Using Adobe Bridge to insert images
  • Inserting non-web file types
  • Working with Photoshop Smart Objects
  • Copying and pasting images from Photoshop and Fireworks
  • Inserting images by drag and drop
  • Optimizing images with the Property inspector

Lesson 9: Working with Navigation

  • Hyperlink basics
  • Previewing the completed file
  • Creating internal hyperlinks
  • Creating an image-based link
  • Creating an external link
  • Setting up email links
  • Targeting page elements
  • Inserting Spry menu bars
  • Checking your page

Lesson 10: Adding Interactivity

  • Learning about Dreamweaver behaviors
  • Previewing the completed file
  • Working with Dreamweaver behaviors
  • Working with Spry Accordion widgets

Lesson 11: Working with Web Animation and Video

  • Understanding web animation and video
  • Previewing the completed file
  • Adding web animation to a page
  • Adding web video to a page

Lesson 12: Working with Forms

  • Previewing the completed file
  • Learning about forms
  • Adding a form to a page
  • Inserting text form elements
  • Inserting checkboxes
  • Creating radio buttons
  • Incorporating text areas
  • Working with lists
  • Adding a Submit button
  • Specifying a form action
  • Emailing form data
  • Styling forms

Lesson 13: Working with Online Data

  • Working with dynamic content
  • Previewing the completed file
  • Using HTML and XML data
  • Choosing a server model
  • Configuring a local web server
  • Setting up a testing server
  • Building database applications

Lesson 14: Building Dynamic Pages with Data

  • Building pages with PHP
  • Creating a Master/Detail page set
  • Creating a Detail page

Lesson 15: Publishing to the Web

  • Defining a remote site
  • Cloaking folders and files
  • Wrapping things up
  • Putting your site online
  • Synchronizing local and remote sites