|
This page
is meant to help you publish your web page, using the graphics
you have created with this tutorial.
 |
Click
here to see a sample page using the html code provided
(page will open in a new window) |
|
|
Click
here to download the zip file containing the text
document of the html code for your web page. |
Below is the html code which you have
downloaded above.
YOU MAY COPY AND PASTE THE CODE BELOW
ONLY IF YOU PASTE IT INTO NOTEPAD
AND NO OTHER TEXT EDITOR.
(It is very important that you open the
downloaded file with
Notepad, since other text programs will add coding to your
document.)
In the following code, I have indicated those
areas you need to change by using a bold, red font. They
are as follows:
1.
My Web Page
(Replace this with the title you'd like to show up in the
browser title bar. For this page, my title shows:
"Cathy's Corner - Web Set Tutorial (Info Page)",
without the quotes.)
2. ADD
TEXT HERE
(Replace this with whatever text
you'd like to put on your page. There are several places
to add text; each separated by a divider bar.)
3. url_for_my_last_page
(Replace this with the address
for the page you'd like a person to go to when they click on the
graphic labeled "back".)
4.
url_for_my_home_page
(Replace this with the address
for your home page. For example, I would change this to
read: http://www.cathyscorner2.com )
5. url_for_my_next_page
(Replace this with the address
for the page you'd like a person to go to when they click on the
graphic labeled "next".)
6. my_email_address
(Replace this with your email
address. For example, I would change this to read:
csavol@adelphia.net )
7. url_for_my_links_page
(Replace this with the address
for the page you'd like a person to go to when they click on the
graphic labeled "links".)
8.
url_for_my_guestbook
(Replace this with the address
for your guestbook.)
9. If you
have two different urls for your guestbook (one to sign and one
to view), replace the following code:
<p align="center"><a href="url_for_my_guestbook"><img
border="0" src="guestbook.jpg"
width="250"
height="125"></a></p>
and replace it with these two lines, inserting the correct urls
in place of the red text:
<p align="center"><a href="url_to_view_my_guestbook"><img
border="0" src="view.jpg"
width="125"
height="125"></a></p>
<p align="center"><a href="url_to_sign_my_guestbook"><img
border="0" src="sign.jpg"
width="125"
height="125"></a></p>
**************************************************
If
there are any graphics you do not wish to use on
your page, find the line which contains that graphic.
Delete the code which includes the image,
starting with <p and deleting through </p>
(For example, if you wish to delete one of the dividers
you would delete the following code:
<p
align="center"><img border="0" src="divider.jpg"
width="450" height="100"></p>
**************************************************
<html>
<head>
<title>My Web Page</title>
</head>
<body marginwidth="0" marginheight="0"
leftmargin="0" topmargin="0"
background="background.jpg" bgcolor="#000000">
<p align="center"> </p>
<div align="center">
<center>
<table border="0" width="600" cellspacing="0"
cellpadding="0" bgcolor="#000000"
background="middle.jpg">
<tr>
<td width="100%">
<p align="center"><font
face="Verdana"><img border="0" src="top.jpg"
align="center" width="650"
height="200"><br>
</font></p>
<div align="center">
<center>
<table border="0" width="550" cellspacing="0"
cellpadding="0">
<tr>
<td width="100%">
<p align="center"><img border="0"
src="welcome.jpg" width="300"
height="100"></p>
<p align="center"><font
face="Verdana" color="#B04A81">ADD
TEXT
HERE</font></p>
<p align="center"><img border="0"
src="divider.jpg" width="450"
height="100"></p>
<p align="center"><font
face="Verdana" color="#B04A81">ADD
TEXT
HERE</font></p>
<p align="center"><img border="0"
src="divider.jpg" width="450"
height="100"></p>
<p align="center"><font
face="Verdana" color="#B04A81">ADD
TEXT
HERE</font></p>
<p align="center"><img border="0"
src="divider.jpg" width="450"
height="100"></p>
<p align="center"><font
face="Verdana" color="#B04A81">ADD
TEXT
HERE</font></p>
<p align="center"><a href="url_for_my_last_page"><img
border="0" src="back.jpg"
width="150" height="60"></a>
<a
href="url_for_my_home_page"><img
border="0" src="home.jpg"
width="150" height="60"></a><a
href="url_for_my_next_page"><img
border="0" src="next.jpg"
width="150"
height="60"></a></p>
<p align="center"><a href="mailto:my_email_address"><img
border="0" src="email.jpg"
width="150" height="60"></a><a
href="url_for_my_links_page"><img
border="0" src="links.jpg"
width="150"
height="60"></a></p>
<p align="center"> </p>
<p align="center"><img border="0"
src="blank.jpg" width="150"
height="60"></p>
<p align="center"> </p>
<p align="center"><img border="0"
src="bullet.jpg" width="50"
height="50"><img border="0" src="bullet.jpg"
width="50" height="50"><img
border="0" src="bullet.jpg"
width="50" height="50"><img
border="0" src="bullet.jpg"
width="50" height="50"><img
border="0" src="bullet.jpg"
width="50" height="50"></p>
<p align="center"><img border="0"
src="divider.jpg" width="450"
height="100"></p>
<p align="center"><a href="url_for_my_guestbook"><img
border="0" src="guestbook.jpg"
width="250"
height="125"></a></p>
<p align="center"> </p>
<p align="center"><img border="0"
src="divider.jpg" width="450"
height="100"></p>
</center>
</center>
<p align="left"> </p>
<p align="left"> </p>
<center>
</center>
</td>
</tr>
</table>
</div>
<p align="center"><font
face="Verdana"><img border="0" src="bottom.jpg"
width="650"
height="200"></font></p>
</td>
</tr>
</table>
</div>
</body>
</html>
**************************************************
I hope you enjoyed this tutorial.
If you found it helpful and used it to publish a web page,
I would love to visit!
Please send me the address and I'll stop by!
Email
Cathy
Page
1 - making the background
Page
2 - making the top/bottom/side graphics
Page
3 - making the welcome graphic
Page
4 - making the navigation buttons
Page
5 - making the guestbook graphics
Page
6 - making the dividers and bullets
Page
7 - putting it all together (you are here)
|
