Project 6 - Superhero Gallery

GOALS

Demonstrated Skills

• Native Tools
  • Visual Studio, Firefox
• Web Services
  • Github Pages, Validator, Testy Sensei
• Media
  • Use embedded images and video
• HTML
  • Basic HTML template
  • Headings, Lists, Tables, Links, Images
  • h1, p, a, img, ul, table
• URLs
  • Absolute, Server, Relative

Part 1 - URL Game

Instructions

Login to the Sensei Server

Follow the link to URL Game

Answer the URL puzzles until you can get 10 answers in a row correct.

Each time you answer a question you will get feedback on whether the answer was correct or not and why.

The remaining questions must go to 0.

Good luck.

Part 2 - Superhero Gallery

Web Assets

• Pages
  • bacs200/superhero.html
• Images
  • bacs200/images/

Creative Content

• Five Superheroes presented in table
• Photos must be on your web server
• Each hero must list Name, Alias, Image, Superpower, Weakness

Hero Page

• Table with five rows and five columns
  • Name
  • Alias
  • Image
  • Superpower
  • Weakness
• Make sure page validates

Image Thumbnails

• In the table display the image with a width of 200 pixels
• Wrap this image in a hyperlink to display the image at its original size
• Clicking the link should open the full size image

Mark Seaman's Page

• superhero.html
• You can get this code by "View Page Source"

REQUIREMENTS

The following requirements can be used as a checklist for your testing.

• Page exists at "bacs200/superhero.html"
• Home Page has correct content (Project links, Logo, Class website link, Github repo, etc.)
• Profile page has correct content
• Correct use of Thumbnail with Full Size image link
• Five heroes
• Five attributes for each hero
• Page Validates