Assignment 2: HTML
Instructions
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 "me". 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 "me" directory, along with its contents, to your i6 account. Your new website will then be available at: i6.cims.nyu.edu/~netid/me/
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 Notepad++, 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.
○ All pages should link to each other with "relative" URLs, structured as an unordered list on each page.
○ At least one page should include an "anchor" link that jumps to another section of a page.
○ At least one page should include an "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.)
○ All img elements should include src, width, height, and alt attributes with appropriate values.
○ 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 a 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 "me". 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/me/
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 Brightspace. More information on submitting files with NYU Brightspace 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 "me" 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)
○ All pages should link to each other with relative URLs, structured as an unordered list. (2 points)
○ At least one page should include an anchor link to another section of a page and at least one page should include an absolute URL linking to an external website. (1 point)
○ Each page should include at least one image in JPG, PNG, GIF, or SVG format; all image elements should include src, width, height, and alt attributes with appropriate values. (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.