Project 1 – Student Bio Site

Overall Requirements:

  1. You must hand-code this assignment entirely using html, not with any web-authoring software/applications, or any pre-designed templates. Failing this requirement will result in an F for this assignment.
  2. Use appropriate headings to structure each of your pages.
  3. Site must have a total of at least four pages (for example,  index.html, bio.html, work.html, and assignment.html).
  4. Pages can represent separate areas of your personal site, like the home page, a hobby page, or a  contact page.
  5. One page has to be the assignment page that will link to all other future projects. For now, list out future projects on this the assignment page without linking to anything (use ol tag, ul tag, or table tag).

Content Requirements:

  1. Have appropriate content on each page. Remember, this is your chance to build something you WANT to show future employers, etc, so content is important. Each page must have at least two paragraphs (at least a few sentences each), or an equivalent amount of content if not in paragraph (<p> tag) form – whatever page your bio is on will obviously have more.
  2. Your bio must be featured somewhere on the site, most likely as your home page, with at least 500 words.
  3. Decide on an appropriate navigation strategy (you can structure them in a list or have them at the top, etc.). For now, do not worry about design. Navigation must be on the top 1/3 of the page and on each and every page.
  4. Include one GOOD photo of you (using image tag), most likely along with your bio unless there’s another appropriate place.
  5. You also must have at least one image on every page.
  6. Include at least one list (using ordered list tags or unordered list tags).
  7. Include at least three external links to sites of interest throughout your site. These external links must be opened in new tabs (use target=”_blank”).
  8. Make sure you include your email address somewhere on the site (you do not have to use a mailto link, but can if you wish to- just make sure the text on the page is your actual email address).
  9. Add a last update date on the home page. Update this every time you make a change.
  10. Make sure your pages have a .html extension. Your home page must be index.html.
  11. Upload all associated files using Fetch to your server. On your server, find “public_html” folder and upload all your files (html files and image files) into that folder.