WTV-ZONE PAGE EDITOR GUIDE
(Primer)



The first thing you will see when you go to your Zone File Manager and click on "New File" (up top) is a pop up box to name the file (page). Name it whatever you like the page to be called in your url and add ".html" after the title. For example....for The Caverns page on The Rokpile, I used the file name: rokcaverns.html. Therefore, the url to that page looks like this:
http://wtv-zone.com/rokpile/rokcaverns.html

After you click on the continue button on on the pop up you will be taken to a page with the file editor on it. It will be a large plain box, and you will see the following in it:
--------------------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"><*HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#800000" ALINK="#FF00FF"> </BODY> </HTML>
------------------------------------------------------------------------

This is where you will put in your codes for the page. The first line with

<!DOCTYPE HTML PUBLIC....etc> you just leave alone. That is some "computereze protocol". Next you see <*HTML> That is just your customary *html* tag that must begin your document. The next tag is <HEAD>.This is your "Heading" tag...and is used much as the "Add Item Heading" in Pagbuilder would be. Next comes <*TITLE> Right after that tag you put in the title you want to show in the status bar...the "official title" of the page. You can make it as long as you like, and put in meta descriptons, and so forth, but only the first few words will actually show in the status bar. This title is "closed" or ended by </TITLE>, followed by the "closing" or ending tag </HEAD>

***Now here is how you might fill it in:***

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"><*HTML>
<HEAD></plaintext><font color="b22222"><plaintext><MISC. "HEAD" TAGS SUCH AS A LOGO FOR THE INFO KEY></plaintext> </font><br><plaintext> <*TITLE></plaintext><font color="b22222">[enter page title]</font><xmp></TITLE></xmp><font color="b22222"><plaintext><META TAGS HERE IF USING THEM...></plaintext></font><br><xmp> <*/HEAD></xmp><plaintext><*BODY BGCOLOR</plaintext><font color="b22222">="#color"</font><plaintext> TEXT</plaintext><font color="b22222">="#color"</font><plaintext>(the color you want your main text to be) LINK</plaintext><font color="b22222">="#color"</font> (the color you want the "links" to show on your page)<plaintext> VLINK</plaintext><font color="b22222">="#color"</font> (the color you want the "visited link" to turn after clicking)<plaintext> ALINK</plaintext><font color="b22222">="#color"></font></plaintext><br><br>NOTE: YOU NEED TO USE THE CARET OR BRACKET SYMBOL FOR ALL TAGS...NOT PARENTHESIS! <b><i>Also...<u>do not insert the * (asterik) in the tags</u></i></b>....they are placed there for this tutorial so you can see the tags only.<br><br>At this point your begin your codes..use center tags and font sizes or banners or whatever you wish for your title on the page, and continue with your document. Remember, you will need to use <plaintext><br></plaintext>for "next line" breaks...and <plaintext><p></plaintext> for paragraph or "two line" breaks. You cannot simply use the "return" button and have the space show. Also.... remember to have your carets touching or meeting <plaintext>><</plaintext> and have the coding "wrap" around in a continuous line or string, just as you would in a WebTV signature box.<br><br>When you have all you want on the page ready, you finish by closing any "center" or "font" or "table" tags you need to then: <xmp></BODY> </HTML></xmp> And there you have it! As you work with it, you will see that in fact it is much easier to use than the Pagebuilder. And you can check your work using the "preview" button at the bottom of the Edior as you go along, to see how you are doing (use back-key to return to the Edit box). Remember to hit "save document" when you are finished working.....even if your are not finished with the page.<br><br>The same principle will apply should you wish to create a "subdirectory" or even a whole new file, within a directory. When creating a directory, you select "new directory" at the top of the File Manager and name it whatever you like....only with the directory, you do <u>not</u> add a .html extension to the directory name. For example when I created a place to put some of my images that I beam into the Zone, I created a directory called "images", but did not put any .html extension on it. The url to that directory is <font color="0000FF">http://wtv-zone.com/rokpile</font>/<font color="b22222">images</font>. If someone were to type in that url, they would be able to see ALL the images I have in that directory! However, in fact, in the above case, if you type in that url, you will see a page....which is that directory's "index.html" page. It is a way to "secure" your directory from intruders, and is done by going into the File Manager, clicking on the image next to the directory name, going inside the directory, and creating a "new file" <u>within</u> the directory by clicking on "new file" at the top of the <u>directory's</u> page, and naming that new file "index.html." One would then be taken to an edit box, just as for a regular page, and the codes for the page would be put in just as explained above. The url for the new page inside the directory in this case will be <font color="0000FF">http://wtv-zone.com/rokpile</font>/<font color="b22222">images</font>/<font color="00ff00">index.html</font>,<br><br>So what are "subdirectories"? Essentiallly....it's the same idea as putting the "index.html" page inside the directory. We will be putting another directory <u>inside</u> a "main directory".<br><br>While inside the desired directory (i.e., in this case "images") click on "new directory" and name it without a file extension. In our example, the directory is "images", and we want to categorize the types of images in the directory. Let us say we have a collection of cat images we are trying to accumulate. Then the "subdirectory" (directory within the "images" directory) could be named "cats". Therefore if you wanted the url to a cat image in the subdirectory, the url would be <font color="0000FF">http://wtv-zone.com/rokpile</font>/<font color="b22222">images</font>/<font color="00ff00">cats</font>/<font color="cc33ff">kitty.gif</font>. A new subdirectory could be created for each category desired.<br><br>One can put either "files" (pages) or "directories" inside a directory. Whether creating a "new file" from the main File Manager page, or inside a directory, the basic principles are identical. Just remember that anything inside a directory....i.e. a "subdirectory"...will have to reference the directory it is in, as in the url for the cats subdirectory above. <br><br> Any questions or problems with this tutorial contact me <a href="mailto:fourthrok@webtv.net">here</a>, or contact Kari at the <a href="mailto:help@wtv-zone.com">Help Zone</a>, or you can post your questions at the <a href="http://community.wtv-zone.org">WTV-Zone Member Forum</a> (NOTE: You'll have to register at the forum to post, but you can read posts without doing so) <br><br><br><br><br><hr width="90%"><br><center><font size="1">"WTV-Zone Page Editor Guide" 2004 by Angel Tyre, all rights reserved.</font></center> </BODY> </HTML>