CS 344 - Fall 2018: Assignments

Lab 1
Thursday, September 6, 2018

Prep work

  1. W3Schools HTML Reference
  2. Online Photo Compression tool: compressman.com

Develop a one-page web site introducing your lab group to the class, based on the following criteria:

  1. Pages must conform to HTML5.
  2. Code must be written using a text editor
  3. For this lab, we are focusing on the html; style should not be included.
  4. Pages should include components defined below.

Content Components:

  1. Image of your group - take a picture of yourselves today!
    • Compress the image to match the close to the size you want for the webpage.
    • Be sure to include required alt attribute.
  2. A name for your group, displayed as a top-level heading element.
  3. A tagline for your group, displayed as a secodary heading element.
  4. Two paragraphs, > 2 sentences each, about your group. One paragraph should explain how you got here. The other one should make a prediction about some future technology.
  5. 2 or more important words in your paragraphs marked to be logically important.
  6. Separation of the paragraphs above from the lists below with a horizontal line.
  7. One ordered list of your groups super powers.
  8. One unordered list of things you're going to change at WSU using your super powers.
  9. Link to an external website of your choice that opens in a different tab.
  10. Appropriate use of the header, main and footer elements
  11. Two or more extras:
    • nested list
    • descending ordered list
    • alphabetically ordered list
    • a mailto link with a defined subject line
    • a caption associated with your picture using the figcaption tag
  12. Make sure your html validates!

Upload Page and Image(s)

Upload your final website to the Shared folder in the class store. Be sure and use a distinct name for your folder; and your home page should be named index.html.