Website design -- Introduction to HTML

General Technology Description/Standards

  • 1. Demonstrate knowledge of Printing and Print processes.
  • 1a. Understand how to make a rubber or foam stamp and print multiple copies.
  • 1a. Understand how to make a woodcut and print multiple copies.
  • 1b. Understand and make a two colored woodcut or Linoleum print.
  • 1c. Understand and make silk screen prints.
  • 1d. Understand Offset printing.

  • 2. Demonstrate knowledge and skills in Electronic Publishing and Website design.
  • 2a. Understand and use HTML code to create a basic website.
  • 2b. Learn and use Adobe Illustrator to create and edit images for a website
  • 2c. Learn and use Adobe Photoshop to produce graphics for a website
  • 2d. Learn and use advanced Web coding techniques including CSS, PHP and Javascript
  • 2e. Upload and publish a website

  • 3. Demonstrate knowledge and skills in robotics programming.
  • 3a. Follow instructions to build multiple robots out of Lego.
  • 3b. Program robots to do specific tasks.
  • 3c. Design and create original robots and program them.

  • 4. Demonstrate knowledge and skills of injection molding.
  • 4a. Properly prepare molds and parts for injection molding.
  • 4b. Reproduce objects using an injection mold machine.
  • 4c. Create original molds for injection molded reproductions.

  • 4. Understand 3-D CAD and sculpting software
  • 4a. Understand the vocabulary of 3-D software and printing.
  • 4b. Understand and use CAD software to create virtual 3-D objects.
  • 4c. Understand and use sculpting software to create virtual 3-D sculptures.
  • 4d. Understand and use an SLA 3-D printer to make computer generated virtual objects real.

  • 5. Understand and use metal fabrication machines.
  • 5a. Understand software to create pieces for Plasma cutting..
  • 5b. Use PlasmaCam to cut parts to be welded into a 3-d object.
  • 5c. Use Metal Lathe to create prototype parts.
  • 5c. Use Arc, Wirefeed and Gas welders.

  • 6. Demonstrate knowledge and skills in wood working.
  • 6a. Understand safety precautions for wood tools and equipment.
  • 6b. Safely and Accurately make wood projects.

    • HTML

    Hyper Text Markup Language

    First we'll examine some websites and their underlying HTML code. HTML is kind of like a programming or scripting language. There are parts of the code that tell the computer what to do and parts that the viewers actually see. Much learning can be accomplished by studying the underlying code behind existing websites.

    Students are shown how to view source code of a website in their browser on a PC or Mac.
    In Chrome, Select "View" > "Developer" > "View Source".



    When viewing the source code for a website, you will see a bunch of text with little wickets like this: < > What you were looking at is the HTML code for the website you were browsing.

    The teacher goes through some websites showing the HTML and what some of the "Tags" mean/do.

    Next, students open Notepad on their PC's or Text Edit on their Macs. The teacher shows them how to write a small bit of code, save it as HTML, and open it in their browser. (example here).

    Students are to follow along, typing HTML with the teacher as we modify the website.

    Tags used are:
  • html
  • title
  • body
  • headline (h1-h5)
  • line item (li)
  • italics
  • div tag
  • horizontal rule


    • Students are to make a list of 10 names and fictitious phone numbers, save it as 01 html and show the teacher in the browser on their computer.

    Evaluation:
    1 point each based on following directions and correctly using HTML to format the page.

    10 points total




    Back to top