Topic Style

Assignment 2 for CS 337

In this assignment, you are tasked with writing a simple pair of web pages, again, with a theme of your choosing. In this assignment spec, I’ll be using the theme of countries (specifically, the USA and Germany), but you should choose a different theme.

For this assignment, you should create at least two (you are welcome to add more) HTML pages. The body of each page should be sub-divided into three sections: A title section, navigation button section, and page content section. The content section should contain at least an image, a paragraph of text, and a table, all of which should have relevance to the chosen topic.

The primary goal of this assignment is to give yo a chance to get experience using various CSS properties and features, including margin, padding, colors, fonts, borders, etc. Below is shown an example of what a result of this assignment might look like:

assignment

Notice that:

Each section of the page should have customized colors, fonts, and font sizes
Each section should consume the entire canvas
All images show should have rounded edges and a custom border
The table should have customized border and formatting
Each page should have at least 10 customized fonts/colors/borders/ etc that differ from each-other. Presumably, these customizations could go along with the theme of the page. Notice how on the “USA” page I used a different font, and many red/white/blue colors, while on the Germany page I used some different fonts and Black/Red/Orange colors.

All of the CSS should be in separate CSS file(s) and linked into the HTML.

You should follow standard file structure rules, along the lines of:

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

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, and include header comments. 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 Wednesday, 1/25/2023.