assignments

background and basic skills

• Read chapters 1 and 2 in the text.
• Explore the following articles on wikipedia:
  • internet
  • internet protocol suite (TCP/IP)
  • router
  • domain name system
  • protocol
• Browse the various acronyms at http://www.w3c.org/
• Write a brief blurb describing your computer background,experience, and what kind of computer you have, if any.Submit it to me through the course web application.
• Create a text file and upload it to your campus webdirectory, and verify that you can see it with a web browser. Give its address as part of your homeworksubmission.
• Finally, pick any one of the topics listed on page 18 under"interent research questions" to explore. Be readyto discuss in class on Monday or Wednesday. Turn in ashort (200 words; a half page or so) description of whatyou found out and what your sources were.

html first steps

• What is the IP address of the computer you're using? Do you think on campus and off campus computers agree? Explain. (Hint: see http://www.whatismyip.com and your network control panel - or ask Matt Dailey in the lab.)
• Desribe briefly what DNS is. How is it like and unlike a phone book?
• What is a TCP/IP "port"? The list of what service is available on whichport is available at ***. What port does "HTTP" (the web) run on?How about HTTPS? Pick at least three other services from the listand find out what they are (wikipedia probably knows).
• Read chapters 3, 4, and 5 in Knuckles.
• (As of Monday we haven't talked HTML yet; do as much of this next one as you can, and we'll finish next week.)
• Create a web page that contains (at least) the following tags: HTML, HEAD, TITLE,BODY, HR, P, BR, H2, PRE, A. (The "A" is the "anchor" tag that links to other pages.Include examples of 3 kinds of link addresses: absolute, relative to the currentdirectory, and relative to the current server.

images

• Read chapter 6. (Ignore the part about "image maps".)
• Read the articles on JPEG, PNG, and GIF on wikipedia.
• Download and install or otherwise get access to an image manipulation programlike the Gimp or Photoshop, and make sure you can use for basic image editing,for example changing the size of an image, cutting out a piece of an image, etc.
• Create a webpage with four images on it: a photograph stored as a JPEG,the same photograph as a PNG, a cartoon (or anything with sharp lines and solid colors)as a JPEG, and the same cartoon as a PNG. Compare image sizes and qualities.
• On the same page, show a thumbnail (a small version) of a photo which whenyou click on it shows the whole picture. Is it a good idea to do this just with(width="..." height="..." in the < img > tag? Or should you have two files, e.g.photo.jpeg and photo_thumbnail.jpeg ?

lists, tables, and http

• Read chapter 7 in the text.
• Read this article : wikipedia: HTTP.
• Briefly, what is an "RFC"? A "cookie"? HTTP?
• Look at some HTTP headers with WebDeveloper. What is a "charset"? GMT?
• Create a web page with examples of unordered lists, ordered lists, and tables.
• Use a table to format a web page with an image that curves around the left and top, by chopping the image into several pieces and arranging them in different parts of the table.

CSS part 1

• Read some of the CSS tutorials listed on the resources page.
• Describe what the following terms mean, and give an example of each.
  • class
  • id
  • selector
  • child
  • box model
• What does the word "cascading" mean in CSS? Give an example.
• Create a web page that gives an example of using CSS to set
  • a font size
  • an image margin
  • placement of a block of text

midterm project

forms

• Read chapters 9 and 10 in the text.
• Do Exercise 9.1
• Do Exercise 10.1 (Program to convert Farenheit to Centigrade.)

decisions and objects

• Read chapters 11 and 12 in the text
• Do Exercises 1 and 5 from chapter 11, page 237.
• Create a webpage that displays a "truth table" for theboolean expression "not (A or B) == (not A) and (not B)".(Remember that in JavaScript, "not" is !, "and" is &&, "or" is || .)Your page should show four lines for the various ways that A and Bcan be true and false, and show whether the whole expression is trueor false in each case.
• Do Exercises 1 and 3 from chapter 12, page 255.

functions, actions, and arrays

• Read chapters 13 and 14 in the text.
• Do exercises 7 and 9 on page 272, chap 13.
• Do exercise 6 on page 293, chap 14.

JavaScript clean-up and propose final project

• Submit working versions of any two of the JavaScript pages.
• Create a web page the shows a random picture.
• Describe what you're going to do for your final project.

final project

term grade