Win a Free Class!

Join our email list for a chance to win

Dreamweaver CC Level 2

CSS Intensive Training

In this training you’ll learn how to use CSS for more complex page layouts, using div tags and positioning, Server-Side Includes and more.

We’ll take CSS (Cascading Style Sheets) way beyond text styling and see what they can really do. You’ll center align div tags and create 2 and 3 column layouts using relative positioning. You’ll learn how to float elements into position, how “inline” versus “block” elements work, how to create better rollovers with CSS instead of JavaScript, and much more. CSS page layout gives you the ultimate power to change a website's entire design by changing a few styles.

  • Learn to create modern sites using divs and CSS (no tables!).

  • Learn to use floats and clearing, and how to get them working across all browsers.

  • Make beautiful rounded corner boxes that can be resized and reused.

  • Use JavaScript to change CSS and easily create pages that are interactive and SEO friendly.

  • Create CSS rollovers—no JavaScript required!

  • Replace text with images to get elegant graphics and maximum SEO.

  • Learn to make multi-column layouts using divs and CSS.

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
CSS Page Layout with Divs


  • Using Div Tags and CSS for Page Layout
  • Adding a Reset CSS
  • Styling the Div Tags
The Box Model: Padding, Margins, Borders


  • Applying Borders
  • When to Use Padding versus Margins
  • Using Absolute Positioning to Layer a Div over Other Content
Nested Selectors & More Box Model


  • Applying Padding/Margins to Headings & Paragraphs
  • Using Nested Selectors for Targeted Formatting
  • Styling Links
Floats & Clearing


  • Floating Images beside Text and Adding Margin Space
  • Positioning with Negative Margins

Section 2
Creating Two Columns with Floats


  • Creating Columns
  • Clearing Floats
  • Fixing an IE “hasLayout” Bug


  • Sharing Styles across a Website
  • Setting a Minimum Width
Using JavaScript to Change CSS


  • Making a Div Appear/Disappear when the User Clicks a Button
CSS Rollovers


  • Adding Background Images upon Rollover (Hover)
  • Changing Opacity upon Rollover, and Getting it to Work in IE
Section 3
Replacing Text with an Image Using CSS


  • Replacing HTML Text with CSS Background Images
  • Centering Elements with Auto Margins
Rounded Corners


  • Creating Rounded Corners with CSS3
Centered 2-Column Layout


  • Center Aligning a Div-based Layout
  • Creating a 2-Column Layout with Divs
  • Using Floats and Clear
  • Copying and Pasting CSS Styles between Documents
Section 4
More Absolute Versus Relative Positioning


  • Using Absolute Positioning inside Relative Positioned Divs
CSS List Navbar: Text-Based


  • Creating a Horizontal Text Navbar from an HTML List
  • CSS Text Hovers
  • Dealing with a Div Collapse when All Content Is Floated
CSS Sprites Navbar: Images Replace Text


  • Building a Navbar with CSS Sprites
  • Using Image Replacement in a Navbar
  • Using Lists to Create a Horizontal Navbar
  • CSS Image Rollovers (No JavaScript Required)

Section 5
Use CSS to Indicate Current Page in Navbar


  • Marking the Current Page in a Navbar with CSS
  • Marking the Body Tag for Use in Nested Selectors
  • Specificity: Understanding Which CSS Styles Win over Others
Server-Side Includes (SSI)


  • Easily Reusing Content across an Entire Site with SSI
  • Creating and Using Server-Side Includes
  • Site Root Relative Linking
Sporktown: Centered Page Layout


  • Creating Striped Background Sections (Full Width of the Page)
  • Centering Content within the Striped Sections
  • Dealing with a Div Collapse when All Content Is Floated
Section 6
Sporktown: Column Hovers


  • Adding a CSS Hover to Large Sections of Content
  • Using a Clearfix to Prevent Collapse
Sporktown: Centered 3-Column Layout (Divs)


  • Creating a 3-Column Layout with Divs
  • Reordering Columns Visually without Reordering the Code

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.