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
- View the introductory video: HTML
orientation (3 minutes) in Flash or Windows
Media Format.
- Skim the handout How
to Create a Web Page Using XHTML (pdf)
- View the video: HTML coding (15 minutes) in Flash or Windows Media Format.
- Read and DO the How to Create a Web Page Using XHTML handout.
Useful references:
Submitting work
- Submit myname.html and your image file (gif or jpg) to Blackboard. (Need instructions on how to submit files to Blackboard?)
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
|
| 5 | image file uploaded, file name in code is correct |
| 10 | includes content (background, interests, links) |