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.

  1. 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.

    1. Using your text editor, open the file euler.htm.
    2. Add the opening and closing <html>, <head>, and <body> tags to the file in the appropriate locations.
    3. Insert "Leonhard Euler" as a page title in the head section of the document.
    4. Insert the inline image euler.jpg at the top of the body of the document.
    5. 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.
    6. Add the appropriate paragraph tags to the document to separate the paragraphs.
    7. 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".
    8. Replace the one-letter word "a" in "Lettres a une princesse d'Allemagne" with an à, using the character code &agrave;, and then italicize the entire name of the publication.
    9. In the second paragraph, italicize the notation "e" and replace the word "pi" with the inline image pi.jpg.
    10. 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.
    11. Format the name of the course at the bottom of the page using the <cite> tag.
    12. Add horizontal lines before and after the biographical information.

  2. 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.

    1. Start your text editor, and then create a file called myresume.htm. Type in the appropriate HTML code and content.
    2. Add any other tags you think will improve the appearance of your document.
    3. 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.

  3. 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 elements—the hands pointing to the previous or next movement of the symphony—in each file. You decide to mark each image as a hypertext link that navigates the user to the previous or next movement.

    1. Open each of the files move1.htm, move2.htm, move3.htm, and move4.htm in your text editor.
    2. 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.
    3. 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.

  4. 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

    1. Create a file called myweb.htm and then enter HTML code to set up the document.
    2. Add heading and character attribute tags to make your Web page readable and attractive.
    3. Be creative and have fun!

  5. 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.)