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 first (left) cell should have an
- 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
- Create a page called
projects.html
- Create a page called
projects.html
, this will be a separate page that you’ve linked to withinindex.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 unlikeindex.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
- Create a page called
- 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
- Call this file
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!