Objective

The main objectives of this homework are to:

• Spend a little time writing HTML/CSS, and
• Get something deployed to the web.

For this assignment, you will be submitting a web page that you (and only you) created. You may submit a page you have created outside this course, provided that it was written entirely by you (without the help of classmates, at team at work, etc.) You can submit this existing page simply by emailing me the URL where I can view it, provided the source is easily accessible. Be sure to follow the instructions for Part 1, even if you are submitting an existing page.

If you are creating a new web page, please follow this link to create a GitHub repository for this assignment: https://classroom.github.com/a/h7h3fRDy

Part 1: Explore HTML and CSS

1. Read/Review textbook chapters 3, 5, 6, and 7.
2. Set a timer and spend about 30 minutes exploring (i.e., "playing with") HTML. Make sure you understand the basics of HTML, including:
   • What the basic tags do
   • How to nest tags
   • div vs. span
   • How to create links
   • How to embed images
3. Set a timer and spend about 60 minutes exploring (i.e., "playing with") CSS. Make sure you understand the basics of CSS, including:
   • The basic syntax for setting properties on an element (font, color, etc.).
   • Using selectors (class, tag, and id)
   • The box model (borders, margin, padding)
   This website https://jsfiddle.net is a good "sandbox" for this type of exploration.
4. Make a point of both
   1. Linking to an external stylesheet (e.g., <link rel="stylesheet"...), and
   2. Including some rules in the .html document's head using the <style> tag.
5. If you have time left after becoming comfortable with the basics (of if you already know all the basics because you have extensive HTML and CSS experience), take some time to explore something new.
   • Visit the W3School's CSS page, Look at the "Advanced" section in the navigation bar, and try something new.
   • You may also want to try out the new CSS Grid layout.

Part 2: Deploy a web page

Deploy your web page (if necessary). You may either:

1. Use GitHub Pages to deploy the page in the repository you created above,
   • This page shows how to activate GitHub Pages for an individual repository. (Basically, go to the Settings for your repository, then choose a branch and a root directory.)
2. Use the deployment server you intend to use for this course
   • This page shows how to set up a static server using fly.io.
3. Spin up your own web server.

Some low-cost environments automatically put apps to sleep. Please be sure your deployment environment is up (or wakeable) during this time.

Submission

• If you are using the repository generated using GitHub classroom, include [Grade Me] in a commit message when you are ready for me to evaluate your submission.
• If you are deploying your page anywhere else, please email me the URL for your web page (including the port number, if necessary).

Updated Sunday, 23 February 2025, 2:39 PM