Dreamweaver training class with HTML - Course overview

  • Fundamentals of HTML, XHTML, and CSS
  • Graphics, color, & transparency
  • CSS for formatting text
  • Creating layouts with CSS
  • Browser compatibility
  • Introduction to interactivity & multimedia
  • Designing for mobile & devices
  • Introduction to HTML5
  • Understanding Dreamweaver's role in site creation & management
  • Creating a new site in Adobe Dreamweaver
  • Adding Text and Images
  • Styling Your Pages with CSS
  • Div tags and CSS IDs
  • Working with Tables
  • Uploading and Managing Your Site

 

Please call 800-851-9237 or 781-376-6044 to schedule a course.

Contact AGI to request course dates.

Dreamweaver Training Class with HTML -  Course Topics

Importance of web design

  • ROI
  • Usability
  • Web Standards and its benefits
  • How Web pages work
  • Internet
  • Hosting
  • Service providers
  • Web page content
  • History

Planning process

  • Planning
  • Wireframing
  • Storyboarding
  • Information Architecture
  • UX design considerations

Web design tools

  • Text editors
  • Visual editors
  • Root folders

Fundamentals of HTML, XHTML, and CSS

  • Structure (HTML) and Style (CSS)
  • The aesthetic value of grid layouts
  • The realities of grid layouts on the web

Graphics, color, & transparency

  • Using graphics
  • File size
  • Format
  • Image editors

Working with color

  • Understanding web color space
  • Understanding platform differences in color
  • Best formats to save images and graphics with color

CSS for formatting text

  • Creating and using CSS for text formatting
  • Using Styles to define information hierarchy
  • Importance of styles for SEO
Creating layouts with CSS
  • Using DIVs as containers
  • Creating an ID style
  • ID vs. class styles for DIV tags
  • Absolute positioning
  • Styling DIVs with borders, background colors and padding
  • Integrating background images into a layout
  • Understanding overlap and the z-index property
  • Using relative position
  • Creating a wireframe layout
  • Adding the float and clear properties
  • Adding and formatting content

Introduction to interactivity and multimedia

  • Flash
  • Silverlight
  • JavaScript
  • Video

Dreamweaver Jumpstart

  • Design and layout tools
  • Site management and file transfer protocol
  • Coding environment and text editor
  • Mobile design and development features
  • Dreamweaver’s workspace features
  • How websites work
  • The role of web browsers
  • An introduction to HTML
  • Explorations in code
  • Creating, opening, and saving documents
  • Setting up a new site

Understanding sites and pages

  • Creating a new site in Adobe Dreamweaver
  • Using advanced site-creation options
  • Adding pages
  • Saving a page to your site
  • Defining page properties
  • Changing your work views
  • Looking at the Files panel
  • Viewing local files
  • Selecting and editing files

Adding text and images

  • Using type and images on the Web
  • Adding text
  • Introducing styles
  • Previewing pages in a web browser
  • Creating hyperlinks
  • Inserting images
  • Linking images
  • Editing images
  • Optimizing images
  • Updating images

Styling your pages with CSS

  • Understanding cascading style sheets
  • Creating and modifying styles
  • Creating a class style with the Property Inspector
  • Using advanced CSS formatting
  • Putting Div tags and CSS IDs to use
  • Saving internal vs. external style sheets
  • Attaching external style sheets
  • Modifying attached style sheets
  • Creating a new .css file

Working with tables

  • Using tables in web design
  • Importing table data
  • Modifying table structure
  • Creating a table
  • Formatting tables with HTML
  • Formatting tables with CSS
  • Advanced CSS styling of tables
  • Reusing CSS for other tables
  • Sorting data in tables

Fine-Tuning Your Workflow

  • Working more efficiently
  • Customizing panels and groups
  • Adding Favorites
  • Using the Insert bar
  • Resizing the document window
  • Changing the zoom level
  • Using guides
  • Using grids
  • Navigating with the tag selector
  • Tiling documents

Adding Flash, video and sound content

  • Making web content interesting
  • Inserting Flash movies
  • Choosing the right video format
  • Adding video
  • Incorporating Flash Video
  • Using QuickTime video and Windows media
  • Adding video controls
  • Understanding plug-ins
  • Choosing the right audio format
  • Inserting sound
  • Updating and editing colors

Managing Your Website

  • Working with the Files panel
  • Creating a remote connection
  • Viewing files on a remote web server
  • Transferring files to and from a remote server
  • Checking links site-wide
  • Generating site reports
  • Checking browser compatibility
  • Adding metadata
  • Launching your site
  • Getting help and using the reference guides

Dreamweaver new features

  • Fluid Grid Layout
  • CSS transition
  • Web fonts
  • jQuery mobile swatches
  • PhoneGap build service
  • CSS3 and HTML5 authoring support
  • jQuery mobile integration
  • Native mobile app support

 

Custom and private Dreamweaver classes

This Dreamweaver course is available as a private class. Curriculum can be customized for your specific needs. Dreamweaver classes can be delivered at your location, online, or in our classrooms. For more information, call 781-376-6044 to speak with a training consultant or contact us.

We recommend that you have access to Adobe Dreamweaver before starting this class. For training in our classrooms, we provide a computer with Adobe Dreamweaver on your choice of a Mac or PC system.

You will receive a comprehensive course manual for this class developed by the Adobe Certified Instructors at AGI. AGI instructors have created many of the official training guides and books for Adobe Systems.

See all web design courses offered online, in-person, and on-site.

Available Delivery Methods For This Class

CLASSROOM
LIVE ONLINE
PRIVATE
MY LOCATION