HOW TO CREATE YOUR ATPoBtVS
HTML SEARCHABLE ARCHIVE:
Step-by-Step for Non-Geeks
 
return to the main page

Step 1: Create a text version of your archive.
Step 2: Index your archive.
Step 3: Open Notepad or another generic text-only application.
Step 4: Insert and edit the HTML code for page setup and indexing.
Step 5: Insert the HTML code for the page's layout.
Step 6: Insert and edit the HTML code for the page title and information.
Step 7: Insert and edit the HTML code for a link.
Step 8: Insert and edit the HTML code for the archive itself.
   - a. Insert and edit the HTML code to the first posting in the thread.
   - b. Change HTML code if a post has only one paragraph.
   - c. Attach a "new subject title" line to a post.
   - c. Add more paragraphs for longer posts in a thread.
   - d. Insert the HTML code to change colors for alternating paragraph.
   - e. Add the rest of the posts in the thread, continuing with HTML code.
Step 9: Insert the HTML code for the page conclusion.
Step 10: Save your file as an "htm" file.
Step 11: Test your file in a browser.
Step 12: Email your file as an attachment.
Step 13: Notify Masquerade that the archive has been transferred.
Step 14: Treat yourself to chocolate as a reward!
 

Note: black typeface indicates directions, steps, or notes. A blue typeface line is HTML code, and the red typeface designates words that you'll be replacing with information from your own edited thread.      - Solitude1056

STEP 1: Create a text version of your archive
Create your archive in text format. You can use whatever format you like - MS Word, WordPerfect, or just Notepad. This way you’ll have all the information you need, and can correct or edit it now before you add in the HTML code. The all-capital letter phrases are where you’d put the information from your thread. When you’re done, it should look something like the following (but your insertions shouldn't be in all capitals - that's done here just to draw your attention to where to insert your information).

Title: TITLE OF FIRST POST IN THREAD
Date: DATE OF FIRST POST, IN MONTH DD, YYYY FORMAT*
Editor: IF DIFFERENT FROM PERSON WHO STARTED THE THREAD

The date format (for the sake of non-Americans who put the month/date in different order) should be the month’s name, the numeral day, and the year in four digits. Use the three-letter abbreviation for the month. For instance, instead of writing 05/15/01, write May 15 2001. Once you’ve done the heading, skip a line and start listing the conversations in the thread. Try to end up with text arranged something like the following. This will make adding the HTML code easier.

Post #1: AUTHOR OF POST
NEW SUBJECT, IF CHANGED
PARAGRAPH #1 OF POST
PARAGRAPH #2 OF POST
PARAGRAPH #3 OF POST
Post #2: AUTHOR OF POST
NEW SUBJECT, IF CHANGED
PARAGRAPH #1 OF POST
PARAGRAPH #2 OF POST
PARAGRAPH #3 OF POST
And so on to the end of the thread. (The example shows three paragraphs per post, but there may be more or less. This is just an example - you do not have to force your post into only three paragraphs!) Bear in mind while you edit that this is intended for archives. You may prefer to edit out any shorter off-topic comments, or you may choose to keep them. While there’s plenty of space right now, there may not always be, so judicious editing for length is always a good idea. In some cases you may have several posts from one person in a row. You may choose to edit these posts into a single posting, and designate the different responses by including text such as “In response to...” or “getting back to the original post” to alert readers of the direction of conversation or the main recipient of the poster’s response.

return to list of steps

STEP 2: Index your archive.
The next step is to index your thread. Using Masquerade’s handy cross-referencing pages as a starter point, make an list of all keywords you can find in the thread. (Don't number the list.) These should also include the date in the same format as noted above, as well as any episodes, characters, or philosophical/ psychological theories or arguments. Include board-common shorthand such as “ATLtS” or “ATLtR” but only if you’re also spelling them out for those later searchers who may not know what ATLtS means, etc.

Edit out any repetitive words such as “the” whenever possible, which means listing “The Gift” as “Gift.” Include shorthand versions of the titles as well, such as “IWMTLY” or “IWRY.” Since it’s hard to guess how someone may search the archives later, doing a thorough indexing now will save later readers the hassle of trying to figure out whether your thread contains the full-name version of the episodes referenced, or just the short-hand ones. Include the names of all posters in the thread in the keyword list. Don’t include the editor’s name, if not one of the posters, since this is just for keeping straight who did what if there’s confusion about code or text. Once you’ve got all that in place, you’re ready to start adding the html code. If you’ve prepared carefully, this part is actually pretty straightforward.

STEP 3: Open Notepad or another generic text-only application.
Start by opening Notepad, or any other generic basic text-only processing program. If you use higher versions of MS Word, it will sometimes translate your code for you into a pseudo-browser page while you're in the middle of working on it, which can be really confusing when you’re new to HTML.

return to list of steps

STEP 4: Insert and edit the HTML code for page setup and indexing.
Copy the following HTML code into your open text window.

<head><title>
TITLE
</title>
<meta name="description" content="TITLE ">
<meta name="keywords" content="KEYWORD LIST">
</head>

On the second line, between <title> and </title>, insert the thread title. (The space for your title will have a limit of about 15 words, so you may want to edit the Thread Title if it’s longer. You can use the full title later, in the body of the page.) In the third line, insert your title thread again, inside the quotes. On the fourth line, insert your whole keyword list between the quotes, with commas between each phrase or word. (Don’t worry if it seems to take up a page - it won’t show up on the final product. It’s a little piece of code that exists just for the browser.)

For instance, let’s say your thread is called “Spike and His Magnificent Biceps”. The thread discusses Spike, Restless, being a Watcher, Dawn, and mugs that say “I love cross-referencing”, and Rufus, Rowan, Masq, and WiseWoman all participated in the thread. When you’ve added all that in, your text would now look like the following. (The colors are just so you can see what’s been added, and which is the HTML code.)

<head><title>
Spike and His Magnificent Biceps
</title>
<meta name=”description” content="Spike and His Magnificent Biceps">
<meta name=”keywords” content=”spike, restless, watcher, dawn, mugs, I love cross-referencing, rufus, rowan, wisewoman, masquerade, masq”>
</head>

Be aware that someone might search for the keyword of “cross” (as in "crucifix"). If you’d put in “cross referencing” without the dash, some search engines would bring up your page even though “cross” is part of a phrase keyword. There’s no need to stress too much about it, but it’s a good thing to keep in mind when setting up your keywords.

STEP 5: Insert the HTML code for the page's layout.
Copy the following HTML code into your text file, placing it at the bottom after the lines you’ve already completed. You won’t need to do anything to this code - just copy it into your file and place it after the code already in the file.

<body bgcolor="white" link="black" alink="blue" vlink="black">
<basefont face="Verdana", "arial" size ="3"><div align="left">
<table cellpadding="0" cellspacing="0" border="0" width="90%">
<tr> <td width="75% valign="top" align="left"><p><font size="4">

return to list of steps

STEP 6: Insert and edit the HTML code for the page title and information.
Now copy and paste the following section of code, which I’ll call the “Page Header.” This code contains parts that you’ll need to replace with information from your own edition.

TITLE
</font><br> <font size="2">
Date of first post: MONTH DAY YEAR
<br>
Editor:Editor (if different from author)
</p></td><td width="25%" valign="top" align="left">
<font size="2"><a href="http://ivyweb.com/btvs/board/">back to archive index</a><br>
<a href="http://home.4w.com/pages/btvs/index.html">back to ATPoBtVS</a><br>
<a href="http://www.voy.com/14567/">back to the posting board</a></p> </tr>
The three changes you’ll make in this section are to enter your thread’s title, the date of the first post, and your name as the editor (if you’re not the original author of the thread). If you had to edit the thread’s title to 15 words or less, this is where you enter the full thread title without worrying about space. Remember that you’ll also need to make sure that the date is in the correct format. So, going on our example thread, your code would look like the following, with red typeface indicating where you've entered the information for your specific archive.

<b><font size="4">
Spike and His Magnificent Biceps
</font><br> <font size="2">
Date of first post: June 21 2001
<br>
Editor: Solitude1056
</p></b> </td></tr>
If the editor is the same as the author, change the line to say “originating author” instead of “editor.” This is very easy - find the line, take out Editor, and put in Author. Our example thread would then have the following line instead.
Originating Author: Rufus

return to list of steps

STEP 7: Insert and edit the HTML code for a link.
Your archive may be a continuation a character analysis or a discussion of an essay on Masquerade's pages. Alternately, you may have images to illustrate your original post, and those images are saved at your own website or someone else's. Insert a summary statement between the beginning of the archive and after the page headers, using the following code. The included statement is an example.

<tr><td colspan="2"><font size="2">This is a <a href="http://www.URL.htm" target="_new">continuation</a> of a character analysis on Masq's ATPoBtVS pages.</p></td></tr>
The important code in that line is <a href="http://www.URL.htm" target="_new">. Replace http://www.URL.htm with the web address (URL) of your intended webpage. Replace the rest of the sentence with your summary, and select a keyword (noun) from your summary to be the link to your intended site. Place <a href="http://www.URL.htm" target="_new"> directly before your keyword, and </a> directly after it. For instance, if your Archive about Spike and His Magnificent Biceps relates to an essay on the flat-earth theory and morality, your summary link may look like the following.
<tr><td colspan="2"><font size="2">This thread is a discussion of an essay on the ATPoBtVS pages about morality and the flat-earth theory. To read it, click <a href="http://www.URL.htm"target="_new">here</a>.</p></td></tr>

return to list of steps

STEP 8: Insert and edit the HTML code for the archive itself.
The following 5 steps are all part of inserting the posts into the HTML code. Depending on the number of posts you have, and the number of paragraphs in each post, you may or may not use all of the following steps. Use the ones that seem applicable, and skip those that aren't. This first short section of code won't be repeated, but it needs to be put in before you start inserting the actual threads. Just copy it into your file, and keep going.

</table><table>

STEP 8: a. Insert and edit the HTML code to the first posting in the thread.
The next step is for the thread itself, and organizing your paragraphs beforehand will come in handy now. Copy the following HTML code into your document, after the previously entered lines.

<tr> <td width="15%" valign="top" align="left">
<font size="2"><p> <br><b>
AUTHOR NAME
</b></p> </td>
<td width="65%" valign="top" align="left">
<font size="2"><p> <br>
PARAGRAPH 1
</p><p>
PARAGRAPH 2
</p></font></td></tr>
This may look very difficult, but it’s not. Simply replace AUTHOR NAME with the name of the person posting. Then replace PARAGRAPH 1 with the first paragraph, and replace PARAGRAPH 2 with the person’s second paragraph.

STEP 8: b. Change HTML code if a post has only one paragraph.
If you only have one paragraph in the post, then delete the following two lines from the code you copied. (They’re lines 7 and 8 in the code you copied in step 7a.)

PARAGRAPH 1
</p><p>

STEP 8: c. Add more paragraphs for longer posts in a thread.
If you have more than two paragraphs in the post, then add the following lines between each paragraph.

</p><p>
When you get to the last paragraph, use the very last line in this step’s code. The important note to check is that the line above, </p>< p> is between every paragraph. Then the very last line, </p></font></td>< tr>, goes at the end of this section.

return to list of steps

STEP 8: d. Attach a "new subject title" line to a post.
If the poster changed the subject line in the thread to something else, then you’ll need to add a line in the code. Look at the first set of code given in step #6 - this is the same code but with two lines added in the middle of line 4.

<tr> <td width="15%" valign="top" align="left">
<font size="2"><p> <br><b>
AUTHOR NAME
</b><br><i>
NEW SUBJECT
</i></p> </td>
In case that’s all greek to you, the lines added are these:
<br><i>
NEW SUBJECT
</i>
So if the subject’s been changed on this post in the thread, add this line and replace NEW SUBJECT with the new message title. Add this code to any posting that has a new subject.

STEP 8: e. Insert the HTML code to change colors for alternating posts.
Now add the next posting. In this case we’re going to do basically the same thing as step 7a, but we’re going to change the colors. This will make the pages easier to read, but it does add just a little bit more to the process, in that you need to keep track of which post-ers have been “colored” and which haven’t, so you can keep the alternating pattern straight.

<tr> <td width="15%" valign="top" align="left">
<font size="2" color="blue"><p> <br><b>
AUTHOR NAME
</b></p> </td>
<td width="65%" valign="top" align="left">
<font size="2" color="blue"><p> <br>
PARAGRAPH 1
</p> <p>
PARAGRAPH 2
</p> </font></td></tr>
The actual change is in this single line of code, <font size="2" color="blue">. Adding color="blue" makes the line change to blue instead of black. If you’re checking your work later and notice the colors aren’t alternating properly, or a post isn’t one color all the way through, this is where to look in the code.

STEP 8: f. Add the rest of the posts in the thread, continuing with HTML code.
For odd-numbered posts, use the code from step 7a to make sure these posts will be black. For even-numbered posts, use the code from step 7e to make sure these posts will be blue. If you only have 2 posts in your thread, then go to step 8. If you have more than two posts, alternate between the sub-steps in step 7 until you’ve entered all the posts from your thread.

return to list of steps

STEP 9: Insert the HTML code for the page conclusion.
Complete the page by copying the following code into your text file, and making sure to put it at the very bottom of the page.

<tr> <td width="15%" valign="top" align="left">
<font size="2"><p> </p></td>
<td width="65%" valign="top" align="center"><p>---</p>
<p><b><font size="2"><i><b>~ end of thread ~</i></font></b></p>
</td></tr></table></div></body></html>

STEP 10: Save your file as an "htm" file.
Save your file, and manually type in the extension of “htm”. The protocol for naming a file is:

year month date # _ name . htm
For example, a file would be saved as 010515A_SO.htm, and if there's a second archive that started the same day, that file would be 010515B_SO.htm, the third would be 010515C_SO.htm, and so on.

return to list of steps

STEP 11: Test your file in a browser.
Test your file using your browser. You can do this by opening up Explorer, File Manager, or whatever else system you use, and opening the file. Your computer should read it as a “browser file” because of the .htm suffix. Or you can open a browser window, and manu-ally look through your files for the new file, and open it in the browser directly. I recom-mend saving the file to a folder that you can find easily (perhaps on your desktop, temporarily), and then opening that file, double-clicking on the icon or name. This should make the browser open automatically - if it doesn’t, or if a word processing program opens instead, then first make sure the file name has “HTM” after the period. If it doesn’t, open the file and resave it, this time typing in the full name including the HTM suffix. If it does have the proper suffix, try opening the browser window first, and then manually opening the file through the browser.

STEP 12: Email your file as an attachment.
Lastly, email your file to
Liquidram, who’s going to archive these for us (at least for the time being). Send the file as an attachment using your favorite email program.

STEP 13: Notify Masquerade that the archive has been transferred.
Email
Masquerade and let her know that you've completed transferring your archive. Send her the Voy Forums URL of your very first post in the thread, which would look something like http://www.voy.com/14567/3/5004.html. Also send her the exact title of the first post in your thread, which should also be the title of your new archive file, such as "Spike and his Magnificent Biceps." If the original title was actually "Why I Can't Stand Spike and his Magnificent Biceps," then this is what you should be using as the archive title, and it's also what Masquerade will need to find the Voy forum archive. So make sure to give her the information, exactly as it appears in the Voy Forums archives.

STEP 14: Treat yourself to chocolate as a reward!
While waiting for your archive to be posted, treat yourself to a congratulatory pat on the back - you did it! :)

return to list of steps