[an error occurred while processing this directive] [an error occurred while processing this directive]
 
Buy Fanzing's first comic:
"Job Wanted"!
   
  Monitor Duty    >     Fanzing Archives    >    HTML Tutorial Sitemap      
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
[an error occurred while processing this directive]

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>

 

[an error occurred while processing this directive]
 
Return to the Top of the Page [an error occurred while processing this directive]
 
 
 
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.
[an error occurred while processing this directive] 		 
Fanzing site version 7.1