Homework and Exams: HTML and CSS
Reader Level:

The CSS Starter Page series is a basic enough starting point for many students, but there will be those for whom a little more foundation knowledge may be necessary. With that in mind, this "homework and exams" package for teachers includes materials that cover beginning HTML/HTML5 and CSS concepts. It also includes a project so that students can solidify their new skills.

This package includes a PDF with slides of HTML/HTML5 concepts, a PDF with slides of CSS concepts, HTML demos of faux column technique and floating and clearing, a step-by-step assignment for students, along with the necessary files to complete it, and two original presentations in case you want to modify the concept documents.

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

In the fifth part of the Dreamweaver Web Standards series, you'll create a graphical representation, or prototype, of the XHTML/CSS page. You'll enhance the layout and export images that will serve as backgrounds for various page regions. You'll learn to create background images that survive the potential increase of text size from some of your visitors.

Now what do you know! You already have your XHTML and CSS documents. Now you'll add an organized, well structured Fireworks PNG to your site files. By the time we get to the end of this part of the series, you'll have essentially created your own JumpStart. Stratford-on-Avon anyone?

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 Four
Reader Level:

In Part Four of the Dreamweaver Web Standards Lesson Plan series, you will extend your skills by learning how to do the following:

• Center the layout
• Fix the double float margin bug in the left column
• Export the style sheet
• Create a site template
• Add pages based on the site template

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 3
Reader Level:

In part three of the Dreamweaver Web Standards Lesson Plan series, the students will add two new divs to the layout (header and container), use descendant selectors and pseudo class selectors to help create the design of the page, and add more new concepts to increase their CSS skills. At the end of the lesson, the students will have a solid, basic design on which to build in future lessons.



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 Two
Reader Level:

Welcome to Part two in the Dreamweaver web standards lesson plan series. In Part one you guided students through exercises in floating images and setting page areas with divs. In this lesson. you will teach your students about two models for creating side-by-side columns, and the advantages and disadvantages of each.

This lesson plan includes the files for all three exercises in this part.

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 One
Reader Level:

There is a concern among educators that web design is often being taught poorly - even at the college level - and without regard for standards. In some cases it is because the instructor has not updated her skills since the turn of the century. In other cases it is because there is a perception that it is too hard to teach and learn CSS. Yes, it is true that one must go slowly, start simple, and build skills in a systematic way. Still, after some experimentation and a few of my own lessons learned the hard way, I came up with some beginning exercises that seem to instill the essential concepts without overwhelming the students. In this series I would like to share some of these lesson plans with my fellow educators who, like me, would like to start their students out with "best practices". Each lesson plan includes step-by-step exercises along with the starter and completed example files for each.

In this first tutorial in the series, the students will construct a simple page, learn to wrap text around an image, and learn how to divide the page into a series of divs that will later provide the hooks for positioning page areas with CSS.

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 <