|
| | Color | Equivalent |
|---|
| RED | FF0000 |
| GREEN | 00FF00 |
| BLUE | 0000FF |
| MAGENTA | FF00FF |
| CYAN | 00FFFF |
| YELLOW | FFFF00 |
| BLACK | 000000 |
| WHITE | FFFFFF |
For a wonderful collection of colors, from baker's chocolate (5C3317) to semi-
sweet chocolate (6B4226), with their hexadecimal equivalents, look up the Web site
here.
Your basic home page looks a bit different with a picture from the disk that comes
with the workbook (click here to view the file):
<html>
<head>
<title>Home Page with a Photo Background</title>
</head>
<body background="http://communications.fullerton.edu/professors/lester/pictures/SUNTAN.GIF">
<body>
This is about as simple a home page as you can have.
</body>
</html>
If you wanted a cyan background it would look like this (click here to view the file):
<html>
<head>
<title>Home Page with a Colored Background</title>
</head>
<body bgcolor=00FFFF>
<body>
This is about as simple a home page as you can have.
</body>
</html>
Note that it is difficult to read the line of text with a picture behind it and you need
to be careful about a colored background. That's why you need to know how to color text.
Text Colors
You can have separate colors for the headers, body text, and links used in your
home page. For all text, whether used as a header or body text, use the command <body
text=rrggbb> where "rrggbb" is the hexadecimal color equivalent.
Links to other databases (discussed a little later) come in three types: link (a link you might
want to visit), vlink (a link you've already visited), and alink (the active or current link).
Each of these links can have separate colors with the commands <body
link=rrggbb>, <vlink=rrggbb>, and <alink=rrggbb>. You can decide on all
of the colors used on your home page at the start by combining commands.
If you wanted to make a colorful home page, it might look like this
(click here to view the file):
<html>
<head>
<title>Home Page with Some Color</title>
</head>
<body bgcolor=00FFFF text=0000FF link=FF0000 vlink=000000
alink=FFFF00>
<body>
<h1>Color Can Add Interest</h1>
<h3>This home page uses some colors.</h3>
<a href="ns4.html">Link to the previous home
page</a>
</body>
</html>
The background color is cyan, the text color is blue, a link is red, when you initially
click on the link it turns yellow, and if you've already seen the link, it turns black.
Rules
Sometimes it is a good idea to use horizontal lines or rules to separate different
sections of your home page. You can control the size, width, and alignment of horizontal
rules on your home page. A basic rule that runs across the frame is created with <hr>. If
you wanted a thicker rule try <hr size=10> or a short rule use <hr width=100>. You can
use other numbers to vary the size and width of your rule. And if you want the rule aligned
on one side or the other, use <hr width=100 align=left> or <hr width=100 align=right>.
Your home page is more organized with the use of rules (click here to view the file):
<html>
<head>
<title>A Home Page with Rules</title>
</head>
<body bgcolor=6B4226 text=FFFFFF>
<body>
<center>
<h1>Your Name Here</h1>
<h2>Your Title Here</h2>
<hr>
<h3>
Your Address Is Here <br>
Here <br>
Here <br>
and Here <br>
<hr size=20 width=10>
</center>
<h2>This Is Your Story</h2>
Here is your chance to tell the world anything you want
to about yourself including hobbies, interests, and activities.
<p>
You can go on and on about yourself as long as you like!
<p>
<hr width=75 align=left>
Well, I guess that about does it for now.
<hr size=50>
</body>
</html>
Note the changes in thicknesses, the use of the <br> command to set a new line of text,
and that mouth-watering semi-sweet chocolate color.
Icons
There are several locations on the World Wide Web with many different kinds of
icons or clip art pictures that you can use on your home page. For example,
here and here, there are long lists of links to colorful arrows, stars, bars, lines, balls, dots,
patterns, and specialty icons that can add dynamic interest to your file.
Be careful about the use of icons because, as with print media, they can often
distract from the information on your page. And as with many types of clip art, if the
picture is too simple and too much like a cartoon, your work can appear to be
unprofessional.
To use an icon, click on the picture with your mouse until a pop-up menu appears
on your screen. Select the menu choice of Save this Image as
and in the dialog box save the picture somewhere on your hard-drive. In a few seconds the
picture will be downloaded so that you can use it in your home page.
The HTML commands for using an icon as a linked and unlinked picture are the
same as those for use with any still image. If you want to use a left directional arrow
located on a Web site offering icons to anyone free of charge, you would create a linked
path to another file. Use the commands <a href="the address of the file you want the user
to visit"><img src="the address of the icon" border=0></a>. Note that there is a space
between the icon's address and the border command. If you want to use an icon as a visual
accent without it linking to another file use the commands, <img src="the address of the
icon">.
Here is your home page with icons (click here to view the file):
<html>
<head>
<title>A Home Page with Icons</title>
</head>
<body background="sky2.gif">
<body>
<center>
<img src="atwork.gif">
<h1>Your Name Here</h1>
<h2>Your Title Here</h2>
<img src="redmarb.gif">
<h3>
Your Address Is Here <br>
Here <br>
Here <br>
and Here <br>
</center>
<img src="copbar.gif">
<img src="pr_diam.gif"><h2>This Is
Your Story</h2><img src="pr_diam.gif">
Here is your chance to tell the world anything you want
to about yourself including hobbies, interests, and activities.
<p>
You can go on and on about yourself as long as you like<img
src="ex1.gif">
<p>
<img src="waveline.gif">
Well, I guess that about does it for now.
<img src="pookline.gif">
<a href="ns6.html"><img
src="cylarrw.gif" border=0></a>
</body>
</html>
Note how easy it is to use too many graphic elements on your home page. Unless
you want an online user to think you're a bit hyperactive, it's best to use a conservative
approach. The sky background pattern comes from a site located here.
Images
One of the appeals of the World Wide Web with a Netscape browser over its text-
based Internet companion is that a user can see pictures, both still and moving, that you've
created for use in your home page. A problem with using images is that not everyone has a
Web browser in which pictures can be viewed. Another concern is that pictures and
movies often take a long time to download. Make sure that the pictures you use are worth
the wait.
Still images that do not link to any other file are the easiest to program. Use the
command <img src=the address of the image> where "img src" stands for image source.
If you want text to be displayed at the top, middle, or bottom of a picture, add the align
command: <img src=the address of the image align=top (or middle or bottom)>with text
here. You can specify the size of your picture with the width and height commands:
<img src=the address of the image align=top width=100 height=100>with text here.
Because the vertical and horizontal measurements are in pixels, you may need to
experiment with the size you want on your page so your image is not distorted. You can
also have a picture with or without a frame by using the border command:
<img src=the address of the image border=a number from 0 to 15 align=top width=100
height=100>with text here.
You might want you users to click on your picture and travel to another file. That's
when you will want to have a linked image. Movies also need to be set within a linked
command structure. When a user downloads a motion picture, a player application resident
in the user's computer plays the movie.
A linked still picture uses the command, <a href="address where you want the user
to go"><img src="address of the image"></a>. The "a" stands for the link's anchor and
"href" means the http reference address. A motion picture can use the command <a
href="address of the movie"</a>. You can add an image to a movie's link as in the
example below with <a href="address of the movie"><img src="address of the
image"></a>. After a movie is downloaded, a movie player application (provided the user
has such an application) pops on the screen for the user to control the movie.
A tricky technique that is popular with home pages and online picture galleries is to
use a small, thumbnail version of the picture on the main page with a link to a larger
version of the picture. Because images are often large files, this option gives the user the
choice whether to wait for a larger version of the picture or not. However, you need to
make two versions of the picture probably when you scan the image or with the
PhotoShop application. The smaller file can be in the gif file format while the larger picture
can be in the jpeg file format. The Mode of your picture in PhotoShop should be either
RGB color for color images or Grayscale for black and white pictures. Once you have both
versions saved in your Web Server file, use the following command structure:
<a href="address to the larger jpeg file><img
border=2 src="address of the smaller gif file"></a>
Here is a home page that contains still and moving (click here to view the file):
<html>
<head>
<title>A Home Page with Pictures</title>
</head>
<body bgcolor=6B4226 text=FFFFFF link= FFFF00 vlink=000000
alink=0000FF>
<body>
<center>
<h1>Your Name Here</h1>
<a href="communications.fullerton.edu/professors/lester/homeboy.html"><img
src="les.gif" border=4 align=middle width=100
height=100></a>this is les
<h2>Your Title Here</h2>
<hr>
<h3>
Your Address Is Here <br>
Here <br>
Here <br>
and Here <br>
<hr size=20 width=10>
</center>
<h2>This Is Your Story</h2>
Here is your chance to tell the world anything you want
to about yourself including hobbies, interests, and activities.
<p>
<a href="ed22.mov.MOV"><img
src="action.gif"></a> here is a 1.2MB movie
you might like
<hr width=75 align=left> <a
href="newton.jpeg><img border=2
width=198 height=94
src="newton.gif"><br></a>Here I
am working on a photo essay in London called "Pub Lunches."<br>
Click on it to see a larger version.<br> <h3>Well, I guess
that about does it for now.</h3>
<hr size=50>
</body>
</html>
It is always a good idea to let your users know the size of a motion picture. Even
with a direct computer link, it may take five minutes to download a 1.5MB movie.
Using Audio
4. Another feature of the World Wide Web that is difficult to get with only an Internet
connection, is audio. With a sound card inside your computer you can not only hear voices,
music, and effects that are a part of a motion picture, you can also record audio yourself for
users to hear. You can use a program such as SoundPro Edit to easily record a message in
an AIFF file format. As with images, audio files can be quite large so make sure your
message is worth waiting for. The command structure for audio files is the same as that for
still and moving pictures: href="address of the sound file"><img src="address of any
accompanying icon"></a>.
Here is a home page with some audio links (click here to view the file):
<html>
<head>
<title>A Home Page with Audio</title>
</head>
<body bgcolor=6B4226 text=FFFFFF link=FFFFFF>
<body>
<center>
<h1>Dr. Paul Martin Lester</h1> <img src="les.gif"
border=4 align=middle width=100 height=100><a
href="greeting.aiff"><img
src="casset.gif" border=0></a> Click on the
cassette
for a greeting from Dr. Lester
<h2>Your Title Here</h2>
<hr>
<h3>
Your Address Is Here <br>
Here <br>
Here <br>
and Here <br>
<hr size=20 width=10>
</center>
<h2>This Is Your Story</h2>
Here is your chance to tell the world anything you want
to about yourself including hobbies, interests, and activities.
<p>
<h2>Here are some other audio-related links:
<ul>
<li><a href="http://web.msu.edu/vincent/index.html">The MSU Vincent Voice
Library</a>
<li><a href=" http://bundy.hibo.no/~rpd/audio.html">The Audio Page</a>
</ul>
<hr width=75 align=left>
Well, I guess that about does it for now.
<hr size=50>
</body>
</html>
Note that although the sound quality is poor for the greeting file, it is under 20K so
it downloads quickly.
Using Tables
5. One of the best ways to organize a great deal of material is through the use of tables.
This informational graphic is well known with sporting box scores and stock market
reports. You can use the table structure for organizing the names and addresses of people
you need to contact or links on the Web that are of interest to you. The basic command
structure for a table is:
<table border= a number from 0 to 10> this command creates a 3-D effect
<tr> this command defines the rows
<th> this command defines the number of headers or columns
<th colspan= a number that is equal or less than the number of columns> this
command creates a header that sits at the top of your table
<td> this command defines the individual data cells
</table> this command closes the table
For a simple three item table, the command would be:
<table border=1>
<tr>
<th colspan=3>A Simple Table</th></tr>
<tr><th>One</th><th>Two</th><th>Three</th></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>
A home page with a table looks more organized (click here to view the file):
<html>
<head>
<title>A Home Page with a Table</title>
</head>
<body bgcolor=6B4226 text=FFFFFF link=FFFFFF>
<body>
<center>
<h1>Dr. Paul Martin Lester</h1>
<h2>Associate Professor</h2>
<hr>
<h3>
Department of Communications <br>
H-230 <br>
California State University, Fullerton <br>
Fullerton, California 92634 <br>
<hr size=20 width=10>
<h2>People I Need to Contact:</h2>
<table border=10><tr>
<th colspan=5><b>Communications Department Faculty Members</b></th></tr>
<tr><th>Name</th><th>Sequence</th><th>Office</th><th>EMail</th><th>Pho
ne (714)</th></tr>
<tr><td><a href="http://www5.fullerton.edu/homes/jbrody.html">Jeff
Brody</a></td><td>Journalism</td><td>H-710K</td><td><a link href="mailto:
jbrody@fullerton.edu">EMail</td><td>449-5809</td></tr>
<tr><td><a href="http://www5.fullerton.edu/homes/acarpossela.html">Ava
Carpossela</a></td><td>Advertising</td><td>H-725G</td><td><a link href="mailto:
acarpossela@fullerton.edu">EMail</td><td>773-2177</td></tr>
<tr><td><a href="http://www5.fullerton.edu/homes/wcrow.html">Wendell
Crow</a></td><td>Graphics/PR</td><td>H-312B</td><td><a link href="mailto:
wcrow@fullerton.edu">EMail</td><td>773-3146</td></tr>
<tr><td><a href="http://www5.fullerton.edu/homes/ddevries.html">David
DeVries</a></td><td>Photocommunications<td>H-307</td><td><a link href="mailto:
ddevries@fullerton.edu">EMail</td><td>773-3004</td></tr>
<tr><td><a href="http://www5.fullerton.edu/homes/rdyas.html">Ron
Dyas</a></td><td>Television/Film</td><td>H-320</td><td><a link href="mailto:
rdyas@fullerton.edu">EMail</td><td>773-2450</td></tr>
</table
</center>
</body>
</html>
Note that this table of names includes links to their home pages and E-mail
accounts for easy access. The table can be as long as you want as seen here.
Forms
6. One of the easiest ways to interact with those who log onto your web site is
through the use of a form. Forms are useful when you want to know some
basic information about someone logged onto to your site or for a person to
communicate some information back to you. E-mail is also a method for
communication between users and producers, but with a form, the information
is conveyed in an organized way.
You can use a form for online registration, to obtain survey data, or to
request information. Forms can be quite elaborate and complicated to produce.
For a fuller discussion on the different types of forms, you might look at the
information located here.
For a simple form in which you want some information from your user,
follow the steps below (click here to view the file):
<html>
<title>A Simple Form</title>
<FORM METHOD=POST ACTION="mailto:lester@fullerton.edu">
<h2>What do you think of this workbook?</h2>
<PRE>
<h3>
<B>Your name:</B>
<INPUT TYPE="text" name="username" size="40"><P>
<B>Your E-mail address:</B>
<INPUT TYPE="text" name="e-mail" size="40"><P>
<B>Write your comments in the space below:</B>
<TEXTAREA NAME="Description" ROWS=5 COLS=200><
/TEXTAREA><P><P
><INPUT TYPE="submit" VALUE=" SUBMIT "> <INPUT TYPE="RESET" VALUE=" CLEAR ">
</pre>
<HR size=4>This form will be sent to Paul Martin Lester (lester@fullerton.edu)
<HR>
</form>
<center><a href="nsdemo.html">
<img src ="arrow1.gif">
Return to the "Home Page How-To"</a></center>
You can include as many input boxes as you want. Simply use the "INPUT TYPE"
command structure with additional "names" for your data. The information a user types will be
sent to the E-mail address listed at the top of the file.
Top of File
Counters
7. Many web sites include a counter that lets a user know of the popularity of a site. Each
time someone logs onto a site, an image file projects the count. For popular exits along
the information superhighway, that count can reach the tens of thousands in a relatively
short amount of time. Having a counter can also be an indication for the creator of the site
of whether the file needs to be better publicized. (See the section on "Publicity"). If you are
an educator and you've created a web site as part of your creative activity, the counter
can also give evidence of the usefulness to others of the information at you site. However,
be aware that some viewers to your site may like to feel that they are not part of a large
pack. You may alienate some users if you show by a counter that thousands of people
have been there before them.
There are several online counter services that are free and easy to use. Use a search
engine to find them. I recommend Net Digits because of its ease of use. Visit their web site,
come up with a unique password for your counter, and then copy and paste the image
source file where you want the counter to appear in your file. It's always a good idea to include
the date from which the counter was started.
Here is the counter command structure and message that is used at the top of this file:
According to <a href="http://www.digits.com/web_counter/">Net Digits</a>, you are person
number <IMG SRC="http://counter.digits.com/wc?-d&4&les321sugar4" ALIGN=absmiddle WIDTH=90 HEIGHT=20 BORDER=0> <br>to view this site since October 1, 1995.
Don't you feel special?<p>
Top of File
Finding and Including Links
8. The heart of any networked interactive multimedia presentation, and the feature that truly
separates it from previous formats, is the hypertext links that you can program within a file
so that a user can discover information that is available almost anywhere in the world.
Finding those databases has been improved with a number of search engines that allow
you to type in a keyword so the program can search the Internet for sites that contain that
word in a title or description. Once a site is found that you want to remember, you can
include its address in your home page or add it to your Bookmark file available through the
Netscape program. Some of the more popular search engines with collections of databases
are Yahoo, Lycos, WebCrawler, LISTWebber, SavvySearch, All-in-One Internet Search,
and DejaNews Research Service. For example, if you type in "search engine" in the
WebCrawler form
,
you will quickly get a list of sites around the world that you can access with a mouse
button click that mention the phrase search engine in their title or description
.
Once you have found a link that you want to include on your home page, use the
same linked command structure as with picture and audio files: <a href="address of the
file">the name of the file</a>. You can also include hypertext links for individual words in
a paragraph. Many predict that online newspapers will become valuable research and
teaching tools when news stories regularly include hundreds of hypertext links to databases
around the World Wide Web.
A home page with hypertext links is the key to networked interactive multimedia
presentations (click here to view the file):
<html>
<head>
<title>A Home Page with Hypertext Links</title>
</head>
<body bgcolor=6B4226 text=FFFFFF link=FFFFFF vlink=FFFFFF>
<body>
<center>
<h1>Dr. Paul Martin Lester</h1>
<h2>Associate Professor</h2>
<hr>
<h3>
Department of Communications <br>
H-230 <br>
California State University, Fullerton <br>
Fullerton, California 92634 <br>
<hr size=20 width=10>
</center>
<h2>Links I Find Valuable:</h2>
<h3>Search Engines</h3>
<h4>
<a href="http://home.netscape.com/home/internet-search.html">Internet
Search</a>
<a href ="http://www.yahoo.com/search.html">Yahoo Search</a>
<a href ="http://query5.lycos.cs.cmu.edu/lycos-form.html">Lycos Search
Form</a>
<a href ="http://www.webcrawler.com/">WebCrawler Searching</a>
<a
href="gopher://www.lib.ncsu.edu:80/hGET%20/staff/morgan/listwebber.html">LISTWeb
ber lists</a>
<a href
="http://www.cs.colostate.edu/~dreiling/smartform.html">SavvySearch</a>
<a href ="http://www.albany.net/~wcross/all1www.html#WWW">All-in-One
Internet Search</a>
<a href ="http://dejanews3.dejanews.com/forms/dnquery.html"> DejaNews
Research Service - query form</a></h4>
<hr>
<h3>Application Resources</h3><h4>
<A HREF="http://www.baylor.edu/server/providers/Applications.html"> Software
Applications</A>
<A HREF="http://wwwhost.ots.utexas.edu/mac/main.html">U Texas Software
Archive</A>
<A HREF="http://cu-seeme.cornell.edu/">CU-SeeMe Welcome Page</A>
<A HREF="http://brinkley.realaudio.com/">RealAudio Homepage</A>
<A HREF="http://brinkley.realaudio.com/othersites.html">RealAudio Partner
Sites</A>
<A HREF="http://www.astro.nwu.edu/lentz/mac/qt/">Cross-platform
QuickTime</A>
<A
HREF="http://ubu.hahnemann.edu/UBUdex/compression.html">Compression
Software</A>
<A HREF="http://hoohoo.ncsa.uiuc.edu/cgi/overview.html">The Common
Gateway Interface</A>
<A
HREF="http://www.w3.org/hypertext/WWW/Daemon/User/CGI/Overview.html">CGI/1
.1 script support of the CERN Server</A>
<hr></h4>
<h3>Local Server Sites</h3><h4>
<A HREF="http://communications.fullerton.edu/professors/lester/viscom/vishome.html">Visual
Communication Home Page
Daily Titan, interactive
<h3>Hypertext Syllabus</h3><h4><pre>
<a href="http://www.ima.org/">Interactive Multimedia</a>: Welcome to a Brave, New
World
Non-print production in an interactive multimedia format is a synthesis of what is known
about <a href = "http://www.pomona.claremont.edu/visual-lit/intro/intro.html">visual
literacy</a>, <a
href="http://www.best.com/~dsiegel/tips/tips_home.html">typography</a> <a
href="http://www.dol.com/Root/org/AIGA/AIGAlink.html">graphic design,</a> and <a
href="http://www.ibmpcug.co.uk/~ettc/">motion pictures.</a>
In a one-hour lecture/two-hour lab format, you will be exposed to critical theories of
analysis including <a href
="gopher://state.virginia.edu:70/00/TEIS/Electronic_Publications/STATE%20Annual/199
4%20Annual/Text%20Files/Theory/14Instructional_Screen_Design.txt">gestalt,</a> <a
href="http://www.aber.ac.uk/~dgc/semiotic.html">semiotics,</a> and <a
href="http://www.pomona.claremont.edu/visual-lit/intro/intro.html">visual literacy,</a> as
well as six perspectives
(<a href ="http://www.ios.com/~clik/gallery.html">personal,</a> <a href
="http://cmp1.ucr.edu/exhibitions/mapped_photos/magnifying_glass.html">historical,</a>
<a href="http://www.sgi.com/grafica/">technical,</a> <a
href="http://www.internex.net/ipp/custom/peta/">ethical,</a> <a
href="http://www.anima.wis.net//ANIMAhome.html">cultural,</a> and <a
href="http://www.uchicago.edu/u.scholarly/CritInq/">critical</a>) for analyzing visual messages.</h4>
</body>
</html>
Every underlined title and word in the file is linked to a file somewhere in the
World Wide Web with more information on that topic. Such a feature is the value when
linking a computer to a network.
Top of File
Including Your E-Mail Address
9. It will invariably happen that someone who finds your home page on the World Wide
Web wants to contact you to offer praise or constructive criticism. You should have an E-
mail command embedded in your home page for such a purpose. The HTML command
that will include your E-mail address is <a link href="mailto:the E-mail address">any text
you want to include</a>.
A home page is never complete with your E-mail address (click here to view the file):
<html>
<head>
<title>A Home Page with an E-Mail Address</title>
</head>
<body bgcolor=6B4226 text=FFFFFF link=FFFFFF vlink=FFFFFF>
<body>
<center>
<h1>Dr. Paul Martin Lester</h1>
<h2>Associate Professor</h2>
<hr>
<h3>
Department of Communications <br>
H-230 <br>
California State University, Fullerton <br>
Fullerton, California 92634 <br>
E-mail: <a link href="mailto:lester@fullerton.edu">lester@fullerton.edu</a><br>
(Click on the E-mail address)<br>
</center>
</body>
</html>
When you click on the E-mail address, you get a form that you can use to send a
message
Top of File
Putting It All Together
10. You must decide how many of the features discussed previously (and many other
elements beyond the scope of this workbook including forms, clickable maps, and user
statistics) should be included in your personal home page. The following template will give
you a starting place for a more elaborate presentation (click here to view the file):
<html>
<head>
<title>A Home Page Template</title>
</head>
<body background="tawny2.jpg"><!Background pattern
goes here!>
<body text=000000 link=0000FF vlink=FF0000 alink=FF00FF><!Text colors go here!>
<body>
<h1>Your Name Here</h1>
<h2>Your Title Here</h2><h3><pre>
<a href="http://communications.fullerton.edu/professors/lester/pictures/SUNTAN.JPG><img border=2
src="http://communications.fullerton.edu/professors/lester/pictures/SUNTAN.GIF"><br></a> Include
a picture of yourself here<br> Click in the picture to see a larger
version<br></pre>
<hr>
First Line of Address <br>
Second Line of Address <br>
Third Line of Address <br>
Fourth Line of Address <br>
Telephone Number goes here<br>
E-mail: <a link href="mailto:lester@fullerton.edu"> E-mail address goes here </a><br>
<hr>
<h2>This is Your Story</h2><h3>
Include a brief autobiographical paragraph for others to get to know you here.
<p>
<hr>
</h3><h2>Favorite Links</h2><h3>
<ul>
<li><a href="address here">First link here</a>
<li><a href="address here">Second link here</a>
<li><a href="address here">Third link here</a>
<li><a href="address here">Fourth link here</a>
<li><a href="address here">Fifth link here</a></h3>
</ul>
<hr>
</body>
</html>
Note the use of the comment command, <!> so that you can include comments in
your file that don't get put on your home page. Although the above home
page is far from fancy, it will get the immediate job done. It's up to you to make your
home page a networked interactive multimedia design achievement.
Top of File
Home Page Design
11. The information contained in this file will help you create a basic home page
for the World Wide Web that can be viewed with the popular web browser
known as Netscape. It is satisfying to create a database that is found to be useful
by others. But it is equally satisfying to design an online resource that is aesthetically
pleasing. The following web sites are examples of excellent design characteristics
where you can learn how to present your material for this new medium.
- David Siegel's Home Page
David is a graphic designer who advocates in words, images, and programming
tricks the procedures you can use to transform your home page from a drab,
ordinary collection of links to a graphic design standout.
- Schwarz Illustrated
Michael Schwarz, a freelance photojournalist based in Atlanta, includes several
photo stories for the World Wide Web.
- The Media History Project
This site is an excellent example of how a large database can be useful and elegant.
- Women's Wire
A graphically pleasing opening to a large collection of database source material.
- Discovery Channel Online
Visit this site to see a combination of words and images used for an opening
home page.
- The Spiral Thread and The Zen of Photojournalism
Visit these sites to see this author's attempts at online publishing.
Top of File
Publicity
12. After you have gone to all the trouble to create a home page or a database collection
for the World Wide Web, you should naturally want others from around the world
to visit your site. You need to let people know the address of your file. Through
personal contacts via e-mail and membership in online discussion groups, you can
make a large number of people aware of your URL. But the best way to publicize
your site is to have your file included within the database of a popular search engine.
In this way, someone who is looking for keywords found within the title or file at
your site can find your address.
Every search engine (addresses are included in the "Links" section above)
includes a method for including your URL and basic information about your site.
However, the easiest method is to use Submit It!. With this service, you can submit
your file to a large variety of search engines and online catalogs at once.
1996 ALL RIGHTS RESERVED The workbook includes the basic operation with step-by-step guides in both Macintosh and Windows formats for the following programs: Word, Wordperfect, PageMaker, QuarkXPress, CorelDraw, FreeHand, Illustrator, Photoshop, Excel, Lotus 1-2-3, Director, Persuasion, PowerPoint, Hypercard, and Netscape.
