Assignment: HTML
In this assignment, you are to create three new Web pages: one assignments directory page and two original pages about you.
Assignments Page
The first Web page should be called "index.html" and will replace your file from Assignment 1. This and all future assignments should be linked to from here. Your name should appear at the top of this page. It should also include the following text.
- HTML
- CSS
- Photoshop
- Animation
- Wireframing
- Responsive Design
- Bootstrap
- jQuery
From now on, this home page will serve as a directory for your assignments. Over the course of the semester, as each assignment is completed-including this one-you should add a link to it from this list.
Original Pages
In addition to the assignments page, two original pages about you form the heart of the current assignment. Any combination of your background, your interests, or your experiences will do! You are to write these pages using a plain text editor (such as Atom, TextWrangler, or Notepad++).
Start by creating a new directory (folder) within public_html for your new pages. Call it something like "about" or "about-me". One of the files inside of this new directory should be named "index.html", the other can be named whatever you like-as long as it is lowercase, with no spaces.
Here is a list of required elements you should include in these two pages.
- There should be paragraph (
) and heading (
, , etc.) text on each page.
- There should be a hyperlink from your assignments page to your original pages; there should be hyperlinks on both original pages that link to each other; and there should be at least one link to an external website.
- At least one image should link to another page or another site.
- You should include at least one numbered list or one bulleted list somewhere on one or both of the pages.
- You should include at least one table somewhere on one or both of the pages.
- You should also include an image on one or both pages. (Since we have not covered image editing yet, feel free to download an existing image from the Web. It should be a GIF, JPG, or PNG file.)
Pay close attention to your HTML tags and be sure to test your pages locally using Firefox, Safari, or Chrome.