Why can't I just learn Dreamweaver?

Let's talk about web design for a minute.

In the print world, if you know how to use InDesign or Quark you essentially know how to create any document or page (with a couple caveats based on background knowledge like: placed images need the proper resolution, no accidental spot or RGB colors, etc). What you see is what you get.

Web design is different in that just knowing the Dreamweaver program does not allow you to make proper web pages. Or maybe a better way to put it is that there is much more required background knowledge before you will be able to build a professional, useful, successful web page. With that knowledge, Dreamweaver is a great tool for building websites but that background knowledge needs to come first.

What do you need to know before Dreamweaver is useful?

1 - You need to learn the rules for saving images for the web. Easy.

2 - HTML is how you get "stuff" on the page. You need to learn HTML and semantic markup (a fancy way of saying "tag things by their meaning, not their look"). It sounds like programming but it's really not, it's typing. You have to learn about 10 basic tags for HTML and then you're up and running. You can get a working knowledge of HTML in a couple hours. Fairly easy to learn.

3 - You need to learn CSS (Cascading Style Sheets). This is, admittedly, the difficult part of web design. Everything you think of as "Design" is CSS on the web - from font control to page layout. CSS has to be created by hand by typing text to create a set of rules - you can't use a tool like the frame tool InDesign to draw a box. This isn't as difficult as it may sound - you only use about 20 CSS properties on a regular basis so that's another 20 words to understand. But yes, CSS takes a while to learn because it's really more about judgement and problem solving than learning some "code words". And that's why when people ask me "Why isn't there a program where I put stuff where I want it then makes a web page for me?" I have to tell them there isn't a program like that because the act of laying out a web page involves creativity, judgement and problem solving and no program can do that for us (yet).

Acceptance that web design is not done the same way as print design is the first step.

We have 3 web related classes:

In our Standards-Based Web Design class we use Dreamweaver as we learn the 3 topics above and we create websites at the highest level of professionalism - what's known as "Standards Based web design" - This class has my strongest recommendation.

We do have a Dreamweaver specific class that teaches all the "parts" of Dreamweaver but it is for people who are part of a team that already uses Dreamweaver and that person is not responsible for creating pages but maybe updating them or doing a couple specific things using Dreamweaver. Recommended only for special cases.

We also have a class dedicated to Creating HTML Email - even though they may look the same, the rules are completely different for web pages and email HTML pages. This class uses a very specific subset of Dreamweaver's tools along with Photoshop.

C2's Standards-based Web Design Training

Standards-based web design is a process that uses open standards (like HTML and CSS) to create web sites that are fast-loading, clean, accessible to everyone, backwards and forwards compatible, search engine friendly, beautiful and purposeful.

C2's Standards-based Web Design class is for designers (or anyone) serious about creating professional web sites that adhere to these principles. The techniques taught in this class are used to create the most popular and well-designed sites on the web. Standards-based web design focuses on the process of implementing a design in the most efficient, accessible method possible, using a set of standardized techniques without needing complex programming language knowledge (all you really need is a text editor to create pages). Using C2's best-practice driven curriculum, this class provides all the skills necessary to create an entire web site including:

• planning & information architecture


• hand-coding HTML & CSS


• design and layout techniques


• typographic control


• image preparation


• navigation systems


• interactive behaviors


• search engine optimization


• accessibility, usability and compatibility


• email HTML


• site testing, optimization,validation and management