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.  If you already know some HTML, resist the urge to do anything fancy like change colors and fonts.

Note to Mac Users: before you begin, change from rich text to plain text.

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 Flash or Windows Media Format.
  4. Read and DO the How to Create a Web Page Using XHTML handout. At the end of the handout you will edit your HTML to create a web page about you like the example on the last page of the handout.
Useful references:

Submitting work

 

Grading - 50 points

Points Requirements
5 page loads without errors
5 there is only one head and one body
25

includes properly coded tags for

  • basics (html, head, body, title)
  • headings and paragraphs
  • image
  • list
  • links
5 image file uploaded, file name in code is correct
10 includes content (background, interests, links)