Copyright © 2003 University of Delaware. Permission to copy without fee all or part of this material is granted provided that the copies are not made or distributed for direct commercial advantage or profit and that the material duplicated is attributed to Information Technologies, University of Delaware. To copy otherwise or to republish requires specific permission and a fee.
Basic HTML 2
Now that you have mastered the basics of HTML, you might want to add some excitement to your Web pages using color and graphic backgrounds. You might also want to organize your information with more complex links, columns and tables, to collect information through use of a guestbook form, or include a clickable image.
To take this class, you must understand HTML basics and have experience using HTML tags, such as those for headings and paragraphs, to create simple Web documents.
Note: This tutorial is designed to be used at the Pearson Hall Training Center (Room 116) on PCs running Windows XP. The exercises may not work identically elsewhere.
Conventions used in this document
The following conventions are used throughout the exercises in this document:
Text you can replace
Text you type
All exercises are labeled as “Exercise” and are set off from the instructional text by horizontal rules.
Resources for learning more about the Web and HTML
There are many good online resources with information about preparing documents for the Web, including HTML tutorials, style guides, editors, and other tools. You can find them at http://www.udel.edu/ideacenter/.
Basic HTML 2
In this class, you will continue to prepare a document for the Web. When you complete the class, you should be able to do the following:
Download a document from the Web using the SSH Secure Shell File Transfer program.
Edit a previously created Web document to add
• links within your document
• hypergraphics (linked images)
• a background color
• a tiled-image background
• a link to a Cascading Style Sheet
• a table with a border
• a table caption
• table headings
• text in the table cells
Know how to include guestbook forms and clickable images in your Web pages.
Know how to maintain your Web pages.
Know how to redirect an outdated Web page to a new one.
Basic HTML 2
Quick review for creating an HTML page
In this class, you will add content to an existing HTML document. The general procedure for preparing any Web document is
1. Type text in an ASCII editor like NotePad (Windows), TextEdit (Macintosh), or vi or pico (UNIX), or in the word processor of your choice (e.g., Microsoft Word).
2. Save the file as a text file. (If you use a word processor, you must save your file as a text file before you can use it on the Web.)
3. Check that your text appears as you want it to by opening your browser and viewing the text. To do this,
A. Open the browser.
B. Under the “File” menu, select “Open File.”
C. Move to the directory where your file is located, select the name of the file you want to open, and click “Open.”
4. As you continue to create the document, check its appearance often. To do this,
A. Save the changes you’ve made.
B. From the appropriate menu or toolbar in your browser, click “Reload current page” to view the changes.
There is no need to close either the file you’re preparing or the browser as you proceed.
Note: To go back and forth between the editor and the browser, use the Taskbar at the bottom of the Windows XP screen. Click the name of the program you want to use.
Download an existing HTML page to edit
In the Basic HTML 1 class, you...