lecture 2: handout

This handout contains information relevant to certain slides in the lecture: it will be clearly referred to when needed. You should print it out and have it beside you as you work through the lecture.

style sheet code

The code below reproduces the two complete style sheets used in slide D (styles demo), to present the different versions of the same page. In slide s E (external style sheets) and F (style properties) we will look more closely at how they are put together.

The following is the code for antiq.css and is used to render beige.html.

body { background-color: #ffe4c4 }

p { font-family: Garamond, "Times New Roman", serif;
    color: #000000;
    font-size: 130%;
    font-style: italic;
    text-align: center; }

h1 { font-family: "Book Antiqua", Garamond, "Times New Roman", serif;
     color: #000000;
     font-size: 200%;
     text-align: center; }

blockquote { font-family: Garamond, "Times New Roman", serif;
             color: #8b4513;
             font-size: 130%; }

The following is the code for cool.css and is used to render blue.html.

body { background-color: #00ced1 }

p { font-family: Scogin, Tahoma, Arial, sans-serif;
    color: #00008b;
    font-size: 130%;
    font-weight: bold;
    text-align: right; }

h1 { font-family: Scogin, Tahoma, Arial, sans-serif;
     color: #00008b;
     font-size: 200%;
     text-align: center; }

blockquote { font-family: Verdana, Arial, sans-serif;
             color: #191970;
             font-size: 130%; }

web site topic

Use this space to write down the general subject matter of your future web site.

For reference, these are the permitted subject areas for the course work. (Of course, if you are following this site but not actually taking the module Web Design, you can write your site on anything you like.)

1. A site for an existing or proposed business.
2. A site for an existing or proposed non-profit organisation (e.g. a school, a charity, a university society, a sports club, etc.)
3. An educational site. The topic of this site should be something relevant to your degree programme.
4. A weblog.
5. A site showcasing some artistic work whether images, sound files, animations, texts or anything else you can digitise.
6. A "tourist guide" to a particular place you know well.
7. An online CV for yourself.

target audience

Use this space to answer the following questions: Who might visit your site? What sort of information would they be looking for and why? You may be able to think of more than one answer to these: e.g. with a site for a university society you might say, "1) existing members, who would look for information about upcoming events and 2) potential new members, who would want to know why they should join this society". Having more than one category like this is not a problem - in fact it should help make your site better as each group could be directed to appropriate information.