Governor's Career & Technical Academy Arlington

Web Design & Development: Lesson 3



Wednesday, November 1

Friday will be the last day of the quarter, so I have decided to use that opportunity to give you an end of quarter test. On Friday you will have a 26 item comprehensive test with questions from the first three CIW lessons.

Classwork / Homework

Please use both class time and homework time to prepare for Friday's test!

Monday, October 30

Lesson 3 discusses the topic of fonts. While I don't want to go too deeply down the rabit hole of this very interesting topic, now is a good time to talk a bit more about fonts, both the traditional typesetting ones and the modern computer graphics ones. After a few short words about the importance of fonts to the history of printing, I'll briefly mention FontForge and share with you the hundreds of open source fonts made available by Google.

Other topics introduced in Lesson 3 which I would like to bring to your attention include CSS namespaces and the different types of CSS selectors. The CIW curriculum lists these in the section titled CSS3 Selectors and Properties, but I thought it might be helpful to share the alternative presentation we make in Getting Down with CSS since seeing a new concept presented in different ways can help with learning and retention.

I want to reinforce a few of the CSS3 selectors not mentioned in the GDW tutorial:

Finally, don't let me get away without saying a bit more about the DOM, and mentioning Ethan Marcotte's blogpost, in which he coined the term responsive web design.

Thursday, October 26

We will begin class today by evaluating what we did in lesson 2 and discussing how we can improve the learning process during lesson 3 with each of the three evaluation factors.

Website Project

To earn an A at the end of lesson 3 on your project your website make use of the following:

  1. At least one sibling selector (Note: there are two kinds, adjacent and general).
  2. A background-image for at least one box element on the homepage.
  3. Stylized link buttons in the nav section.
  4. Text effects on at least one of the headings.

Tuesday, October 24

I am out sick today. Please make sure your project pages are valid for both HTML and CSS. Use the remaining time to complete the Lesson 3 exercises. We will discuss Lesson 2 results when I see you on Thursday.


By the end of this lesson, you will be able to:

How to Study

I will have more to say about this when after reviewing your work on Lesson 2 before we meet on Tuesday, October 24th.


The three factors, curriculum completion, rebranding project, and end of lesson quiz will be weighted 25%, 25%, and 50% respectively for dual-enrolled students and 40%, 40%, 20% for high school credit students.