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.

Upcoming Classes

  • No classes scheduled at this time.

Price: $975 Click for Discounts

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

We Literally Wrote the Book!


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

What You’ll Learn

Section 1
Coding Basic Text Formatting


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


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


  • Inserting and Positioning Images
  • Adjusting Borders and Spacing

Section 2
Coding Cascading Style Sheets (CSS)


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


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


  • 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


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


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


  • Sharing Styles Between Pages
  • Centering Divs
  • Class Styles


  • 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


  • Using Behaviors to Create Image Rollovers
Section 4
Background Images


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


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


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

Section 5
Text Styling, Lists, Borders & Nested Selectors


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


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


  • Uploading Files via FTP
Section 6
Using Tables


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


  • 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


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

Why Train With Noble?

27 Years of Experience

Noble Desktop has been teaching computer graphics and web development since 1991. In all those years we have perfected the craft of teaching. If students get hung up on any issue, we tweak the class to make it work better. Every instructor uses the same time-tested curriculum we have developed. Ask around: Noble Desktop has a stellar reputation for exceptional computer graphics training.

Our Teaching Method is Better

We don't ask you to simply "follow along," copying what the instructor does. Instead we ask you to focus 100% attention on the lesson at hand. Only after the lesson do you then put into practice what you have learned by working on a computer with our step-by-step workbooks. This "learn, then practice" method results in the student learning and retaining much more than traditional "follow along" classes.

We Wrote the Book Ourselves

Most of our classes include a custom training workbook written by our top instructors. Take it home with you: with step-by-step exercises and power-user keyboard shortcut guides, it’s like having a refresher course right on your desk. We wrote the book ourselves because we couldn't find any book that was good enough. Now our books are being used by other schools and training centers worldwide.

We Provide Computers, Mac or PC

Since when did training centers expect you to "bring a laptop"? Noble Desktop has always had classrooms full of computers, Mac and PC. Each computer is loaded with software and has a 19-inch monitor. The next time you are asked to "bring a laptop," ask why you aren't being provided a computer. Noble Desktop always has up-to-date equipment in our state-of-the-art classrooms.

Not Just Anyone Can Teach

All our instructors are working professionals who bring on-the-job experience to the classroom. But we don't just let anyone teach a course. How many experts do you know who can't teach? We've learned to audition and test our instructors. Only after they have been through our screening process will they be put in front of students. And they are required to use our time-tested curriculum, assuring a positive learning experience for all our students. Read our instructor bios.

Money-Back Guarantee

We’re the only school to offer an unconditional money-back guarantee. If you don’t absolutely LOVE your class, we’ll give you a full refund! Compare that to other "schools" that have a no-refund policy. Is that even legal? It certainly isn't right. At Noble we treat our students with respect and common sense.

We Are NY State-Licensed, and Adobe Authorized

When looking at a computer training school, check to see if they are NY State-licensed. Any school in New York should be licensed by law. Noble Desktop follows state-issued guidelines for curriculum development and teacher licensing. Adobe Authorized means our instructors have passed the rigorous Adobe Certification Exam, and that we follow Adobe's quality-control standards.

Our Students Love Us! 2200+ Testimonials and Counting

We offer our guarantee because we think we’re the best—but don’t take our word for it. Ask more than 2200 industry professionals who have enjoyed our classes and are putting what they learned to use on the job. Read their testimonials.