To Notes

Summary for HCI 201 -- 1/17/06

Review Questions

1. Name some scientific inventions that were important for the development of the Internet.
   Ans: The vacuum tube, the transisor, packet switching, fiber optic cable.

2. How many computers were connected to the original ARPANET?
   Ans: Four. The were located at UCLA, Stanford, UCSB, and Utah U.

3. What were the significance of these people in the history of the internet? Berners-Lee, Andreeson, Kleinrock, Cerf, Kahn.
   Ans: See the document A Brief History of the Internet.

4. What is the name of the folder where you must place your web pages for them to be visible on the students.depaul.edu server?
   Ans: public_html

5. What do these HTML special characters represent?
   &    "    >    <
   Ans: &   "   >   <

6. How can you get a nonbreaking space in the FrontPage Normal View?
   Ans: Hit the space bar more than once.

7. How can you get a nonbreaking space in the FrontPage Code View?
   Ans: Type in &nbsp;

8. How can you get a line break in FrontPage?
   Ans: Control-Enter.

9. When you use SSH Secure File Transfer Client to upload a file to the server, does the file still exist on the local PC?
   Ans: Yes, everytime you upload or download a file, the original file still exists. Dragging a file from the local PC side to the server side in SSH copies the file, it does not merely move it.
    
10. Now delete the original file from the local PC. Does the uploaded file still exist?
    Ans: Yes. After uploading, the two files are unrelated to each other. Deleting of modifying one does not affect the other.

Naming Files and Folders

• The term files includes HTML files, images and folders.

• Choose meaningful filenames.

• Be very careful when spelling filenames.

• Do not use any uppercase letters in filenames.

• Windows is not case sensitive, but Unix is.

• The only characters you should use in filenames are lowercase letters, digits, and hyphens.

• No spaces, slashes, hyphens, double quotes.

• Underscores work in filenames, but hyphens are easier to read.

Web Page Titles

• A web page title is different than its filename.

• Every page in a web site should have a title.
  1. The title of an HTML page is the caption displayed in the title bar of the browser.

  2. Titles are used to bookmark web pages.

  3. Search engines use the page title to decide how to catalog the page in their database.

  4. The title of a web page is different from its filename.

• To set the title of an HTML page with FrontPage:
  1. In Normal View, right click on the page.

  2. Enter the desired title in the Title box.

Some Examples of Homepage Styles

•  Newsprint Style: www.washingtonpost.com
   
•  Magazine Style: www.wired.com/wired/current.html
   
•  Arty Style: www.guggenheim.org
   
•  Graphic Designer Style: www.sfmoma.org/index.html
   

Some Examples of Homepages

• What is good or bad about the following personal homepages?

  www.behlendorf.com/~brian

  www.one-eyed-alien.net/~janet

  www.jeanstown.freeserve.co.uk

  www.emanator.demon.co.uk/bigclive

Design Guidelines for a Website

• See the Williams and Tollett Guidelines (pages 162-164 in the textbook).

• Here are Some Website Usability Guidelines.
  Even though you will not be designing and building your business site until later, many of these guidelines apply to personal websites as well.
   
• Here are some Page Design Principles.

• What is good or bad about the Chicago Art Institute Website?
   www.artic.edu
   
• What is good or bad about the DePaul CTI Website?
   www.cs.depaul.edu
   

Exercise Ex4

• Discuss Exercise Ex4: Find and critique a personal homepage found on the web.
  Business sites are not allowed for this exercise