CS 10 Homework 2
Due by the beginning of class Tuesday, February 4
You should finish working through Tutorials 1 and 2 from class this week if
you haven't already done so. You do not need to turn these in, but the more
practice you get with HTML, the better! For your homework assignment, do the
following problems from the HTML book. Since not everyone has a copy of the
textbook yet, I have included the full description of each problem below.
All of the supporting files required for these problems are available in the
CS 10 class folder under Homework/HW2. Just ignore the steps in the
book's instructions that refer to "your Data Disk". If you can't access the
class folder easily, the files are also available on the CD-ROM that came with
your book.
- Case Problem 2 on page 1.41 (Mathematics Department,
Coastal University).
Professor Laureen Coe of the Mathematics Department at Coastal University in
Beachside, Connecticut is preparing material for her course on the history of
mathematics. As part of the course, she has written short profiles of famous
mathematicians. Laureen would like you to use content she's already written to
create several Web pages to be places on the Coastal University's Web server.
You'll create the first one in this exercise. Click here for a preview of the page about the
mathematician Leonhard Euler.
- Using your text editor, open the file euler.htm.
- Add the opening and closing <html>, <head>,
and <body> tags to the file in the appropriate locations.
- Insert "Leonhard Euler" as a page title in the head section of the
document.
- Insert the inline image euler.jpg at the top of the body of the
document.
- Format the first line of the page's body, "Euler, Leonhard", with the
<h1> tag, and format the second oine of the page's body,
"(1707-1783)", with the <h3> tag.
- Add the appropriate paragraph tags to the document to separate the
paragraphs.
- Within the first paragraph, display the names "Leonhard Euler" and "Jean
Bernoulli" in boldface. Italicize the phrase "800 different books and papers",
and underline the publication "Introductio in analysin infinitorum".
- Replace the one-letter word "a" in "Lettres a une princesse d'Allemagne"
with an à, using the character code à, and then
italicize the entire name of the publication.
- In the second paragraph, italicize the notation "e" and replace the word
"pi" with the inline image pi.jpg.
- Center the equation and italicize the letters "x", "i", and "e" in the
equation. Display the term "(ix)" as a superscript, using the
<sup> tag.
- Format the name of the course at the bottom of the page using the
<cite> tag.
- Add horizontal lines before and after the biographical information.
- Case Problem 4 on page 1.45 (Create Your Own
Resumé).
Using the techniques you havel learned, design and create a resumé for
yourself. Be sure to include these features: section headings, bulleted or
numbered lists, bold and/or italic fonts, paragraphs, inline graphic images,
and horizontal lines.
- Start your text editor, and then create a file called myresume.htm.
Type in the appropriate HTML code and content.
- Add any other tags you think will improve the appearance of your document.
- You could take a picture of yourself with a digital camera, or scan in a
photograph and save it as a GIF or JPEG file. Then add the appropriate code in
your myresume.htm file to display the image. If you don't have an
image, use the file kirk.jpg.
- Case Problem 2 on page 2.36 (Western College for
the Arts).
You are a graduate assistant in the Music Department who has been
assigned the task of creating Web pages for topics in classical music.
Previously, you created a Web page that showed the different sections of the
fourth movement of Beethoven's Ninth Symphony. Now that you've learned to link
multiple HTML files together, you have created pages for all four
movements. Click here to see the page for the third movement.
The four Web pages are called move1.htm, move2.htm,
move3.htm, and move4.htm. You now need to link the pages.
You've already placed graphic elementsthe hands pointing to the previous
or next movement of the symphonyin each file. You decide to mark each
image as a hypertext link that navigates the user to the previous or next
movement.
- Open each of the files move1.htm, move2.htm,
move3.htm, and move4.htm in your text editor.
- Within each of these files, edit the inline images right.jpg and
left.jpg so that the right.jpg inline image is a hyperlink
pointing to the next movement in the symphony, and left.jpg points to
the previous movement in the symphony.
- Within each file, change the text "View the Classical Net Home Page" to a
hyperlink pointing to the URL http://www.classical.net. Use the
target attribute and the target name _blank so that the page
opens in a new browser window.
- Case Problem 4 on page 2.39 (Create Your Own
Home Page).
Now you are ready to create your own Web page. The page should include
information about you or your interests. If you like, you can create a
separate page devoted entirely to one of your favorite hobbies. Be sure to
include the following elements:
- section headings
- bold and/or italic fonts
- paragraphs
- an ordered, unordered, or definition list
- an inline image that is either a link or the destination of a link
- links to some of your favorite Internet pages
- a hypertext link that moves the user from one section of your page to
another
- Create a file called myweb.htm and then enter HTML code to set up
the document.
- Add heading and character attribute tags to make your Web page readable and
attractive.
- Be creative and have fun!
- Read over Tutorials 3 and 4 for next week.
Turning in your homework
For each problem, create a separate folder to hold all of the files
for that problem. Please use the following folder names: Euler, Resume,
Beethoven, and Homepage. Put these four folders into a single
top-level folder called Your Name HW 2 and drop this folder into the CS 10
drop box. (Note: the drop box isn't working at the moment, but I'll try to have it
working by Monday.)