Making a Content Web Site

Site Map

Text Examples
How do you do it?

Click to Text - Why it is important

Opening Statement Text Image Tables Hyperlinks Navigation Artistic Concerns Content Conclusion

Emphasizing Text with Size and Color Changes:

Note how the larger size and color of the headers catch your eye before you read the mundane paragraphs. You can jump to the paragraph you want to read if you need to with each header emphasized.

Wasps

Wasps are one of the most feared insects. They sting and take no prisoners when attacking. Their sting can cause pain, swelling, and redness. You should try to remove the stinger carefully if it gets embedded in your skin.

Spiders

Many people have a fear of spiders, but they truly are special insects which feast on bugs that could damage crops and property. Many stories have been written about spiders. For example, Charlotte's Web is about a pig who befriends a spider and is a favorite of children everywhere.

Ants

Ants are not feared insects, but they have a reputation of carrying away picnics and becoming pests. They gather in colonies and can move tremendous amounts of food and dirt when necessary. Recently, A Bug's Life highlighted an ant's growth from klutz to hero in cartoon form. It is now available on DVD.

Emphasizing Text with Font Changes:

Note the difference in these examples of changing the font and how the right one subtly emphasizes the topic more than the other.

Crayons

Crayons have gone through many changes over the years, but the remain a staple of the childhood artist. Nothing was more fun than the box of 64 crayons, grabbing the Burnt Sienna and wondering just where they got that name from.

Crayons

Crayons have gone through many changes over the years, but the remain a staple of the childhood artist. Nothing was more fun than the box of 64 crayons, grabbing the Burnt Sienna and wondering just where they got that name from.

 

 

Rule of Three - Good Example

It is easy to see the most important points in this text since the Rule of Three was kept in mind. Reading the text that stands out is all you need to do in order to know the most important part of this very recognizable piece of literature and American history.

Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.

Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this.

Rule of Three - Bad Example:

In this paragraph, there is no way to tell what it important and what isn't since too many points of emphasis are used.

We, the People, in order to form a more perfect Union, establish Justice and ensure Domestic Tranquility, provide for the Common Defence, promote the General Welfare and secure the blessings of Liberty to ourselves and our Posterity to ordain and establish this Constitution for the United States of America.

It is not necessarily the number emphasized, but it is all the different choices. Are the italicized ones more important than the colored ones or the bold ones? How about italic vs. underline? Changing text should be used to emphasize the most important points you are attempting to get across to your viewer.

Bulleted List Example:

Instead of this paragraph:

There have been many books which have been made into films. Some titles include such works as Gone with the Wind, Blade Runner, Frankenstein, Dracula, Hunt for Red October, and even I, Robot.

Consider using a bulleted list:

Movies from Books:

Indenting Text::

This page uses indention (or blockquoting) continuously. Notice how indenting certain lines on this web page so far show you the individual sections quickly. It makes your eyes see a certain pattern and by using that pattern, you can assimilate the information faster. Even this paragraph is indented for design and emphasis.

HTML Code Examples:

Below are some examples. I've given you the HTML code for your edification.

Text Type
WYSIWYG
HTML Code

One single paragraph

Space...the final frontier. These are the voyages of the Starship Enterprise. Its continuing mission: to explore strange new worlds, to seek out new life and new civilizations ... to boldly go where no one has gone before. - Capt. Jean-Luc Picard


<p>Space...the final frontier. These are the voyages of the Starship Enterprise. Its continuing mission: to explore strange new worlds, to seek out new life and new civilizations ... to boldly go where no one has gone before. - Capt. Jean-Luc Picard </p>


Two paragraphs created by using Enter or the tags <p> </p>


Space...the final frontier.

These are the voyages of the Starship Enterprise. Its continuing mission: to explore strange new worlds, to seek out new life and new civilizations ... to boldly go where no one has gone before.

- Capt. Jean-Luc Picard


<p>Space...the final frontier.</p>

<p>These are the voyages of the Starship Enterprise. Its continuing mission: to explore strange new worlds, to seek out new life and new civilizations ... to boldly go where no one has gone before.</p>

<p>- Capt. Jean-Luc Picard</p>


Lines created by using Shift-Enter or the tag <br>

Space...the final frontier.
These are the voyages of the Starship Enterprise.
Its continuing mission: to explore strange new worlds, to seek out new life and new civilizations ...
to boldly go where no one has gone before.
- Capt. Jean-Luc Picard


<p>
Space...the final frontier.<br>
These are the voyages of the Starship Enterprise.<br>
Its continuing mission: to explore strange new worlds, to seek out new life and new civilizations ...<br>
to boldly go where no one has gone before.<br>
- Capt. Jean-Luc Picard</p>

These are many text examples. Next, examples of image manipulation being used.