Website design -- Viewing HTML or Source Code

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".

    Students are asked to make a bookmark to view source code on their ipads. Follow the directions here.

    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 browse websites and find at least 5 that they think are well done and 5 that aren't well done.

    Students are to compose an email listing each of their best 5 and a sentence or two stating the reasons why the he or she believes the website is well made. In the same email students are to list 5 poorly made websites with a sentence or two stating the reasons why the he or she believes the website is poorly made.

    Send emails to: gkulzer@htwinsted.org.

    Copy the URL (Universal Resource Locator or Web Address) and paste it into an email labeled as "good" or "bad". To be clear, Mr kulzer should receive one email from each student with their list of 10 websites.

    An unfinished example can be found here.


    Evaluation:
    1 point for each site based on following directions and nicely written descriptions as to why the site is good or bad.

    10 points total




    Back to top