Scribd
Upload
166 views

HTML Project Worksheet

This document outlines the steps for an HTML project on creating a webpage about makeup tips and tricks. [1] The student chooses the topic of makeup and identifies their audience as people interested in makeup. [2] They create a storyboard to plan the content, layout, and design of the webpage, including a title, heading, paragraphs of text, lists, links, images, and color choices. [3] The student copies the provided HTML code and completes their webpage, then reflects on the challenges of the project and how understanding their audience and improving their storyboard could enhance their webpage.

Uploaded by

Lele Rachel
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
166 views

HTML Project Worksheet

This document outlines the steps for an HTML project on creating a webpage about makeup tips and tricks. [1] The student chooses the topic of makeup and identifies their audience as people interested in makeup. [2] They create a storyboard to plan the content, layout, and design of the webpage, including a title, heading, paragraphs of text, lists, links, images, and color choices. [3] The student copies the provided HTML code and completes their webpage, then reflects on the challenges of the project and how understanding their audience and improving their storyboard could enhance their webpage.

Uploaded by

Lele Rachel
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

HTML Project Worksheet

Part 1: Choose Your Topic


Select one of the options below. Your selection will be the focus of your web page's content.
Book or Movie Review​:
Think about a good movie you’ve seen or a good book you’ve read recently. Create a web page that tells your
audience about it from your point of view.
The best things about [​Color Theory for the Makeup Artist​] are:

● Mixing different colors for different skin colors


● Body painting with makeup
● Teaches you different lightings for different makeup styles

Part 2: Storyboard
1. Use the Storyboard Template.
2. Complete each section of the storyboard in order to plan the content, layout, and design of your web
page.
3. Save the changes you make to the Storyboard Template.

First, determine who your audience is and what your web page will be about.

Topic:
Makeup ‘

Audience:
All

Purpose:

For all girls and boys who love doing their makeup.

Next, plan out your web page.

Text for Title:


Makeup tricks and tips!!
Text for
Heading: Why are these makeup tricks and tips helpful?

Text for Body: Short paragraph (3-4 sentences)

I have a lot of new tips, and tricks to show you. We will focus on eyes, lips, contour, and
lashes. I will teach you how to contour correctly.

List Items: Three or more numbered list items:

● Item 1: Lashes

● Item 2: Contour Stick

● Item 3: Lip gloss

Links: Two related websites links:

● Link 1 text: https://www.youtube.com/watch?v=Cb9IZK8JcTg

● Link 2 text: https://www.glossier.com/products/lip-gloss

Images: Two related images:

Image 1​ (describe):

Image 2​ (describe):

Image Placement:
I would place both images near the links.
Color Choices: What background and text colors will be used:

Pink and Black

Describe the reason colors were chosen:

I picked pink for my background because I feel like pink is a pretty color in my
opinion and a picked black for text because I feel black will make the pink pop out
more.

Page Design: Font size and alignment of text for:

● Heading: ​Why are these makeup tricks and tips helpful? 


● Body:​ I​ have a lot of new tips, and tricks to show you. We will focus on eyes, lips, contour, and lashes. I 
will teach you how to contour correctly. 
● List:
● Item 1: Lashes 
● Item 2: Contour Stick 

● Item 3: Lip gloss 

Part 3: Web page


Select and copy the HTML code below into an editor.
Use the HTML code as a guide to complete your web page.
<html>
<head>
<title>Makeup tricks and tips!!</title>
</head>
<body>
<h1>Makeup!</h1>
<p>​I have a lot of new tips, and tricks to show you. ​</p>
<ol>
<li><strong>Makeup tricks and tips!!</strong></li>
<li><em> Lashes,Contour Stick, and Lip gloss </em></li>
<li style="color:pink and black;"> </li>
</ol>
<p><img src="Makeup.jpg" alt="Contour stick and lip gloss></p>
</body>
</html>
Once you have created your page,
copy and paste your HTML code from the Code View tab here:

<html>
<head>
<title>Makeup tricks and tips!!</title>
</head>
<body>
<h1>Makeup!</h1>
<p>​I have a lot of new tips, and tricks to show you. ​</p>
<ol>
<li><strong>Makeup tricks and tips!!</strong></li>
<li><em> Lashes,Contour Stick, and Lip gloss </em></li>
<li style="color:pink and black;"> </li>
</ol>
<p><img src="Makeup.jpg" alt="Contour stick and lip gloss></p>
</body>
</html>

Part 4: Write Your Reflection


Directions: In your own words, write two to three sentences to answer each of the reflection questions below:

1. What was the most challenging part of the HTML project?

The storyboard was the most challenging for me.

2. What parts of the project did you particularly like and/or dislike? Why?

Even though the storyboard was the most challenging for me, I still liked it because I love talking about
makeup.

3. Explain why it’s important to know your audience when designing a web page.

Knowing your audience will help you understand how you should design your web page.

4. What is one thing you would change to improve your finished web page, and why do you think it would
enhance your web page?
I would change my storyboard to improve it because I struggled with that the most.

Don't forget to save your HTML Project Worksheet.

You might also like