CS 1100: Web Development: Client-Side Coding

Homework 2: Getting Started with HTML

Submission due Friday, September 13, by 11:59 PM

Instructions

The main goal of this assignment is to practice using basic HTML tags for describing text and images. You will create two basic web pages and add some simple content. A second goal is to use a validator as a tool for checking the correctness of your code.

If you have any questions, or if something doesn't work as expected, please let me know. We are all learning here.

Tasks

Create a folder named hw02. If you have a folder where you keep all of your CS 1100 work (recommended!), place hw02 there. If not, place it wherever you store your work files.

Recreate the Structure of a Page

  1. Use VS Code to create a file inside hw02 named w3c_mission.html.
    Copy into your new file the standard HTML from the template file we used in class this week.
    (To download that file, control-click on the link and choose one of the "Download Linked File" options.)
    Change the title to "The W3C's Vision for the Web".
  2. Now, copy the text on this page and insert it between the <body> and </body> tags.
  3. Add HTML tags to your w3c_mission.html file in order to recreate the structure of the copied page.
    You'll need two levels of heading, paragraphs, bold text, bullet lists, and a link.
    Note that the link at the bottom of the page is to https://www.w3.org/mission/.
  4. Validate your HTML using the W3C validator at https://validator.w3.org/#validate_by_upload
    This link allows you to upload your w3c_mission.html file by selecting it using a file selector.
    If you see any errors, look at the line number of the first one and detremine what is causing the error. Fix each mistake and revalidate the file. (You will have to upload the updated file again each time.) Repeat until you have no errors.

Create a Short Page from Scratch

  1. Use VS Code to create another file inside the hw02 folder named my_hw02.html.
    Again, copy into your new file the standard HTML from the template file.
  2. Use this HTML file to create a short webpage about any topic you like. This might be:
    • a page to tell me a little about yourself, or one of your interests
    • a short study guide for one of your courses, with at least two topics and an outline of important points about each
    • a page with information about two of your courses, with a section about each course that says why you are taking it and gives a list of deadlines or topics
    Use a variety of tags that you have learned about, including headings, paragraphs, emphasized text, lists, quotes, links, and images.
    Use the same text for the page's title and its level-1 heading.
    Be sure to include at least one link to another document. (You can link to the W3C mission page you created in Step 2, if you like.)
    Images can be fun, whether linked to one on the web or to a file in your hw02 folder.
  3. Validate the HTML in my_hw02.html using the W3C validator as you did in Step 4 above. Fix mistakes and revalidate the file until it contains no errors.

Submission

Please submit these files:

Submit using your file(s) using the course submission system.

  1. Log in to the submission system using your CatID username and password. The page will open in a new tab.
  2. Select CS 1100 from the course menu.
  3. Select hw02 from the assignment menu.
  4. Follow the instructions to upload the required HTML file and, if you wish, the optional image file.
  5. Review the Uploading the following files page to be sure that your files were uploaded.

Note: You may replace a file you have already submitted or submit a new file up to the deadline by using the system again.