top of page

9.24.20

LAB - BAND FAN PAGE

Assignment:

Choose your favorite band or recording artist and create a fan page for for them.

Your Band Fan Page should include:

  • 2 HTML pages that link to one another using relative URLS

  • The theme of this website should be on a band or musician that you follow

  • Page 1 should include an image gallery for the band containing .jpg, .gif, and .png (transparent) images:

  • A minimum of 9 images should be included in the gallery.

  • Images should be contained within <figure> elements with <figcaption> descriptions

  • Images should begin as optimized, formatted thumbnails at equal size that link to the larger versions of the images. (For ,jpg and ,png files)

  • Page 1 should link to Page 2

  • Page 1 should also include a link to an external URL related to your band that opens in a new tab/window

  • Page 2 will be more of a multimedia gallery

  • Page 2 should include at least one <video> element with content related to the band

  • Page 2 should include at least three <audio> elements with content related to the band (Perhaps your 3 favorite tracks by the artist)

  • Page 2 should include several embedded Youtube or Vimeo videos of the band

  • Page 2 should include a sound cloud audio track from either the band or a similar artist

  • Page 2 should include several embedded Google maps with the locations of a concert venues on the band's current or most recent tour

  • Page 2 should link back to page 1

  • Page 2 should also include a link to a different external URL related to your band

  • Both pages should include several paragraphs of content or other text-base material, discussing the band, in your own words

  • Both pages should be semantically written using proper HTML elements in all instances

  • Both pages should be structured using <header>, <nav>, <article>, etc

  • Both pages should include basic CSS styling using color, font-size, and font-family

  • Both pages should validate without errors or warnings

bottom of page