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"> Name:
<INPUT TYPE="text" NAME="username"
SIZE="34"></FONT></P>
- <P ALIGN="center">
- <FONT COLOR="#008000" SIZE="4"> 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>
 |
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]
-
-
- Copyright � 1999 - 2000 Green Tentacle. All rights reserved. This tutorial is protected by SA and international copyright laws.