HTML Midterm Rubric

Course Information

Student Name: Wilhelmina "Willow" Poortenga

Note: At GRCC my preferred name in their system was Willow Poortenga

Semester: Fall 2025

College: Grand Rapids Community College

Professor: Jacob Pollak

Class Name: CIS 148 HTML Essentials

Class Code: CIS148.2177.F25

Rubric Content

As part of your ongoing midterm project, this week's task involves the foundational aspects of the HTML document:

Create an HTML Document:

Start by creating a new folder to hold your site project. Name this folder "midterm".
Confirm that you named the folder exactly as specified.
Next create a new folder inside of the "midterm" folder to hold this week's iteration. Name this folder "midterm_v1".
Confirm that you named the folder exactly as specified.
Next, create the HTML document that will be the homepage for your site.
Save this file with the filename of "index.html". Save it inside the "midterm_v1" folder.
Confirm that the filename is all lowercase and spelled exactly as specified.
Confirm that you know where on your hard drive that you have saved the folders and this file.

Write Basic HTML Structure:

Begin your HTML document with the absolute basic structure. This includes tags for: doctype, html, head, title, and body.
Confirm that for every opening tag, there is a closing tag.

Add Basic Structural Tags:

Within the <body> of your document, you will need to include the following structural elements:

A <header> element at the beginning. Inside the <header>, nest a <h1> tag for your main heading and a <nav> tag for navigation (we will build the actual navigation later). Use "Main Title/Heading" for the h1's content, and "Navigation Menu" for the nav's content.
A <main> tag following the <header>. This will contain the primary content of your webpage.
A <footer> element at the end of your document to include footer content. Use "Footer Information" for the footer's content.

Add Content Sections:

Within the <main> section of your document, add two <sections>. These will serve as areas to place different sections of your content. Note: your final page may have as little as one section, or many sections - this will depend on your content.

Include Headings and Paragraphs:

In each of the <section>, insert an <h2> tag followed by a <p> (paragraph) tag. Use "Section #1 Title/Heading" for the first h2's content and then "Section #2 Title/Heading" for the second h2. Write whatever you'd like for the paragraphs.

Ensure Correct Formatting:

Pay close attention to the formatting of your HTML:

Ensure all tags are in the correct order and properly nested within each other.
Check that every opened tag is appropriately closed.

Validation:

After completing your HTML document, validate it using an HTML validator to check for any errors or omissions in your markup.

Upload the site:

Upload the "midterm" folder to the raider server. The "midterm" folder should have the "midterm_v1" folder inside it, which in turn contains the index.html file.
Confirm that the site is on the server by opening a browser and navigating to the index.html file.

Note: You do not need to submit this iteration. However, please note that I will periodically review the projects on the server to identify and address any potential issues. Also, you are encouraged to ask for help on Discord as needed.

Note: This website must use the Stylesheet that is provided in the "Midterm Project" link in the left-hand menu. The only modification allowed to the CSS is to resize images.