Assignment 2: HTML

In this assignment, you will create a three-page website about yourself. The focus at this stage of the development process is on describing web page content with HTML.

Project Setup

Create a new directory (folder) on your computer called “Assignment2”. Place HTML and image files associated with your new website inside of this directory. The home page of your new website should be named “index.html”. Other pages can be named as you like, but should reflect the content of the page. Remember that all file and directory names should be limited to letters, numbers, and dashes and be lowercase, with no spaces.

When your website is finished, you will upload the “Assignment2” directory, along with its contents, to your i6 account. Your new website will then be available at: i6.cims.nyu.edu/~netid/Assignment2/

Your Website

Three HTML web pages—about you—form the heart of the current assignment. Any combination of your background, interests, or experiences will do as long as it is autobiographical. You are to write these pages using a plain text editor such as Brackets, Visual Studio Code, or Sublime Text. The focus of this assignment is on describing web page content with HTML; refrain from styling the pages until the next assignment, CSS.

Here is a list of required elements you should include in these pages.

• There should be semantic text elements on each page, including but not limited to paragraph (<p>) and heading (<h1>, <h2>, etc.) text.
• The pages should link to each other with “relative” URLs.
• Each page should also include at least one “absolute” URL linking to an external website.
• You should include at least one image (JPG, PNG, GIF, or SVG) on each page. (We’ve not covered image editing yet but feel free to use images from your camera or smartphone as well as images downloaded from the web.)
• You should include an HTML list somewhere on one of your pages; this can be an ordered, unordered, or description list.
• There should be semantic section elements on each page, including but not limited to <main>, <header>, and <footer>.

Pay close attention to your HTML tags and be sure to test your pages locally in an up-to-date web browser as you code them. You can also check your HTML code using the W3C Markup Validation Service.

Publishing Your Site

Upload your “me” directory, including the HTML and the image files, to the i6 Unix server with an SFTP client such as Cyberduck, Fetch, WinSCP, or Transmit. Your files should go in the same “public_html” directory that your assignments page is in, but within the subdirectory called “Assignment2”. Test your pages again in the browser once they are live on the web server to make sure they are accessible. Your new website should be available at: i6.cims.nyu.edu/~netid/Assignment2/

Finally, create a link from the “HTML” line of your assignments directory to the home page of your new website.

Submitting Your Assignment

Submit the following via NYU Classes. More information on submitting files with NYU Classes is available here.

• The URL to your pages in the general form of i6.cims.nyu.edu/~netid/
• A compressed archive containing all the files of your new website

Please note that you are required to submit files along with URLs in order to receive credit for your work.

Grading

This assignment is worth 10 points.

• A new website of at least three pages about the student. (3 points)
• Website should be in its own subdirectory called “Assignment2” and the home page should be an “index.html” file. (1 point)
• Each page should include semantic text elements, including both paragraph and heading text. (1 point)
• Pages should link to each other with relative URLs; each page should also include an absolute URL linking to an external website; and the assignments directory should link to the home page of the “Assignment2” website. (2 points)
• Each page should include at least one image in JPG, PNG, GIF, or SVG format. (1 point)
• At least one of the new pages should include an ordered, unordered, or description list (1 point)
• There should be semantic section elements on each page, including <main>, <header>, and <footer>. (1 point)

Points may be deducted for improperly formed HTML elements.