Adobe Training Icon

Dreamweaver Fundamentals


4 Days Classroom Session   |  
4 Days Live Online
Classroom Registration
Individual:
$1750.00
Live Online Registration
Live Online:
$1750.00
Private Onsite Package

This course can be tailored to your needs for private, onsite delivery at your location.

Request a Private Onsite Price Quote

Professional Credits

IIBA (CDU)

ASPE is an IIBA Endorsed Education Provider of business analysis training. Select Project Delivery courses offer IIBA continuing development units (CDU) in accordance with IIBA standards.

NASBA (CPE)

NASBA continuing professional education credits (CPE) assist Certified Public Accountants in reaching their continuing education requirements.

PMI (PDU)

Select courses offer Leadership (PDU-L), Strategic (PDU-S) and Technical PMI professional development units that vary according to certification. Technical PDUs are available in the following types: ACP, PBA, PfMP, PMP/PgMP, RMP, and SP.

Certification
Overview

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.

FUTURE MEDIA CONCEPTS, INC. (FMC), established in 1994, is the nation's premier digital media training organization providing manufacturer-authorized training for professionals engaged in the production, editing, design and delivery of digital content. Courses offered in digital video and film editing, motion graphics, web design and development, desktop publishing, Mac IT, sound design and 3D animation. In addition, FMC is a leading producer of education-rich conferences for today's leading electronic entertainment trade shows both in the US and internationally.

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
Work with web animation and video
Work with forms
Publish to the web
Upcoming Dates and Locations
Guaranteed To Run

There aren’t any public sessions currently scheduled for this course, but if you fill out the form below, we can tell you about how we can bring this course to you!

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

 

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.
Who should attend

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

FUTURE MEDIA CONCEPTS, INC. (FMC), established in 1994, is the nation's premier digital media training organization providing manufacturer-authorized training for professionals engaged in the production, editing, design and delivery of digital content. Courses offered in digital video and film editing, motion graphics, web design and development, desktop publishing, Mac IT, sound design and 3D animation. In addition, FMC is a leading producer of education-rich conferences for today's leading electronic entertainment trade shows both in the US and internationally.

 

Pre-Requisites

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, 1280x1024 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, 1280x1024 display with 16-bit video card, Internet connection
  • Adobe CC: Dreamweaver, Photoshop

Download the brochure