Homework and Exams: Creating a Fireworks Prototype - Part 3
Reader Level:

We're nearing the end of the Fireworks prototype Homework and Exams project. In this last part of the project, you're going to generate slices on a dedicated page in your FW site file. You'll then export them as "Images Only" for a CSS based layout in Dreamweaver. .)

This tutorial includes support files.

The Homework and Exams Series:
Homework and Exams: Creating a Fireworks Prototype - Part 1
Homework and Exams: Creating a Fireworks Prototype - Part 2
Homework and Exams: Creating a Fireworks Prototype - Part 3

Homework and Exams: Creating a Fireworks Prototype - Part 1
Reader Level:

Many of the CMX partners are teachers at colleges and K-12 schools, and thus feel a great commitment to technology education. In that spirit, we're starting a new group series here at CMX called CMX Homework and Exams. We will provide ready-to-use course material that teachers can assign to students to improve their skills. The projects can be used for in-class assignments, homework, exams, midterms, finals, or even extra credit. Each project will include a list of the skills required to complete it - some of the steps will assume basic knowledge. In case the students get lost during a step, there will be a finished example file for comparing work.

In the first Homework and Exams project you are going use a single Fireworks document to store everything you need as you develop a web site. There will be a four page web site prototype that the client can click through. The same document will also include one page that will provide the foundation for the slices you'll need for the actual production of the CSS based web site.

The project has three parts, and in this first part you'll create all the common elements for each page in the prototype.

This tutorial includes support files.

The Homework and Exams Series:
Homework and Exams: Creating a Fireworks Prototype - Part 1
Homework and Exams: Creating a Fireworks Prototype - Part 2
Homework and Exams: Creating a Fireworks Prototype - Part 3

The Dreamweaver Web Standards Lesson Plan Series Part Fourteen
Reader Level:

In the last part of the lesson plan series you learned about dealing with Excel and creating accessible tables. Now you'll set up an accessible contact form on a new contact page that you'll generate from the site template. You'll learn to use the label "for" and multiple fieldset and legend elements. You'll also style the form so that its design enhances meaning.

The Dreamweaver Web Standards Lesson Plan Series:
The Dreamweaver Web Standards Lesson Plan Series - Part 1
The Dreamweaver Web Standards Lesson Plan Series - Part 2
The Dreamweaver Web Standards Lesson Plan Series - Part 3
The Dreamweaver Web Standards Lesson Plan Series - Part 4
The Dreamweaver Web Standards Lesson Plan Series - Part 5
The Dreamweaver Web Standards Lesson Plan Series - Part 6
The Dreamweaver Web Standards Lesson Plan Series - Part 7
The Dreamweaver Web Standards Lesson Plan Series - Part 8
The Dreamweaver Web Standards Lesson Plan Series - Part 9
The Dreamweaver Web Standards Lesson Plan Series - Part 10
The Dreamweaver Web Standards Lesson Plan Series - Part 11
The Dreamweaver Web Standards Lesson Plan Series - Part 12
The Dreamweaver Web Standards Lesson Plan Series - Part 13
The Dreamweaver Web Standards Lesson Plan Series - Part 14

The Dreamweaver Web Standards Lesson Plan Series - Part Thirteen
Reader Level:

After you learn to create layouts using CSS techniques, you may think that you no longer need to use tables. Tables are still a very important tool, though. They are still appropriate for their original intended purpose, that is, for tabular data.

In the last part of this series, you dealt with Word documents and their tendency to break valid code. Now you'll turn to Excel and learn the best way to convert its documents into spreadsheets on the web. You'll take an Excel document that contains a spreadsheet of the plays of Shakespeare, convert it to clean (X)HTML, add accessibility and usability features, and then style it to match the design of the Shakespeare site. You can download the support files, as well as a completed version of the page, in the download link so that you can "play along at home".

Approximate download size: 687k

The Dreamweaver Web Standards Lesson Plan Series:
The Dreamweaver Web Standards Lesson Plan Series - Part 1
The Dreamweaver Web Standards Lesson Plan Series - Part 2
The Dreamweaver Web Standards Lesson Plan Series - Part 3
The Dreamweaver Web Standards Lesson Plan Series - Part 4
The Dreamweaver Web Standards Lesson Plan Series - Part 5
The Dreamweaver Web Standards Lesson Plan Series - Part 6
The Dreamweaver Web Standards Lesson Plan Series - Part 7
The Dreamweaver Web Standards Lesson Plan Series - Part 8
The Dreamweaver Web Standards Lesson Plan Series - Part 9
The Dreamweaver Web Standards Lesson Plan Series - Part 10
The Dreamweaver Web Standards Lesson Plan Series - Part 11
The Dreamweaver Web Standards Lesson Plan Series - Part 12
The Dreamweaver Web Standards Lesson Plan Series - Part 13
The Dreamweaver Web Standards Lesson Plan Series - Part 14 Coming Soon

The Dreamweaver Web Standards Lesson Plan Series - Part Ten
Reader Level:

In Part Ten of the Dreamweaver Web Standards Lesson Plan series, you will complete the bug squashing work you started in part nine, as well as learn some "best practices" for feeding Internet Explorer the unique styles it needs. Here is what you will do in this tutorial:

• Identify the 3-pixel text jog bug
• Use the CSS Advisor to find solutions to fix the bug
• Create an Internet Explorer specific style sheet for all IE bugs from lessons nine and ten
• Use Conditional Comments to feed the style sheet to Internet Explorer only

The Dreamweaver Web Standards Lesson Plan Series:
The Dreamweaver Web Standards Lesson Plan Series - Part 1
The Dreamweaver Web Standards Lesson Plan Series - Part 2
The Dreamweaver Web Standards Lesson Plan Series - Part 3
The Dreamweaver Web Standards Lesson Plan Series - Part 4
The Dreamweaver Web Standards Lesson Plan Series - Part 5
The Dreamweaver Web Standards Lesson Plan Series - Part 6
The Dreamweaver Web Standards Lesson Plan Series - Part 7
The Dreamweaver Web Standards Lesson Plan Series - Part 8
The Dreamweaver Web Standards Lesson Plan Series - Part 9
The Dreamweaver Web Standards Lesson Plan Series - Part 10
The Dreamweaver Web Standards Lesson Plan Series - Part 11
The Dreamweaver Web Standards Lesson Plan Series - Part 12
The Dreamweaver Web Standards Lesson Plan Series - Part 13
The Dreamweaver Web Standards Lesson Plan Series - Part 14 Coming Soon

CMX JumpStart San Francisco for Students (and Anyone)
Reader Level:

We are pleased to introduce CMX JumpStart San Francisco, a great first CSS layout for students and experienced developers alike. Structured to be as hack free and straightforward as possible, this may be just the JumpStart for you if you have been holding back on CSS layouts so far. Like all JumpStarts, it uses valid XHTML and CSS as its foundation and is 508 and WAI compliant. This two-column, fixed-width layout, described rule by rule in the documentation article, makes a great learning tool.

Approximate download size: 4MB