Too Many Long Boxes!
   
   
Fanzing Tutorial
Intro
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
Character codes
Contributor's Central:
Main Page

HTML Tutorial

Fanzing Forum

Creating Desktop Themes

F.A.Q.

End of Summer
 

Fanzing's Web Design Tutorial

Part 8: Skeleton in Action
(Oh, that's scary)

 

Need A Demo?

Would you like to see what the skeleton looks like if it's filled out? Fine, I'll do an example.

 

<html>
<head>

1 <!-- #BeginEditable "doctitle" --> <title>Fanzing # 48 - May 2009 - Captain Carrot vs. the WormMonger Part Two </title> <!-- #EndEditable -->
2 <!-- #BeginEditable "description" --> <meta name="description" content="Captain Carrot and the Zoo Crew encounter a galactic menace: the WormMonger, which threatens to bring war to Earth-C before devouring it entirely!"> <!-- #EndEditable -->
3 <!-- #BeginEditable "keywords" --> <meta name="keywords" content="Captain Carrot, Zoo Crew, WormMonger, worm, space, galaxy, Star Hopper, bookworm, menace, war, Earth-C, Alley-Kat-Abra, Pig Iron, Little Cheese, Rubberduck, Yankee Poodle, Fastback"> <!-- #EndEditable -->
4 <!-- #BeginEditable "css" --> <!-- #EndEditable -->
</head>
<body>
5

<!-- #BeginEditable "pageheading" -->

Humor Fiction Contest Logo <!-- #EndEditable -->

6

<!-- #BeginEditable "pretitle" --> <h3 class="pretitle">

Captain Carrot and his Amazing Zoo Crew vs. </h3> <!-- #EndEditable -->

7

<!-- #BeginEditable "title" --> <h1 class="title">

The WormMonger </h1> <!-- #EndEditable -->

8

<!-- #BeginEditable "subtitle" --> <h3 class="SubTitle">

Part 2: Worm! HUH! What Is It Good For? </h3> <!-- #EndEditable -->

9

<!-- #BeginEditable "author" --> <h2 class="author">

by Michael Hutchison </h2> <!-- #EndEditable -->

10

<!-- #BeginEditable "intro" -->

<p class="intro">

In Part One, President Dan Quail asked the Zoo Crew to investigate a stellar phenomenon which had appeared on the Hubbull Space Telescope. The Zoo Crew investigated in their refit Star Hopper, only to discover a trail of devastated planets with large holes bored through the center! </p>

<p class="intro">

Coming upon an ancient alien creature known as the WormMonger, they discovered that it feeds off of the planetary cores. Unfortunately, it has noticed them and is now trailing them back to Earth!

</p>

<!-- #EndEditable -->

11

<!-- #BeginEditable "pagebody" -->
<p>"We can't lead it back to Earth!" Captain Carrot yelled over the whine of the star drive. "Mr. President, we are prepared to alter course and divert it away from the Solar System." Onscreen, the president of the United Species of America tried to respond, but the signal kept fading and disappearing.

<p>Alley-Kat-Abra placed her magic wanda on Fastback and an open palm on the ship's drive systems. "At the risk of sounding like ScottyDog on that old show, the engine's not going to take much more. Maybe we can funnel your speed energy into the engines!" she said, closing her eyes.</p>

<p>Red and white-striped energy cascaded across the hull of the ship. "Ah'm going to try to hold the ship togethah with mah animal magnetism, dahlings!" Yankee Poodle shouted. </p>

<p>Sinking into his padded seat cusions from the strain of the acceleration, Little Cheese whispered to Rubberduck, "I always feel so useless going up against menaces like these. All we can do is sit here and hope the others save us. Gol', I feel so nervous."</p>

<p>Byrd Rentals tried to keep up a brave front, although the inertia's effects on his rubbery form just made him look ridiculous. He turned a squished beak towards Little Cheese and said, "You're nervous? I haven't been this nervous since I acted across from a topless Demi Moose in <i>StripCheese</i>!"</p>

 

etc etc etc

<!-- #EndEditable -->

12 <!-- #BeginEditable "credits" -->
All characters and scanned artwork are DC Comics <br />
This story is 2000 by Michael Hutchison
<!-- #EndEditable -->
</body>
</html>

 

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.
AIM: Fanzinger
ICQ: 70101007

 
Return to the Top of the Page

Now that you've read this piece,
discuss it in the Fanzing Forum!

     
 
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.

LinkExchange
 
Fanzing site version 7.3
Updated 3/12/2009