Developing Web Pages for Education

Introduction

• Discussion of how participants are currently using the Web.

Creating Web Pages

A useful technique to learn about HTML is to look at the source code of a page using Page Source under the View menu.

To edit any of the following files, right click on the link and choose 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.

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

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

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.