Digital Media E-5: Exploring Digital Media
Harvard Extension School
Spring 2020
Assignment 11: Web Development
Due 4:00pm ET on Monday, May 04
Submit this assignment at: https://canvas.harvard.edu/courses/69734/quizzes/162863
🎥 Watch the assignment Walkthrough video 🎥

Welcome to the last assignment for E5, aside from the final project. For this assignment you’ll be creating a couple of basic HTML pages. You will be building a profile page and a projects page. Think of it as a rudimentary Linkedin profile.

Requirements

Within a folder which you will zip up and submit, create the following files:

  • index.html
    • Create a page called index.html, this will be your main profile page and the entry point for us into your pages.
    • Within your page’s <head> tags, you are required to have the following:
      • title - this page should have a title element, what the title is is your choice
    • Within your <body> tags, you are required to have the following:
      • table - create a table on the page with two rows
      • The first row should have two cells
        • The first (left) cell should have an img - you should have an embedded image of yourself in the first row of the table on the left cell. This image should be a local file, not linked from the internet
        • The second (right) cell should have an unordered list with each of the following information
          • Name
          • Profession
          • Location
      • The second row should have just a single cell with a short (2 sentences or so) professional bio
    • Somewhere on the page you should add a link to your projects.html page
  • projects.html
    • Create a page called projects.html, this will be a separate page that you’ve linked to within index.html. This page has the following requirements:
    • Within your page’s <head> tags, you are required to have the following:
      • title - this page should have a title element, what the title is is your choice
    • Within your <body> tags, you are required to have the following information but unlike index.html the tags, format, and style you use are entirely up to you
      • Write up a brief text paragraph description of any video assignment that you’ve created for this class
      • Embed the video from YouTube into your page (DO NOT include the video file locally)
      • Include an image on your page that is from somewhere else on the internet (not a local file)
      • Include a link back to your index.html page
      • You are welcome to be creative and include more if you like
  • For both pages:
  • You should use CSS in an external CSS stylesheet to adjust the following parameters (link in the same stylesheet to both pages).
    • Call this file style.css
    • Change the font-family to a font of your choosing
    • Change the background-color to a color of your choosing, text should still be readable!
    • Center the text-align inside of your table data (<td>) tags

Once you have created your website, you should zip up the folder for submission. Just make sure that all of your files (including any images, stylesheets, html files, or anything else) are included inside of the zip. The staff should simply be able to unzip your file and open index.html in a browser to see your work.

Upload your zip to the file request at the top of the assignment and fill out the submission form.

Please email the staff with any questions!