CS 101 Web Construction, Winter 2021 Instructor: Jeffrey Horn ASSIGNMENTS
|
TASK NUMBER |
TASK DESCRIPTION |
POINTS | Reading (Jamsa) |
| 1 | Local image (this means the src is the
current folder; in other words, the same folder that your html file is
in).
|
5 | Ch. 2 p. 34 |
| 2 | Remote image (src is a URL for a web
site, e.g., "http://cs.nmu.edu/~jeffhorn/nmu.gif").
|
5 | p. 30 |
| 3 | An animated gif. (local
or remote)
|
5 | p. 40 |
| 4 | An image that is a link to a remote site. (Note that you MUST put in alternative text (in the "alt" attribute)!) | 5 | pp. 61-62 |
| 5 | A “thumbnail” (size) image (e.g., height and width both less than 200 pixels) that is a link to a larger version of the image. The larger version of the image must show up in the browser by itself, and not as part of a different web page. The easiest way to do this is to simply link to the image file itself (e.g., the .png, .jpg, .gif, .bmp, .jpeg, etc. file). (Note that you MUST put in alternative text (in the "alt" attribute)!) | 5 | (builds on the above tasks) |
| 6 | Document types: insert the
following doctype definition at the top of your .html file:
This must come BEFORE the html code (which means before the <html> tag). |
2 | p. 10 |
| 7 | CSS: INLINE (using
the "style" attribute) Use the "style" attribute with CSS to color some text on your page. Use the "<span>" or "<div>" elements to select the text to color. Use all three different ways of specifying color:
There is an excellent online "color picker" page here that explains RGB and hex color codes and allows you to easily see and "pick" the color you want. |
9 | pp. 172-177 |
| 8 | CSS:
EMBEDDED (using the "<style>"
element) Use the "<style>" element with CSS to color some text on your page. Basically do the exact same thing as you did in task 7 above. Apply it to different text on your page! |
9 | pp. 177-182 |
| 9 | Good style (indentation and some "main" comments at the top, including name, etc.) in your source file. | 5 | p. 23 |
| 10 | Send me your assignment in a compressed folder, with all files in the folder. Send it to "jhorn@nmu.edu" USE THE FOLLOWING SUBJECT LINE: "CS 101: A3" | 5 | video |
| TOTAL: | |
55 |