You Try It

You try it!

Section 1 - Introduction
Section 2 - Basics
      Your first page
      Formatting
      Text tricks
      Pictures
      Links
      Backgrounds
         Color tutorial
         Background Color
         Background Pictures
         Text Color
         Font
         Link Colors
         Text Decoration
         You Try It
Section 3 - Next Level
Section 4 - Advanced
Section 5 - Publishing
Section 6 - Extras
Appendices

You try it!
Idea: Show that you can modify colors in a document.

Here's an example: I've taken the penguin story and added color. The old commands are in blue, and the new ones are in green. All apologies to the colorblind. If you load this on your own computer, you'll need to download lokerz.jpg, paper.gif and bignote.GIF.

<html> <head>
<title> My Links Page </title>
</head>
<body bgcolor="#ccccff" text="#006666" link="#0033ff" vlink="#00cccc">
<h2 align="center"> The Mysterious <a href="http://www.thepenguinconspiracy.com/wanted.php:"> Penguin </a> of Locker 529 </h2>
<p>
<img src="lokerz.jpg" align="right" border="0" width="238" height="159" alt="The scene of the crime." hspace="15">
Deep in the heart of <a href="http://163.248.225.3/"> Midvale Middle School </a> lies a <i>chilling</i> secret. A living, breathing creature skulks around the halls at night, waiting for a student to be caught alone, and without protection. Four seventh graders have turned up missing this year, with the only trace being scuffmarks on the floor. Each set of marks led to the same spot:
<center> <b>locker 529</b>. </center>
</p>
<p>
<img src="paper.gif" width="75" height="65" align="left" alt="The note">
After the disappearance of the third child, a <a href="bignote.GIF" target=_blank> crumpled note </a> was found. It smelled strangely of fish and gym socks. The note read: </p>
<div align="center"> <hr width="200" color="blue" size="3">
<pre>

Stoo dents   R  safe.
Ink -u   bay  ting eggs.
More air conditioning please!

</pre> <hr width="200" color="blue" size="3">
</div>
<p>
Later that day, the principal made an announcement. He said,
<br>
<br>
<tt>
Students, we know that you have been shocked and saddened by the events of the day, but we urge you not to panic. We know that a <del> dangerous </del> suspicious character is in the building, but we <big> urge </big> you to remain calm. We caution you though to <u> stay out </u> of the school after dark.
</tt>
</p>
</body>
</html>

You now should work on your own webpage. This is the end of web basics! When you are ready, show that you can make your web pages do the following and then you will be allowed to move onto section 2.

Format a page using paragraphs or divisions
Add links and pictures
Modify the background of your webpage
Add other colors, text shapes, headings or other features.