Example Page 7

 

In this example we are going to create our guestbook where users can make comments and ask questions. Note however, that this page will only be the front end of your guestbook, in other words you will be able to enter information but not be able to save it. To be able to do that you need a CGI script which is not part of this tutorial. There are however plenty of web sites on the internet where you can register a guestbook which will allow you to customize it to your needs and which already have all the functionality you need to make your guestbook work. Check out my links page for a guestbook web page, just remember to change the link on your guestbook menu option. Create a new document guestbk.html with the following code and save it in the same directory with the rest of your personal homepage files. This example includes a user name, e-mail, URL and comment box. Don't forget to create the page with the same look and feel as your current pages.

<HTML>
<HEAD>
<TITLE>The Green Tentacle Homepage</TITLE>
</HEAD>
<BODY BACKGROUND="bricks.jpg">
<P ALIGN="center">
<FONT FACE="Times New Roman" SIZE="5" COLOR="#008000">Sign my Guestbook</FONT></P>
<P ALIGN="center"><FONT FACE="Times New Roman" SIZE="3" COLOR="#80FF80">Have some words of wisdom to share with me? Go ahead speak you mind, I just love comments</FONT></P>
<FORM METHOD="POST" ACTION="--CGI CALL--">
<P ALIGN="center">
<FONT COLOR="#008000" SIZE="4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Name: <INPUT TYPE="text" NAME="username" SIZE="34"></FONT></P>
<P ALIGN="center">
<FONT COLOR="#008000" SIZE="4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;e-mail: <INPUT TYPE="text" NAME="email" SIZE="34"></FONT></P>
<P ALIGN="center">
<FONT COLOR="#008000" SIZE="4">URL address: <INPUT TYPE="text" NAME="url" SIZE="34"></FONT></P>
<P ALIGN="center">
<FONT COLOR="#008000" SIZE="4">Comment:</FONT><BR>
<TEXTAREA ROWS="6" NAME="comment" COLS="49"></TEXTAREA>
<P ALIGN="center">
<INPUT TYPE="submit" VALUE="Submit" NAME="enter">
<INPUT TYPE="reset" VALUE="Reset" NAME="clear"></P>
</FORM>
<P ALIGN="center">
<IMG SRC="fire.gif" WIDTH="30" HEIGHT="52"><BR>
<IMG SRC="torch.gif" WIDTH="50" HEIGHT="82"></P>
</BODY>
</HTML>
screen.gif (1270 bytes) Click here to see what the output of the above code would look like. To come back to this page when you've finished looking at the result, close the new window it opened in.

 

[Return to Tutorial]

Introduction | Basic Tags | More HTML Tags | List Tags | Adding Graphics | Creating Links | Adding Forms | Adding Tables
Creating Frames | Multimedia | Uploading Files | Downloads | Questions & Answers | Useful Links | e-mail Me
 
Example Page 1 | Example Page 2 | Example Page 3 | Example Page 4 | Example Page 5 | Example Page 6
Example Page 7 | Example Page 8 | Example Page 9 | Example Page 10
 
Color Chart | HTML Tester
bar.gif (1848 bytes)
Copyright1999 - 2000 Green Tentacle. All rights reserved. This tutorial is protected by SA and international copyright laws.
Hosted by www.Geocities.ws

1