Click here for a suggested schedule of assignments for Module Two

CONCEPTS:

In this module you will be using more graphics on your pages. Read about color and graphics on the Web on the Web Style Guide site  Read the two sections "Characteristics of Web graphics" and  "Graphic file formats."

Sources of Web graphics:
Below are some sites you can visit to find or create graphics for your Web pages. Create a directory or folder on your hard drive to save them in so that you know where they are when you need them.  Many Web designers put  the HTML files in one directory or folder and the images  in a subdirectory or subfolder called "images."
Most graphics that are used on Web pages are relatively small in file size--usually from about 10 to about 40 kilobytes.  Images of larger file size take too long for a normal user to download over a modem. 
The Icon Bank--a searchable database
Xara Modules--a Web site for creating your own
WebFX--an online graphics manipulation tool  Use it to create effects for your grahics. (you can save them to your own hard drive or use the HTML that you are given to incorporate them into your Web pages)
GIFWorks, an online GIF image editor.

Besides using colorful graphics, you should also learn about varying the colors of the text and background of your pages.  Read Dan's Web Tips: Colors.

Types of Web page designs

Types of Web site designs
Written exercise:  analyze the design of a Web site of your choosing

The History of the Internet
Writtten exercise:  your Internet history

The Future of the Internet
Written exercise:  response to readings

Readings on copyright:
Read "Copyright and  the Internet"
Copyright Website--In the  "Digital" section, read "Web Site Protection" and "Web Design Issues" . Also read the "NII." section.  

See also in Module Three --detecting user's browser

<NUTS&BOLTS>

Readings:

Now that you will be going beyond designing single pages and creating multipage sites, you should read "Building your first web site." 

The readings in this module have been chosen to help you to understand how to fine tune your Web page designs.  Lists and tables are crucial in precisely positioning the elements on your pages.
Read Introduction to HTML by Eric Meyer, Case Western Reserve
Chapter Four: Lists

HTML Pit Stop: "HTML Table Basics"
Page Layout, Margins, Indenting, and Columns 
Read "Hacks"; "Margins, Indenting and Columns";and "Tables."

Sensory Design 
Read "Page Layout"
Conceptual Foundations
Read "Goals and Objectives" "Target Audience" and "Site Metaphor"

Also, you should be aware that not all the members of your audience will be looking at your Web pages in the same way. Read Designing Web Sites to be Disability Friendly 
Read pages 1-4

#4:
Create an informational site on single topic.  Explanation of assignment.

Exam:
Module Two Exam
Study questions

Module Two Grading

Back to Modules