IN112 HTML

Week 4 - Lesson
HTML Web Hosts and Linking Files

Reading:

  • Review Chapter 4 A Trip to Webville: getting connected
  • Review Chapter 5 Adding images to your pages: meeting the media
  • Chapter 6 Standards, compliance, and all that jazz: serious HTML

In-Class Exercise

You will create a Web page as a team effort.  After creating the Web page, you will present the Web page to the class.  (ex 10 Points)

Team Rules:

  1. You will use only one computer for the exercise.
  2. Each team member will pick which elements they will add to the Web page.
  3. Each team member will take turns sitting at the computer and adding the elements.
  4. Other team members can offer advice but can not enter the Web page elements for the team member.
  5. The team will try to distribute the work-load evenly.
  6. One of the team members will present the Web page to the class.

The only direction for the Web page is to use TextPad and include at least one or more of the following tags, folders and elements:

  1. Basic Web page elements including <title> tags and DOCTYPE
  2. images folder
  3. A graphic will be added to the Web page from the images folder
  4. paragraph tags
  5. unordered list (at least 4 items)
  6. ordered list (at least 4 items)
  7. h1 and h2 tags
  8. line break
  9. bold text
  10. link to an external Web page
  11. An link to an external Web page using an graphic as the link.
  12. Display the special > character.
  13. Include style rule for the background color.
  14. Include style rule for margin-left of 20%.
  15. Include style rule for the font family of sans-serif.
  16. Add team member’s names as comments
  17. Save the file as TeamX_Week4.htm

Exercises/Homework: Due before the start of class

  1. (50 Points) Complete the Quiz for Week 4
  2. (50 Points) Click on this homework files link and save to your computer. Right-click on the starbuzz_homework.ZIP file and unzip the starbuzz folder. Make the following changes:
  3. Complete the changes to the index.html file starting on page 144 of your textbook to page 158 of your textbook. Include the target_blank addition to the link described on page 158.

    Also add one of the following document types (which is the best choice?) to the top of your index.html document. (above the HTML tag) Validate your web page. Did it validate? Why or why not?

    For XHTML strict :
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    For XHTML transitional :
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    For XHTML frameset :
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

  4. Zip the file and save the file as firstInitial_lastName_ch04linking.zip. (e.g.: b_ray_ch04linking.zip). Need help on zipping files?

Quick Notes:

Ghosts in the System: For extra credit, please report any broken links, errors or omissions in the course.