MCPS Website Development CPD Course

Session 4

Monday, October 13th, 2008
Classroom Session

Objectives

Describe the syntax of a Cascading Style Sheet (CSS) rule
Write and apply valid CSS rules
Determine most appropriate type of style for selected purpose
Discuss the advantages of CSS
Test pages in various browsers
Select appropriate color schemes

Agenda

Final Project/Wireframe Questions?
What is CSS?
Introduction to CSS
- Introduction to CSS
Lab Time
- Let's add style: HTML Template File
- Properties to use:
  font-family font-size font-style font-weight color background
The Box Model
- The Box Model
Lab Time
- The three ways to write margin/padding:
  /*Method 1 - Specify each individually*/ margin-top:5px; margin-right:10px; margin-bottom:15px; margin-left:20px; /*Method 2 - Summarize in margin*/ margin:5px 10px 15px 20px; /*Method 3 - Repeat/Summarize in margin*/ margin:5px 10px;
Containers/Float
- Applying CSS to containers: container-example.txt

Homework

Item 1

Review the connecting Assignments.

Item 2

Create 5 multiple choice exam questions that could be asked of students regarding the content discussed in the session 1 presentation. Mark up the questions in HTML and be sure the HTML validates.

Due: October 27th, 2008

Write your HTML like this


<div class="question">
    <p>What type of animal is Mr. Brown's pet named Maggie?</p>
    <ol>
        <li>Cat</li>
        <li class="c">Dog</li>
        <li>Mouse</li>
        <li>Fish</li>
    </ol>
</div>

It will render like this

What type of animal is Mr. Brown's pet named Maggie?

Cat
Dog
Mouse
Fish

See the sample

Complete Sample

How do you want it?

I only want the questions, not any extra markup (do not send me the entire website). Save the questions in a text file, using notepad, and email to me as an attachment ( jeffrey[dot]todd[dot]brown[at]gmail[dot]com )

CS-10