Topic Wiki

Assignment 1 for CS 337

In this assignment, you are tasked with writing a simple set of wikipedia-type pages on a related group of 4 subjects. Each of the 4 html pages should be similar in style to a typical wikipedia page (though, in this case, the pages can be much shorter, and much less detailed). Each page should be on a particular topic, and the four topics together must be related. However, the specific topic/theme is up to you! Here’s a few examples of the themes and topics that you could choose for the four pages:

• The pages could be themed around the show Bosch on Amazon. The topics for each pages could be:
  • One for the show Bosch itself.
  • Another for the book series, by Michael Connelly, that the show is based on.
  • Another page for Titus Welliver, the actor for Bosch.
  • Another page for the actor Jamie Hector, who plays another key character, J Edgar.
• Perhaps you enjoy NFL football. The topics for each pages could be:
  • One page for the NFL in general.
  • A page for the NFL commissioner.
  • A page describing the rules of the game.
  • A page describing the NFL super bowl.

Note that you should not use one of these two examples. Think of your own! At least one of the four pages must be named index.html (presumably, whatever the most important page is), and the rest can be named whatever you like, as long as each ends with .html. Each page must contain at least the following:

• A title with large text
• At least one paragraph of text describing the topic
• At least one ordered or unordered list
• An image that corresponds to the topic
  • All images should be stored in the ./img subfolder
• A link to all three of the other pages. These links should not be big, separate buttons. Rather, the links should be a part of the paragraphs and/or the lists within each wiki page, akin to how when you navigate wikipedia, you can click on some of the words to link you to another wikipedia page.

The file structure should be like so:

/ public_html
  index.html
  ?.html
  ?.html
  ?.html
  / img
    ?.jpg
    ?.jpg
    ?.jpg
    ?.jpg

Other Rules

Make sure that you take a look at the style guide on the class site before turning in your project. Specifically, make sure that you validate the HTML, otherwise you might lose points!

Due Date and Submission

To turn in the project, zip up the public_html directory, and submit via gradescope. Make sure that all of the html and image files are included in the zip. The project is due by 7pm on Friday, 1/20/2022.