Step 3: Creating Your Shrine Using HTML
Q. How do I create my shrine?
A. First download
the RPGC layout templates to your computer. You have two options available to you: use
Notepad or WordPad (or another plain-text editor, for instance Notepad ++ ) and hand-code your
HTML; or use a program called KompoZer,
which does the coding for you. (FrontPage, Dreamweaver and the ilk are unacceptable
to make shrines with. See this question as to why.)
The files are HTML
files. They should be saved in plain text format if you're using a
plain-text editor, and each file should
end in ".php".
Once you've finished doing this, the first thing you should do is
upload index.php and toc.txt to your account. See the next section for more information on that.
Q. Oh, right, HTML! Er... what's HTML?
A. It stands for HyperText Markup Language.
It's basically a way to format text so that Internet browsers can read
it nicely. If you want to learn it, it's not that difficult. In fact,
RPGC has a beginner's HTML Walkthrough
just for you! However, you do not need to know HTML; as I said
before, Mozilla Composer can do the code for you if you like. However,
you can't just use Composer willy-nilly; please consult the Composer walkthrough for info on how to use
it properly and how to set it up for RPGClassics.
Q. What's KompoZer?
A. It's an editor that works basically like Microsoft Word or other word processors, which allows you to create yout HTML files easily and quickly. It also outputs fairly clean code.
A. We won't accept a shrine in one of these editors; they usually end up making code completely unreadable. They also tend to make code that only applies to your own settings (e.g. if you write your page on a computer with a 1024x768 resolution, all the pages will look too wide for people in an 800x600 resolution). We recommend using KompoZer if you don't want to learn HTML, as its code output is far nicer. You may also use programs like Notepad ++. Those programs do not actually write the code themselves, but they do allow for shortcuts; they also color-code your HTML while you write it, to make errors easier to catch.
Using The Templates
Q. What's CSS?
A. Wikipedia defines it as
In web development, Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.In short, it's what makes the page look like it should. There are several classes you can apply to the various elements in your code, for instance: