Instruction

Web Mastering - Sample Instructional Projects

Sample Lesson

Explain FONT SIZE - Give an example

Explain FONT COLOR - Give an example

Explain Hexadecimal - Give examples

ASSIGNMENT:  Complete the following assignment in a text editor, such as Notepad

  1.   Start a text editor - Save your file as "your initials assign1.html"
  2.   Type the following paragraph:

    Fruit & Flowers, Inc.
    <P>No Garden? No Problem!
    <P>Our special, patented fertilizer lets you grow lush flowers and healthy fruit INDOORS!
    <P>Grow beautiful, exotic flowers and impress your friends!
    <BR>Grow your own fruit and save on your grocery bills!
    <P>Our fruit selections include:
    <BR>Popular berries such as strawberries, raspberries, and blueberries.
    <BR>Exotic fruits such as mangos, papayas, and kiwis.
    <P>Our flower selection includes:
    <BR>Seasonal plants such as poinsettias, holly, and mistletoe.
    <BR>Tropical flowers such as orchids, birds of paradise and yellow jasmine.

  3. Check the document for grammar and spelling.  Do not format the text in the document.  You must use HTML tags.
  4. Include the <HTML> tag.
    A. Type <HTML> before all the text in the document.
    B.  Type </HTML> after all the text in the document.
  5. Include the <HEAD> tag.
    A.  Type <HEAD> directly below the <HTML> tag.
    B.  Press ENTER twice. 
    C.  Type the </HEAD>.
  6. Include the <TITLE> tag.
    A. Type the <TITLE> tag directly below the <HEAD> tag.
    B. Type the title of the web page "Fruit and Flowers, Inc."
    C.  Type the </TITLE> tag.
  7. Include the <BODY> tag.
    A.  Type <BODY> directly below the </HEAD> tag.
    B.  Type </BODY> directly above the </HTML> tag.
  8. View the document in a browser.
  9. Start a new paragraph - type a paragraph tag in front of each paragraph.
  10. Type a line break in front of each phrase you want to appear on its own line (See the marks above for each new break location)
  11. View the document in a browser - Make corrections if needed.
  12. Make the title a Heading 1 using the <HEADING> tag.  Center the Title using the <CENTER> tag.  Create a Horizontal Line under the Title.
  13. Change the Font Color of the title to red and increase the Font Size to the largest setting.
  14. Change the Background Color to any appropriate color.
  15. Save and view in your browser!  Check for appearance!

The Technology Applications CED is committed to showcasing Texas educators but we need your submissions. Please share with other Texas educators what you and your students are doing. More ideas, activities, and samples of student work are needed. Submit your resources here