651-905-3729 Microsoft Silver Learning Partner EC Counsel Reseller compTIA Authorized Partner

Dreamweaver - Introduction with HTML

4 Days

Description

NOTE: This course is only availible by customer request. If you are interested in taking this course, please call 651-905-3729 or submit a request for a date.

In this special four-day Adobe Dreamweaver and HTML training course combines topics from our Dreamweaver classes and HTML classes. You learn all topics of Dreamweaver I, plus building HTML pages using basic coding techniques using tags and attributes. This is a 4-day Dreamweaver class which combines the HTML & CSS Web Design class and the Dreamweaver Introduction class.

What you’ll learn in this training course

  • 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

Audience for this training course

  • This introductory Dreamweaver - Introduction with HTML course is for web professionals who want to learn the skills to build a solid foundation for creating and managing websites.

No Upcoming Public Classes

There are currently no public events available for this course. However, you can submit a request for a new date and we will try our best to get you into a Dreamweaver - Introduction with HTML class.

Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date

Course Overview

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
  • Designing for mobile & devices
  • Introduction to HTML5

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 styles 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

No Upcoming Public Classes

There are currently no public events available for this course. However, you can submit a request for a new date and we will try our best to get you into a Dreamweaver - Introduction with HTML class.

Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date

Prerequisites

  • We recommend that you have the Adobe Dreamweaver software before starting the Adobe Dreamweaver class.

No Upcoming Public Classes

There are currently no public events available for this course. However, you can submit a request for a new date and we will try our best to get you into a Dreamweaver - Introduction with HTML class.

Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date