Win a Free Class!

Join our email list for a chance to win

Dreamweaver CC Level 1

Building Websites with HTML & CSS

Webpages are written in HTML and CSS code. First, we’ll introduce you to the fundamentals of what HTML and CSS are and how to write them in the Code View of Dreamweaver. Then we’ll take advantage of Dreamweaver’s Design View to speed up our workflow and learn more about how to use HTML/CSS to develop webpages. This training will give you hands-on practice creating websites all the way through uploading them to make them live. While you learn the visual side of Dreamweaver, you also learn how the code works behind the scenes.

This class covers what you need to get a website up and running, including Rollovers, Cascading Style Sheets, Forms, and much more.

If you prefer to learn with pure code instead of Dreamweaver’s Design View, check out our Web Development Level 1 class.

  • Learn how to layout pages. We start off simple and elegant, then get fancier later.

  • Learn to layout pages using div tags, instead of outdated tables.

  • You’ll make rollovers that indicate interactivity.

  • Learn to layout forms.

What You’ll Learn

Section 1
Setting Up For Class: Do This Exercise First!

Topics

  • Setting Up Class Files
  • Setting Preferences and Workspace
Coding Basic Text Formatting

Topics

  • Headings
  • Paragraphs
  • Line Breaks
  • HTML Head and Body Tags
Coding Links

Topics

  • Links (Anchor Tags)
  • Linking to Pages Within a Website
  • Linking to Other Websites
Coding Images

Topics

  • Inserting and Positioning Images
  • Adjusting Borders and Spacing

Upcoming Classes

Price: $975 Click for Discounts

  • 18 hours of Hands-On Training
  • Custom Written Workbook Included
  • Mac or PC

We Literally Wrote the Book!

Dreamweaver Level1 Workbook

To make the perfect class we had to write our own workbooks which are included with each class.

Can’t take a class? Our workbooks are the next best thing.

Buy Workbook

Section 2
Coding Cascading Style Sheets (CSS)

Topics

  • Styling a Page Quickly with CSS
  • Tag Redefines
  • Custom Styles (Class Styles)
Design View & Basic Text Formatting

Topics

  • Introduction to Dreamweaver’s Design View
  • Styling Text in Design View
  • Adding Color and Fonts
  • Formatting a List
Page Layout with Divs

Topics

  • Defining a Dreamweaver Site
  • Page Layout with Divs
  • Inserting Images
  • Adding a Navigation Bar
  • Marking Up Text Headings (H1 and H2)
Styles, Floats and Images

Topics

  • CSS Styles
  • Inserting Images
  • Floats
  • Margins
Section 3
Padding, Margin and the Box Model

Topics

  • Padding and Margin Spacing
  • Sizing Divs
  • The Box Model
Shared CSS & Centering Content

Topics

  • Sharing Styles Between Pages
  • Centering Divs
  • Class Styles
Links

Topics

  • Linking to Pages Within a Website
  • Linking Within a Page (Named Anchors)
  • Linking to Other Websites (Open Pages in a New Window)
  • Email Links
Image Rollovers

Topics

  • Using Behaviors to Create Image Rollovers
Section 4
Background Images

Topics

  • Adding Background Images
  • Creating a Header with Background Images
  • Adding the Header and Navbar to Other Webpages
More Page Layout Using Divs

Topics

  • Page Layout with Divs
  • Creating a Navbar
  • Removing the Extra Space Below Images
Two Column Layout: Floats and Clearing

Topics

  • Using Floats to Position Divs
  • Clearing Floated Elements
  • Using a Content Wrapper Div

Section 5
Text Styling, Lists, Borders & Nested Selectors

Topics

  • Creating Styles
  • Styling Links
  • Using Nested Selectors
  • Styling Lists
  • CSS Borders
  • Moving Embedded Styles into an External CSS File
  • Organizing Styles
Templates

Topics

  • Creating and Using Templates
  • Making Pages from a Template
  • Updating Templates
FTP Uploading to a Live Website

Topics

  • Uploading Files via FTP
Section 6
Using Tables

Topics

  • Making Tables
  • Horizontal and Vertical Alignment
  • Merging Cells
Creating a Form

Topics

  • Creating Forms (To Get Information from Web Visitors)
  • Text Fields, Radio Buttons, Checkboxes
  • Menu Items, Multi-Line Text Boxes
  • Hidden Fields, Submit Button
  • Submitting Form Data to a Server-Side Script
Site Management

Topics

  • Renaming and Moving Files
  • Checking for Broken Links
  • Identifying and Deleting Unused Files
  • Compiling a List of External Links