KittyKatBlack's Keenspace Roadmap
A layman's guide to making a webcomic
Tidbits and FAQ's are nice, but having a roadmap is always helpful. Having a roadmap that says YOU ARE HERE, and YOUR DESTINATION with a big red line from one to the other is even better. That's what I'm hoping to provide with this document. Hope being the keyword there. I'm going to try and explain how to go from "Hmm... I want to make a comic." to "AUGH! I haven't gotten the update done yet! My readers are going to kill me!" in as simple of terms as I possibly can. So, here we go...
Step 1: "I'm bored, let's make a comic."
Alright, so you want to make a webcomic? Great. I'm not going into the do's and don'ts of webcomic making, I'm just going to tell you how to do it. I'm going to trust you actually have a comic you feel like making, and just aren't just trying to kill an afternoon.
At any rate you need to sign up at www.keenspace.com. Specificly, the
You'll get another E-mail in about a week or so with your Username, Sitename, Password and other goodies. DO NOT DELETE THIS E-MAIL. If you haven't got it in a week, make sure it didn't end up in the 'spam' folder of your mail program. I use Yahoo, and occasionally automated e-mail messages I WANT do end up in my 'bulk/spam' mailbox, instead of my normal inbox. Be sure to check both. Ok, you got your E-mail and all your info. Now what do you do with it?
You'll need to go to the
Step 2: "Ok, so what's this FTP stuff?"
FTP is an internet protocal that stands for File Transfer Protocol. It's pretty self explanitory. What it does is provide a way for you to take files you have on YOUR computer and put them on the computers in the Keenspace HQ. An FTP program is the thing that does all the work.
The FTP program I use for this is called
Step 3: "That's great... but my site still looks like crap."
There are many ways to go about getting your site to look pretty. I'm not going to walk you through creating the stuff for your site, but I'll explain the basics of how to go about getting the stuff you've made in order and how to get it to work on Keenspace. First off, you need a comic. You should have at least one comic ready to post by this point. If not go draw one. And don't make it a 'COMIC COMING SOON!" dealy. Draw a comic. People hate when you do that. Anyway you're armed with your comic. How do you put it on your site? Keenspace uses an automated system for handling how comics are put on the web. It seems overwhelming at first but once you figure it out, it's quite simple. If you go into your FTP and open your Keenspace folder, you will see these folders:
/public_html
/workspace
/public_html The public_html folder is where all the stuff people visiting your site will see. It's all the important parts. In other words, if Keenspace is a theater, your Public_HTML folder is the stage. This is where all the pretty action happens. Inside this folder are these files and folders:
/comics
/d
/images
/w
index.html
rss.xml
Some of you who know how HTML works, will see 'index.html' and go: 'Oh, thanks. I can take it from here.' No, you can't. You do NOT touch index.html. I'll explain in a bit, but sit back down, and keep reading. Remember how I said public_html is the stage? You don't change wardrobe on stage, you don't put on makup on stage. On stage is for actors only. You're the director/crew/makup/wardrobe sections. Your comic is the actor. So you don't belong on stage.
/comics
This is where your comics will be (duh!). But this is NOT where you upload comics to. (Confused yet? ^_^;). Bear with me, this will make sence soon enough.
/d
This is where all your archive pages will be generated. (All your past comics will be stored here, so people can view them by clicking the 'back' and 'first comic' buttons).
/images
This is the ONE folder in public_html that you DO directly modify. ALL of your graphics OTHER than your comic (READ: Your comic does NOT go in this folder.) itself goes in this folder. Background images, link buttons, and any other decorations you want on your site. They all go in here.
/w
Honestly, I have no clue. It has some purpose, but I don't know what it is. Apparently whatever that purpose is, it's not something you're going to notice. Just don't delete it. (Or any folders, for that matter. If you delete a main folder, your site WILL not work, and you can't just 'make them again' The admins have to add it in. They don't like doing it. They won't like you if you do. So again DON'T DELETE FOLDERS!)
index.html
This is your main site. This is what is displayed to the public when they go to "yoursitename.keenspace.com". No. You can't touch it. Hands off! Trust me.
rss.xml
This is for you, not your readers. This nifty little thing lets you check the status of your website just by typing "http://yoursitename.keenspace.com/rss.xml" in your browser.
At this point, you might be thinking, "Well where the hell do I put all this crap I made?"
This is where the /workspace directory (folder) comes into play.
/workspace
Ok, we're at the theater again. We have a stage. What else? Oh, a BACKSTAGE! That's what this is. This is where all the nitty gritty is set up and prepared for the stage. In this folder has the following files and folders in it:
/comics (What? Again?)
/webpages
indextemplate.html
dailytemplate.html
/comics
You're probably saying, "Didn't we go over this one already?" No, let me explain. This is where your comics are UPLOADED. They actually don't stay here. If you notice, I said that the /public_html/comics STORES your comics. How do they get there from here? I'll explain that in a minute.
/webpages
This is where all your extra pages will be uploaded. Links, Cast pages, link pages, art pages, etc, any other stuff other than your archives and index page will go in here. There's a REASON they go in here, instead of directly in the folder with index.html
indextemplate.html
This looks like index.html except for a few changes. The -template.html pages have non-html tags in them that are used SPECIFICLY by Autokeen. All of these tags are surrounded by ***'s. You'll see things like , and ***today's_date*** and other such things. These are what make the AUTOKEEN system the wonderful thing it is.
dailytemplate.html
Since it's figured that all your archive pages will be exactly the same, except for the comic that's displayed on them, this is the template for ALL of those pages. This holds information on what those pages should look like.
Ok. Ask it. "Why the heck are there TWO folders?! This is stupid and overcomplicated. I'm just going to edit my index.html like a NORMAL person." Now, stand still so I can knock some sence into you.
This is how the keenspace system works, in a nutshell.
/workspace/content ==> AUTOKEEN TAG REPLACEMENT => /public_html/content
Pretty simple, really. The reason there are two folders like this is simply because one is a TEMPLATE (Hey, I've seen that word before!) for what your pages SHOULD look like. The other holds the actual pages. There are plenty of tutorials explaining what the tags are, and how they work, so read some of those if you want to know the specifics about them. I've made a breakdown of the indextemplate.html file in the
Step 4: "Ok, I understand the indextemplate thing, but what about all those other folders?" The index page is probably not going to be the only page you'll want to make. Many of you are artists and want to display artwork on a different page, or want a cast page, or a rant page, or whatever. This is where all these other folders come in.
/workspace/webpages This is where you upload all your extra pages, like I've stated before. Why here and not directly into the main folder? Simple. In order for your KEENTAGS to get transformed into code your browser can read, it needs to go through AUTOKEEN. If you just put ***advertisement*** on a webpage and slap it into the main folder, you will get ***advertisement*** on your webpage, not the advertisement that Keenspace REQUIRES you to have on EVERY page of your website... (OOoooh... that's why I can't just make a tag-free page myself... damn.) So yeah. Pretty much everything you do will have to go through Autokeen at one point or another, so it's easier to just work with the system instead of trying to fight your way around it. This is why you don't touch anything in public_html except the /images folder. (Since images are just image files and don't have anything that needs to be modified by Autokeen). Autokeen creates all the content in /public_html based on what you have in /workspace.
The /comics folder is similar. Even though the comics themselves aren't directly modified in any way, they are saved in date format. (Meaning YYYYMMDD ex. 20040118 = 01/18/2004. And yes you HAVE to put 0's in front of single digits for month and day. 2004118 WILL NOT WORK) The reason for this is so you can upload a week's worth of comics, and Autokeen will ONLY display the comic for that day instead of all of them at once. When a comic is displayed, it is moved from /workspace/comics to /public_html/comics. Any comics still waiting to be posted will stay in /workspace/comics until the date they are taged with. See how all this is starting to make sence now? I hope so.
Step 5: "How do I create my pages and make them look pretty?! You still haven't told me!" Well, that's because I can't. I've told you how to get them on the web, but I can't tell you specificly how to code your pages. You'll have to do that with a HTML program, or learn how to write HTML from scratch (It's not hard, and you can learn how to make a pretty decent page in about an hour just by reading some tutorials on the web.) Images are the same way. I can't tell you how to design your site. I can simply tell you how to get it up and running. If you have specific questions about things, you can always ask on the forums. This is just a basic guide on getting your pages to work.
Step 6: "Oh... well, thanks." That's about as much as I can give you on how to get your page up and running. If you felt I left anything out, post a reply to this thread and let me know, or e-mail me. I have a link for it in my sig. Hopefully, you're at least able to see your site coming together by now. Happy comicking!
-KittyKatBlack