Lab 1
Thursday, September 6, 2018
Prep work
- W3Schools HTML Reference
- Online Photo Compression tool: compressman.com
Develop a one-page web site introducing your lab group to the class,
based on the following criteria:
- Pages must conform to HTML5.
- Code must be written using a text editor
- For this lab, we are focusing on the html; style should not be included.
- Pages should include components defined below.
Content Components:
- 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.
- A name for your group, displayed as a top-level heading element.
- A tagline for your group, displayed as a secodary heading element.
- 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.
- 2 or more important words in your paragraphs marked to be logically important.
- Separation of the paragraphs above from the lists below with a horizontal line.
- One ordered list of your groups super powers.
- One unordered list of things you're going to change at WSU using your super powers.
- Link to an external website of your choice that opens in a different tab.
- Appropriate use of the header, main and footer elements
- 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
- 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.