Developing Web Pages for Teaching

Introduction

• BCCE 1998 (3 days, and it was hot too!)
• Gary Howard Symposium 1998 (1/2 day)
• Hampton University 1999 (1 day)

Creating Web Pages

A useful technique to learn about HTML is to look at the source code of a page. In the browser's View menu select Source (IE) or Page Source (Netscape). Internet Explorer will open the source in Notepad (or another editor) and you can edit the file and save it to your local disk. If you have the full suite of Netscape tools, you can edit a file by right clicking on the link and choosing Open Link in Composer.

Basic Examples

• A simple HTML document.
• Examples of document structures including headers, lists, tables, and text formatting..

Examples with Images and Links

• Example of an inline image and a background.
• Example of a text and image hyperlinks.
• Example of a client-side imagemap.
• Example of a client-side imagemap with JavaScript.

Examples with Style Sheets

• A template document that uses styles.
• A template document that uses an external style sheet.

Frames and Interactive Web Pages

• A Simple Web Page with Two Frames (simplfrm.htm)
• Frames Containing Hyperlinks (linkfrm.htm)
• Interframe Control (interfrm.htm)

• A Form Demo
• List of Form Elements
• Using JavaScript and CGI (Perl scripts). Examples: http://www.chem.vt.edu/chem-ed/CHP/scripts/

HTML Information and Tools

NCSA Beginner's Guide to HTML - http://www.ncsa.uiuc.edu/General/Internet/WWW/

An introduction to HTML.

HTML Help by The Web Design Group - http://www.htmlhelp.com/

Design guide, FAQ, a good tutorial on Cascading Style Sheets, and a RGB color code page.

W3C's HTML Home Page - http://www.w3c.org/MarkUp/

The latest HTML specifications from the World Wide Web Consortium.

Web Style Sheets - http://www.w3.org/Style/

The World Wide Web Consortium's style sheet specifications and links to more information.

BUILDER.COM - Web authoring - Web development for 4.0 browsers - get started with cascading style sheets - http://builder.cnet.com/Authoring/CSS/index.html

A good tutorial on Cascading Style Sheets with a reference guide and Style-o-Matic.

HotWired: Webmonkey - http://www.hotwired.com/webmonkey/

References and examples on HTML, Cascading Style Sheets, and programming.

How to Set Up and Maintain a Web Site - http://waldo.wi.mit.edu/WWW/

Includes extensive examples and links to resources.

W3C HTML Validation Service - http://validator.w3.org/

Check the HTML code of a document by entering its URL on this page.

XReplace - http://www.vestris.com/

Great utility for global search and replace operations.

WS_FTP - http://www.ipswitch.com/

FTP (file-transfer protocol) program to get your HTML files to a web server (Download FTPPro).

LView - http://www.lview.com/

Graphics manipulation utility.