Top Navigation Menu

Dreamweaver Fundamentals


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


Classroom Live Online  Custom Sessions



FREE Items

Select a free item included with your class. (more info)

Class Description

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

In this Dreamweaver Training Course, You will Learn How to:

  • Customize your workspace
  • Create a page layout
  • Work with cascading style sheets
  • Work with templates
  • Use text, lists and tables
  • Work with images
  • Work with navigation
  • Add interactivity
  • Work with web animation and video
  • Work with forms
  • Publish to the web
  • Design for mobile devices


In-Class Exercises:

  • Customize the Workspace: Learn to switch and split views as well as select a workspace. Take a tour of the workspace and get an overview of what the different panels can do for you.
  • HTML Basics: Understand the basics of HTML. Learn how to write your own HTML.
  • CSS Basics: Understand what CSS is and how to use it. Learn the differences between HTML & CSS. Work with the CSS box model and get a handle on multiples, classes and IDs. Learn to use CSS to format text.
  • Create a Page Layout: Start with a thumbnail and wireframe and end with a finished web page. Learn to modify an existing CSS layout as well as make other changes like the page background color and the page width. Learn to add new components and insert a placeholder for text and images.
  • Work with CSS: Learn to work with the CSS Designer, web type, and background graphics. Understand classes, IDs, and descendant selectors. Create an interactive menu and faux column.
  • Work with Templates: Create a template from an existing layout and add an editable region. Use the template to produce a child page. Edit the template then update the child pages.
  • Work with Text, Lists, and Tables: Create and style text as well as create and style tables.
  • Work with Images: Learn to insert different image types in different ways. Import through the insert panel, Adobe Bridge, a copy & paste, or drag & drop. Use different type of image files like non-web file types, Photoshop files, or Photoshop smart objects.
  • Work with Navigation: Create internal hyperlinks, image-based links, email links, as well as learn to target a page element.
  • Add Interactivity: Work with Dreamweaver behaviors as well as jQuery Accordion widgets.
  • Work with Web Animation and Video: Add web animation and web video to a page.
  • Work with Forms: Add a page form and page form elements: text, checkboxes, radio buttons, lists, and submit button. Do other form processes: specify a form action, email form data, as well as stylize a form.
  • Publish to the Web: Define a remote site. Cloak folders and files. Publish your site online.
  • Designing for Mobile Devices: Create a media query for smart phones and add rules to media query. Adapt CSS navigation to mobile environments. Stylize the content. Create responsive design. Create style sheets for tables.


Immediate Benefits of attending Dreamweaver training:

  • Understand the basics of HTML
  • Learn the most used HTML 4 code
  • Understand CSS box model
  • Understand web design basics
  • Define a Dreamweaver site
  • Create a template
  • Create and style text
  • Create and style a table
  • Adjust an image position with CSS classes
  • Hyperlink basics: internal hyperlink, external link, email link
  • Using jQuery widgets
  • Using web animation
  • Using web video
  • Creating a form page
  • Specifying a form action
  • Emailing form data
  • Learn how to cloak folders and files
  • Put a site online
  • Design for mobile devices
  • Create a media query for smart phones


Course Outline

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
•Using the CSS Designer
•Explore, experiment, learn

Lesson 2: HTML Basics
•What is HTML?
•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
•HTML defaults
•CSS box model
•Multiples, classes, and IDs, oh my!
•Formatting text
•Formatting objects
•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
•Inserting a navigation component
•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
•Validating webpages

Lesson 5: Working with Cascading Style Sheets
•Previewing the completed file
•Working with the CSS Designer
•Working with type
•Working with background graphics
•Working with classes, IDs, and descendant selectors
•Creating an interactive menu
•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
•Checking your page

Lesson 10: Adding Interactivity
•Learning about Dreamweaver behaviors
•Previewing the completed file
•Working with Dreamweaver behaviors
•Working with jQuery 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
•More form information

Lesson 13: Publishing to the Web
•Defining a remote site
•Cloaking folders and files
•Wrapping things up
•Putting your site online
•Synchronizing local and remote sites

Lesson 14: Designing for Mobile Devices
•Previewing your completed file
•Designing for mobile devices
•Creating a media query for smart phones
•Adding rules to a media query
•Adapting CSS navigation to mobile environments
•Styling the main content
•Testing a media query
•Responsive design
•Creating style sheets for tablets
•Edge Inspect
•More information

Lesson 15: Working with Code (Optional)
•Code tools overview
•Selecting code
•Collapsing code
•Expanding code
•Adding new code
•Identifying CSS styling
•Working with Live Code
•Using Inspect mode
•Working in related files
•Accessing Split Code view
•Commenting your code

Who Should Attend

Who Should Attend Dreamweaver Training

People new to web design and development who want to use Dreamweaver CC to build intuitive, attractive and accessible websites.

Computer Labs Needed/Technical Specs:
•Windows: Intel Pentium 4 or AMD Athlon 64 processor, Microsoft Windows 7, Windows 8, or Windows 8.1, 4GB of RAM, 3 GB of available hard-disk space, 1280×1024 display with 16-bit video card, Internet connection
•Mac OS: Multicore Intel processor, Mac OS X v10.9, 10.10, 4GB of RAM, 3 GB of available hard-disk space, 1280×1024 display with 16-bit video card, Internet connection
•Adobe CC: Dreamweaver, Photoshop

Additional Info

Class Length

4 days

Class Locations

Chicago-Naperville-Michigan City, IL-IN-WI, Live Virtual Class-Attend from Anywhere, Los Angeles-Long Beach-Riverside, CA, Philadelphia-Camden-Vineland, PA-NJ-DE-MD, Washington-Baltimore-Northern Virginia, DC-MD-VA-WV

Class Dates

Apr 05, 2016 thru Apr 08, 2016, Dec 21, 2015 thru Dec 24, 2015, Dec 28, 2015 thru Dec 31, 2015, Feb 16, 2016 thru Feb 19, 2016, Feb 22, 2016 thru Feb 25, 2016, Feb 29, 2016 thru Mar 03, 2016, Jan 05, 2016 thru Jan 08, 2016, Jan 26, 2016 thru Jan 29, 2016, Jul 05, 2016 thru Jul 08, 2016, Jun 28, 2016 thru Jul 01, 2016, Mar 28, 2016 thru Mar 31, 2016, May 31, 2016 thru Jun 03, 2016

Guarantee & Policies

Course registration info, our commitment to your privacy,

and general terms and conditions


Course registration information:

All courses carry Project Consult’s Guarantee of 100% Satisfaction: 
Project Consults provides an unsurpassed training experience. If for any reason you are not satisfied with the program, simply notify the instructor or registrar of your intent to withdraw from the program prior to the first morning break, turn in your course materials and receive a 100% refund. If at the end of the program day, you are unsatisfied with the program, we will credit your tuition towards a future program of your choice.

Payment Policy:
Payment is required at time of registration. Approved forms of payment include a company purchase order, PayPal, or credit card. We accept Visa, MasterCard, American Express, and Discover.

Courses are available as onsite training: 
All courses are available as onsite training at your location. On-site options can be very cost effective.

Course Hours:
This course begins promptly at 8:30 AM and ends at 4:30 PM, unless otherwise noted on the course page or in email notifications. Please arrive at 8:00 AM on the first morning of class to sign-in and meet your fellow attendees.

Shipping of Course Materials:
In an effort to reduce paper waste, course materials for live-online sessions will be digital. You will recieve information on how to obtain your course materials in your confirmation email.

Substitution & Cancellation Policy: 
If a change needs to be made to your public course registration (cancel, transfer, or substitution) Project Consults must receive written notice via email at If a cancel or transfer request is made less than 15 business days prior to the class start date, payment will still be due, no refunds will be issued and you will be charged a $200 change fee. Your paid tuition will be available for one year to be used as a credit towards another course of equal value; only one reenrollment opportunity is allowed. Failure to attend the course without written notification will result in forfeiture of the full course price. Student substitutions may be made at any time prior to the start of class free of charge. If a student substitution is made for a live, online session and any hard-copy materials have been provided to the initial student, it is the responsibility of the client to pass along those materials to the new attendee. If Project Consults is forced to cancel a course for any reason, liability is limited to the registration fee only. If you have questions or concerns, please contact or call 469-424-1084.

In certain situations, Project Consults may not have the required enrollment to hold a course as scheduled. We do our best to confirm every class, but our main mission is to provide students with the skills and knowledge to have a positive impact on their work performance. Based on this, should there be a cancellation for a class you are enrolled in, Project Consults will proactively automatically enroll you into the next available live, online session of the same course to provide you with the knowledge you originally needed. You will be notified during this process and have the ability to work with an Project Consults representative regarding alternate options if you are unable to attend the new session.

Substitution & Cancellation Policy (PMP Boot Camp): 
If you are unable to attend your scheduled training class, please contact us directly at 469-424-1084. We require a 16 calendar day notice to reschedule or to cancel any registration (and receive refund for payment). Failure to provide the required notification will result in a 100% charge of the course fee. If a student does not attend a scheduled course without prior notification, or contacts us to cancel within the notification window, the student will have the option to pay a $200 reschedule fee to attend one of the live, online sessions of the PMP Boot Camp. Within the notification period, only student substitutions will be permitted.

Hotel Reservations:
Project Consults does not set aside a block of rooms for class participants. If you wish to book a sleeping room please contact Project Consults for the best hotel options or recommendations. For directions to the course location please call Project Consults or you may also contact the training center or hotel directly.


There are no reviews yet.

Be the first to review “Dreamweaver Fundamentals”