web


Introduction

HTML is the coding behind a Web page.  You can see the code for a page by selecting View -> Code or View -> Source in your browser.  Even though Dreamweaver generates HTML code for you, it is helpful to understand HTML.  Dreamweaver is great at generating clean code, but sometimes you need to look at the code to troubleshoot.

HTML has evolved to XHTML, which is similar to HTML, but with stricter rules.  With HTML, for example, all tag element and attribute names are lowercase. 

In this assignment, you will use Notepad or TextEdit to code a simple Web page that includes a page title, headings, links, email links, lists, images, and more. 

Note to Mac Users: before you begin, change from rich text to plain text using the Format menu in TextEdit.

What to Do

  1. View the introductory video:  HTML orientation (3 minutes) in Flash or Windows Media Format.
  2. Skim the handout How to Create a Web Page Using XHTML (pdf)
  3. View the video:  HTML coding (15 minutes) in Windows Media Format (3.6 MB) or Flash (7.9 MB).
  4. Read and DO the How to Create a Web Page Using XHTML handout. 
Useful references:

Submitting work

Grading - 50 points

Points Requirements
10 page loads without errors
30

includes properly coded tags for

  • basics (html, head, body, title)
  • headings and paragraphs
  • image
  • list
  • links
  • email link
10 content is completed  (can be brief)