Part 1: Tools
Part 2: Basic Code
Part 3: More Codes
Part 4: Basic Page
Part 5: Conversion
Part 6: Clean-Up
Part 7: Skeleton!
Part 8: Demo
Part 9: Style!
Part 10: Resources
Contributor's Central:Main Page
Fanzing's Web Design Tutorial
Part 7: Fanzing's Skeleton Page
The Joy of Filling In Blanks!
This is the really easy part. Well, technically, none of this is that hard to do. But filling in the blanks on Fanzing's skeleton page is going to be simple.
Here's what I've done. I've constructed a web page which has marked regions which you can fill in. No, it doesn't look like anything like a Fanzing page if you look at it. What happens is that you fill out the page, e-mail it to me, I affix a template to your page using my Dreamweaver program and your document is transformed into a finished web page, ready for the magazine.
How does it do that?
The template is the key. The template is a general layout for each page. I lay out the page with the logo, the navigation buttons, the graphics, etc and then I set aside some blank spaces which will be filled in later. The blank spaces are "editable regions" which will be filled in or left blank depending on the contents of the intended document.
For instance, the title. There will be an editable region on the skeleton page that is called "title". Obviously, you put the title in that space. Then, when my template is applied to your document, it looks for the editable region called "title" and puts the contents of that region into the right place in the finished document.
Got the basic idea? It's not important that you know this so thoroughly that you could do it yourself; I just want you to understand the basic principle.
To save it to your hard drive (or a disk), right-click on the link to bring up the little menu and select "Save Link As" if you're using Netscape or "Save Target As" in IE. If you're having problems doing that, then just click on the link to open the page and then choose "Save As" under "File".
Once you have the page saved on your hard drive, open it in Arachnophilia. Remember, you don't want to mess up your original copy, so click "File", then "Save As" and make a back-up file under another name.
Do you have a story or article ready to put into the skeleton page? If so, open it in Arachnophilia. (If not, follow along just for practice.) Then open the Fanzing skeleton page. Click "Save As" and give the document a new name similar to your story title.
Finally, it's time to copy/paste your story into the skeleton and fill in the blanks.
Let's Look At The Code!
If you open the file in Arachnophilia, here is what you'll see:
Most of this is self-explanatory, but let's go over all of them, top to bottom.
YOU'RE DONE! THAT'S IT!
Just hit "Save as" and save your document.
Once you've finished looking over your web page, e-mail it to me and I'll double-check everything. Together, we'll work out any trouble spots.
is Editor-In-Chief of Fanzing.com. He is the world's biggest Elongated Man fan
and runs the only EM fan site.
He lives in Rochester, MN.
This tutorial is © 2000 Michael Hutchison
Fanzing is not associated with DC Comics.
All DC Comics characters, trademarks and images (where used) are DC Comics, Inc.
DC characters are used here in fan art and fiction in accordance with their generous "fair use" policies.
Fanzing site version 7.3