E-Corps KAGernet Template Project README file

Download The Template Package
Unzip The Template Package
Edit And Save The HTML Files
Upload To Your Website
Adding Pages To Your Website

Download The Template Package

Click on the download url and select a directory on your computer where you want to save the file to, click "ok."

Unzip The Template Package

Double click the zipped file to begin the unzip process. Select a directory to save the unzipped files to.

Edit And Save The HTML Files

This is the big section, however it should be fairly painless. The package contains several HTML files, including a master template file that can be used as a framework for developing additional HTML files as needed. The basic website files consist of index.html, kagernet_template.html (this is the master template file to use when making additional pages), kagernet.css, and then several images located in the pics directory - joinkag.gif, Nightsky_and_clouds.jpg. The kagernet.css file is a Cascading Style Sheet used by each of the HTML files. You should not need to make any adjustments to it.

If you have a text editor like Komodo Edit, WinEdit, etc., you should use it to edit the HTML files. If not, use Notepad, whcih comes bundled with MS Windows. Do NOT use MS Word or other word processing utilities. They are not as friendly with plain text and make assumptions when it sees HTML tags in a document.

The index.html is the main page, or home page. It is the page that will be displayed when people view your site for the first time. It has been set up so that the only tag you need to know is the paragraph tag, which looks like , and has a closing tag of .

There are several places labeled "your Ship Name here" or similarly marked. You should replace these lines as appropriate. Example: "your ship name" should be changed to "IKV Shipname."

Here is a breakdown of the lines you should change:

<TITLE>Your Title</TITLE>
<META name="AUTHOR" content="Your Name">
<META name="DESCRIPTION" content="Your Page Name">
<META name="KEYWORDS" content="KAG,
                                Klingon Assault Group,
                                Klingon,
                                Your Ship Name,
				Star Trek">
<h1 class="klncenter">IKV Your Ship Name</h1>

The first section is the left sidebar which is used for site navigation (menus). It is indicated by:

There is already a link there to the site home page. You can cut and paste this code to make additional lines.

Next, you should place your content, facts about your ship, location, crew, etc, in the index.html file with each paragraph beginning with the tag and ending with the tag.

As an example, here is an example of what your content section should look like:

Welcome to the home of the IKV Whatever. We are located in the Brewery Area, part of the Cold Beer Quadrant of the Big Surf Fleet.


Our Captain, Klaa'tu, has led us on many exploits into Federation Territory, and we regularly attend such conventions as DragonCon and CondorCon. Our crew members frequently participate in convention Masquarades and have taken top honors.


The IKV Whatever plays host to a summer Klingon Feast, open to all Klingon ships in the Cold Beer Quadrant. Some of the high points of the weekend are: pin the jammies on the Feddie, red shirt survivor, as well as the feast with entertainment (recitations of love poetry and drum circle) and awards ceremonies.

Okay, that should give you the idea of how to set up the index.html page. Be sure to spell check your content.

To create additional pages, open up the kagernet_template.html file in an editor, save it giving it a new name, something relavent like "kalendar.html" for a calendar of upcoming events. Follow the same procedure for new files as you did for the index.html file. Be sure to add links to the new pages on each html page in the site "Navigation" section. You can cut and paste the one for the home page and change the file name and the display name accordingly:

becomes

<a class="sidebar" href="index.html">Home</a>
<a class="sidebar" href="kalendar.html">Kalendar</a>

Once you have completed updating these files, it is time to upload them to your web host provider.

Upload To Your Website

Connect to your web hosting account using whatever ftp client you have installed on your system I generally use Filezilla. It is a two paned graphical interface that allows you to drag and drop files between your computer and your hosting provider's server. This is fairly easy.

Once the files are uploaded, you should be able to point your browser to your new website. Review your site for correctness including verifying all of the links to make sure they work.

After you have checked the site out and determined that it is working as expected, you are done.

For reference, you can check out a sample site, the IKV Tequila, on the E-Corps website.

Adding Pages To Your Website

Okay, now you are ready to add an additional page to your website. The Kagernet template has a starter set for you. Begin with the kag_template.html file and make a copy of it, naming it for the new page. In our example we'll create the krew.html to add some content about the crew of our fictitious ship, the IKV Tequila.

As with the index.html and other intital pages, update the various lines as indicated above.

You can use the image tag to post images of the individual crew, preferably in uniform, and with more background information.

Here's an example:

$lt;p> $lt;!-- main content go here --> $lt;!-- this is where the page content, including images will go --> $lt;img src="pics/krag.jpg" alt="Krag">$lt;br>Captain Krag sutai-Krassus, captain of the IKV Tequila. Fearless leader and warrior extraordinaire. Able to consume barrels of Blood Wine in a single sitting $lt;/p> $lt;p> $lt;img src="pics/korvite.jpg" alt="Korvite">$lt;br>Commander Korvite sutai-Krassus, ship's XO. He is always contriving ways to usurp command of the IKV Tequila from Krag. $lt;/p>

And so on.

Once you have completed the content, it is time to update the site map on all of your html files. Don't forget to upload your images to the "pics" directory.

On each file, look for the following set of lines:

$lt;div class="box"> $lt;p> Navigation$lt;br /> $lt;/p> $lt;p> $lt;a class="sidebar" href="index.html">Home$lt;/a> $lt;a class="sidebar" href="kalendar.html">Kalendar$lt;/a> $lt;!-- additional site menu links go here --> $lt;/p>

$lt;/div> $lt;!-- END #sidecol.box --> $lt;div class="box">

Then add a link to the new page as follows:

$lt;/div> $lt;!-- END #sidecol.box --> $lt;div class="box">

After you have updated and saved the site map on all of your html files, and saved your new html file, upload all of the updated files to your web site. Don't forget to upload your images to the "pics" directory. Verify that they look correct using your favorite web browser. If it looks correct you are all done.