RIS 2006 Lab 12

Lab 12: WWW Technology II

Up to now you have seen how to:

Create a local site using Dreamweaver
Create/Edit web pages
- Create an Index page
- Link to other pages
- Transfer files between PC/Mac and Remote Server
- Manage a web site
- Add Head Content

In Lab 2 on WWWI we saw that web pages consist of two main sections, a Head and a Body. Most of what you do goes into the body of the web page. The head of the web page includes the page Title that appears at the top of the browser in the title bar, as well as information that is not visible in the browser window. These are known as Meta Tags that include such items as Keywords and Descriptions. A meta tag is a head element that records information about the current page, such as the character encoding, author, copyright, or keywords. Titles, keywords and descriptions are used by search engines to find web pages based on user defined searches.

Example:

<HEAD>

<title>All About RIS Students</title>
<meta name="author" content="Jane Doe">
<meta name="keywords" content="RIS, students">
<meta name="description" content="This web page shows the sites developed by students in RIS 2006.">
<meta http-equiv="refresh" content="1; URL = http://aries.ento.vt.edu/ris/2006/students.html">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</HEAD>

In Dreamweaver, you will find the Head options under the Insert menu.

What else can you do?

Interactivity

Adding interactivity means getting and processing information from those who visit your web page.

How?

HTML Forms & CGI Programs
Forms & Servlets (Servlets are a Java alternative to CGIs)
JavaScript (Proprietary extensions to HTML, client-side)
Applets (little applications downloaded from the server)

NOTE: The use of forms on your web site may require a high level of web programming and the help of the server manager.

Other Useful Pieces of Code

Inserting Assets

You can spice up your web page by inserting assets such as dynamic images, colors, media elements such as movies, audio, and downloadable files pdf, MSWord, and PowerPoint formats.

In Dreamweaver, you can collect and manage assets using the Assets Panel. From the list of assets, you can select those that you would like to add to your web page. Check these out! Image maps, Movies, Audio, and PowerPoint presentation on a web page.

Goal & Assignment

Goal: To add dynamic/interactive elements and media to your web site.

Insert a Form Object
- Create a "Goto" popdown menu (DreamWeaver calls this a "jump menu"). It would look something like this:
Add a Rollover Image,Flash Button, and Flash Text (example)
Create an Image Map (How to)
Add at least one of the pieces of code discussed in the lab, except the code for Date Last Modified, because you can already add a Date Stamp on your Index page using the Dreamweaver function..

Complete as much of this assignment before leaving.