Objective
- Spend a little time writing HTML/CSS, and
- Get something deployed to the web.
Part 1: Explore HTML and CSS
- Read/Review textbook chapters 3, 5, 6, and 7.
- 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
- 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.
- Make a point of both
- Linking to an external stylesheet (e.g.,
<link rel="stylesheet"...
), and
- Including some rules in the
.html
document's head using
the <style>
tag.
- 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 a web page you created (either from the exercise above, or from your portfolio) to
the deployment server you intend to use for this course.
- If you are deploying static web pages only, you may use a very simple server such as
python -m http.server
or JavaScript's
http-server
.
- You may run your server on any port you choose (i.e., you can use port 80; but, you don't have to).
I will look over your submissions between 8:00 a.m. and 10:00 p.m. on Tuesday, 23 January.
Please be sure your deployment environment is up (or wakeable) during this time.
There is no need to keep your environment running (and, therefore, using limited credits)
outside of this window.
Submission
When you are ready to submit, simply email me the URL for your web page (including the port number, if necessary).
Updated Sunday, 12 January 2025, 7:21 PM