Mastering Web Layout with CSS and Dreamweaver

Characteristics Of This Class:


Skillful use of Cascading Style Sheets is what separates professional web designers from the amateurs, and Dreamweaver can help you master page layout with CSS. Starting with a thorough review of CSS, this class digs into the secrets of page layout.

We'll explore designing for different layouts, creative background uses, advanced positioning techniques, and targeting specific browser/media types. Javascript behaviors and Spry/AJAX widgets will let you add custom interactive elements to your site, and advanced template techniques will accommodate variations in page structure within large sites.

I. Cascading Style Sheets (CSS)
  1. CSS Overview
  2. The CSS Styles Panel
  3. Types of Syle Rules: Tag, .Class, #ID, Compound
  4. Useful CSS Properties
  5. External Style Sheets
  6. Specificity and Best Practices
II. Page Layout
  1. Layout Overview
  2. Tracing Image
  3. Premade CSS Layouts
  4. Basics: CSS Based Layout with DIV tags
  5. Walk-through: Creating a CSS Based Layout
  6. Advanced CSS Positioning: Static, Relative, Absolute, Fixed
  7. Scrolling Div tag content
  8. IECC Internet Explorer Conditional Comments
  9. Iframes
III. Spry, Behaviors, Javascript
  1. About Spry and AJAX
  2. Spry (PopUp) Menu Bar
  3. Spry Elements
  4. About DHTML, Behaviors, and Javascript
  5. Rollovers, Swap Image
  6. Set Text of Container
  7. Show/Hide Elements
  8. Gallery Extensions
IV. Templates
  1. Snippets
  2. Templates
  3. Advanced Template Usage
V. Testing, Maintenance
  1. Find and Replace
  2. Clean Up XHTML and Apply Source Formatting

Who Should Take This:

Web designers who know Dreamweaver and HTML but don't yet get page layout with CSS. If you need Dreamweaver fundamentals, take the Dreamweaver Hands-On Intensive or the Web Design Transitions Certificate Program first.

Kelly McCormack

Kelly McCormack

Kelly McCormack is an Adobe Certified Instructor and Adobe Certified Expert who has been producing web sites professionally since 1995. He adopted Dreamweaver early, while managing the 7th Federal Reserve District's intranet site. Soon after, he started his own web design business and began teaching and developing Adobe training materials. Kelly specializes in visual design and efficient and correct production techniques for web site projects. He believes in attention to detail and usability, pixel-perfect graphics, character-perfect HTML/CSS code, and an intuitive user experience. You can see his work at kellymccormack.com.


Extremely informative, well paced, not too overwhelming.

Charlotte, 11/18/2011

Great deal of info, well-paced, exactly what I needed based upon what I knew.

mary, 6/20/2011

Well presented step by step, clear, not too rushed.

Eric, 6/20/2011

Related Classes & Workshops

Below is a list of classes & workshops that are related to the one you are reading about now. We also encourage you to take a look at our "help me choose" page for much more information on choosing which BDA program is right for you.

Understanding CSS

Introduction to HTML 5

Optional Payment Plan for Transitions Certificate Programs:

We want to make our training as accessible as possible so we offer a simple payment plan for our Transitions Certificate Programs. Each of the 4 payments is 25% of the total registration fee with no finance charges or other costs. The first payment will be taken when you register and the remaining 3 payments are paid every month for the following 3 months (detailed payment information in the table below). It's easy to take advantage of this option and we encourage you to sign up early since these programs often fill up fast! If you're interested, don't register online. Instead, please contact BDA staff at 303-800-4647 or email us with the name and start date of the program you wish to attend (info@boulderdigitalarts.com) and we'll get you setup, take your first payment, and confirm your registration.

 

Payment Program Details

  BDA Member Non-Member
Payment 1
Paid at time of registration.		 $62.25 $72.25
Payment 2
Due one month after registration.		 $62.25 $72.25
Payment 3
Due two months after registration.		 $62.25 $72.25
Payment 4
Due three months after registration.		 $62.25 $72.25
Note: registrants using the payment plan are not eligible for the early registration discount and always pay the standard registration fee ($249.00 for BDA members and $289.00 for non-members).

Registration Fees

BDA Members: $239.00

Non-Members: $279.00
Become a member now and save $40.00

Schedule

Sorry, this event isn't currently scheduled.
+ Follow this event
+ Email us to request the class

Notifications