CS 344 - Fall 2018: Assignments

HW 2

Due: 5:00 pm Friday, September 21, 2018

Develop a website about some organization of your own interest, based on the following criteria:

  1. Page must conform to HTML5 and CSS3.
  2. Code must be done using only an approved text editor.
  3. Page should include components defined below.

Content Components (30%)

  1. Website must include at least 3 separate pages
  2. Organization should not be a real one. Rather, it should be a playful, fake org based on one of your own interests.
  3. If you have done a website like this in a previous class, you must do a completely new one this time.
  4. Include at least one link to a related website that opens in a new tab/window
  5. Use <header>, <nav>, <main>, and <footer> elements as appropriate.
  6. Use <section>, <article> and <aside> elements if you wish.
  7. Use <div> and <span> elements, as appropriate.
  8. Use ids and classes, as appropriate
  9. Use general structural elements -- hi, p, ol, ul, br, hr -- effectively
  10. Images files should be sized to match the largest version of the website display

Style Components (60%)

  1. All style must be in an external style sheet; pages should be designed in common
  2. Background - include image(s) and/or color
  3. Make effective use of font properties and text color and size
  4. Include style rules associated with at least one id and one class
  5. Make effective use of the following box-model style features:
    • border
    • margin and padding
    • box width and height for a block element
  6. Apply float and clear to at least one component each of the site.
  7. Make effective use of at least 2 additional style features:
    • hovering over a link
    • text-decoration
    • special lists (not using default numbering or bullet or display)
    • centering a block element
    • inline display of an <ol> or <ul>
    • opacity
    • another CSS feature that you learn on your own

Extras (10%)

10% of your grade will be for Overall Completeness and Improvement. I'll be checking how your site has improved compared to your first hw, whether you are new to web programming or experienced.

Validation

  1. Make sure your html and css content is valid.

Upload Page and Image(s)

Upload your final solution to your individual folder in the class store. The name of your folder should be HW2. Your main page must be named index.html.