|
Site Map HomeKAGernet Web Design Web Tips Resources CMS Guide Kag Links KAG Home KAGernet KAGernet TemplateREADME 
|
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." Double click the zipped file to begin the unzip process. Select a directory to save the unzipped files to. 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, calendar.html, links.html, 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 <p>, and has a closing tag of </p>. 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>
Once these basic lines have been changed, it is time to add your content to the main part of the page. This section is indicated by the following lines:
<!-- column two, main content --> Next, you should place your content, facts about your ship, location, crew, etc, in the index.html file with each paragraph beginning with the <p> tag and ending with the </p> tag. As an example, here is an example of what your content section should look like:
<p> Okay, that should give you the idea of how to set up the index.html page. Be sure to spell check your content. The kalendar.html page is even simpler to set up. Like the index.html page, there are a few lines to change (see above). Once that is done, just to keep things easy, the calendar uses one tag to enclose your content. The preformatted text tag, which looks like <pre>. Here’s an example:
<pre>
DragonCon
Our City, ST
This hotel
Labor Day Weekend
Guests include: Robert O’Reilly – better known as Gowron
J.G. Hertzler - the famous Martok
and some guy named Shatner – claims to be a starship captain
Condorcon
Their City, ST
That hotel
March 7-9, 2008
Guests include: that Shatner guy again
Tony Todd – Kern
</pre>
Anyrate, that’s enough to give you the idea. You’ll see this in the Kalendar.html file, so all you have to do is replace everything between the <pre> and </pre> tags. This will display spaces, line breaks, and so on without any additional tags. Next up is the links.html page. This is where you should list other websites that you link to with some additional information describing what that website is. By default, this page already includes links to the main KAG website and some additional KAG websites (known fleet and quadrant websites). Adding additional websites is a matter of adding an additional anchor tag. An anchor tag consists of the tag and an attribute and looks like: <a href="http://www.kag.org/">KAG</a> - main website of the Glorious Klingon Assault Group.<br>
It will display as: Here you will see the line break tag, <br>. This helps break up the content by putting each website link on a separate line without using the paragraph tag. The easiest way to add more links is to copy and paste a line with a link and then change the URL, that’s the http://www.stuff.org/, to the URL you want, then change the accompanying text to what should be displayed with the new link. Once you have completed updating these files, it is time to upload them to your web host provider. 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. 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. Next, just as with the other pages, write up your content, then place it in the block marked for your content, again, just like you did with the index.html. Here's an example:
<p> and so on, ending the section with </p> You can also use the image tag to post images of the individual crew, preferably in uniform, and with more background information, like:
<p> And so on. Note, in the case of the second example, I have replaced the use of the line break tag <br> with the paragrpah tag to help keep the formatting neat. The line brak tag is used after the image tag so that the text will appear directly underneath the image. Once you have completed the content, it is time to update the site map on all of your html files. On each file, look for the following set of lines:
<p class="klingondagger">Site Map</p> Then add a link to the new page as follows:
<p class="klingondagger">Site Map</p> 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. |