|
Within-Reason Tutorial- .shtml
Shtml is so easy, and yet so effiecient. Shtml is like frames
within the html code. You have the top of the page, such as
links, a menubar, or links. Save all the text in the top of
the page as "top.html". Then we come to the content
of the page. This should be called whatever the page is called.
Such as, you have a page with links, you call the page "links.html".
Then you have the bottom of the page. This closes all html tags.
Save this last page "bottom.html". Now combine all
the code from these pages together and you get the complete
page. Well, obviously you are not done! One more simple step.
You need to add the shtml code, and bring them all together
using shtml.
Shtml syntax. You would think it would be hard and complicated
to put it all together.
<!--#include virtual="top.html"-->
<!--#include virtual="links.html"-->
<!--#include virtual="bottom.html"-->
You would save this page as "links.shtml"
It will stack the code and put it all together.
Here is a sample...
<html>
<title>Shtml sample :: Links </title>
<body bgcolor="#ffffff">
<table width="500" border="0"
<tr>
<td>Header Links</td>
<td><a href="http://www.within-reason.com"
target="_blank">Within-Reason.com</a></tr>
<tr>
<td> ... now save this as "top.html"
There is the top of the page... now we have the content in the
middle.
<a href="http://www.designsbymark.com" target="_blank">Design's
By
Mark</a>
-Great Photoshop Tutorial's Overall good webdesign
Page.<br>
<a href="http://www.screamdesign.com/" target="_blank">Scream
Design</a>
-Also a good site for photoshop tutorial's<br>
<a href="http://www.computerarts.co.uk/tutorials/2d/"
target="_blank">Computer
Arts</a>
-Very good tutorial's for photoshop and other's<br>
<a href="http://www.russellbrown.com/body.html"
target="_blank">Russel
Brown</a> -Good photoshop tips
This middle part would be saved as "links.html"
Now we come to the end. This part closes all the HTML Tags used
above. And add copywrite or closing statements.
</td></tr>
</table>
<p align="center">Copywrite 2001 Shtml Tutorial</p>
</body>
</html>
Now save this part as "bottom.html"
There we have it. Your first Shtml page. not very hard was it.
This was a simple example but you can include as many files
as you want. Shtml can save a lot of time and energy. More advanced
example to come.
|