Scribd Logo
Upload

Welcome to Scribd!

  • HTML Project Worksheet

    Uploaded by

    Lele Rachel
    73 views5 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    73 views5 pages

    HTML Project Worksheet

    Uploaded by

    Lele Rachel

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 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