HW#1 --- last modified February 01 2021 17:42:00.

Solution set.

Due date: Feb 22

Files to be submitted:
  Hw1.zip

Purpose: To gain experience writing simple HTML pages.

Related Course Outcomes:

The main course outcomes covered by this assignment are:

CLO1 - Write HTML documents containing standard HTML elements including forms, tables, client-side scripts, and server-side scripts.

Description:

This assignment consists of three parts described below:

1. In-Class Demo: Before or on the homework due date, each student needs to share their screen on a Zoom meeting with me and show on their laptop that they have installed Apache, PHP, and Mysql or MariaDB. You can do this by installing these individually or by installing a developer stack such as MAMP, WAMP server, or XAMPP. Depending on your setup, I will test that your installation is working by going to the phpMyAdmin page. This portion of the homework must be demo'd individually to receive points, not as a group. The remainder of the assignment can be done in a group.
2. For the second part of the homework I'd like you to experiment with HTTP. The top US web sites vary considerably in the complexity of their landing pages and load times. For each of the top ten web sites in this list, I want you to try to figure out what is the slowest part of a page to download before it begins rendering in your browser. Most browsers such as Firefox, Safari, Chrome, Edge, etc have a Developer Mode which allows you to examine Network requests during the page load process and see how long items took to fetch, as well as what items loaded before the page started rendering. Take screenshots of your experiments. Resize/reformat, if necessary, your images so they are each less than 500KB. Then write a one page essay in the file essay.txt on what you observed. Include all of these files in your Hw1.zip file. Finally, pick one of these websites and request just the landing page by manually using openssl, recording the transcript of the session to transcript.txt, also including this in your Hw1.zip file.
3. For the last part of the homework, I would like you to make a Choose Your Own Adventure website written using only modern HTML (no Javascript and no server side scripts) consisting of at least three pages. The themes of your adventure should be dogs, homework, food, and their connections. Here are the minimal requirements for your website:
   1. Each page of your site should use a <link> tag to specify a favicon. You should include this icon in your Hw1.zip folder.
   2. Each page of your site should have at least two <a> tags to two other HTML 5/Living Standard validating pages in your site. The href attributes in these tags should use relative paths so it doesn't matter what folder your page is served from.
   3. Each page should have at least one <img> tag that correctly loads a png image that you include in your Hw1.zip folder. The src attribute of this tag should use a relative path.
   4. Each page should at least once constructively use the following tags: <ul>, <table>, <span>. You can use the span tag for example to give a tooltip for some item on the page.

   [You decide you like writing interactive fiction and check out Twine]

   [You decide to relax instead and reload the current page]