WEBJeannieCentral 
First, you need to decide if you wish to have a normal page or a page with frames. Normal pages are generally easier to create but a bit harder to navigate through.
Pages with frames require more knowledge of HTML, but are usually easier to navigate through. Further, older browsers cannot display such pages, which means you need
a non-frames version of your page in addition to the main page.
All pages should be easily readable; this means you should not use too many different fonts and font sizes. Usually, one font for headlines and one font for normal text
is enough. The contrast between the font color and the background color and/or image must be rather high - never use yellow text on a white background, for example. The
background color and the color of a background image should be as similar as possible. If, for example, you have white background color, a dark blue background image and white text, this text is easy
to read. But if image loading in turned off, the background image will not be displayed and one cannot read the text at all, because you have white text on a white background. Therefore, always set the background
color to a color that matches the background image best.
If you use frames, be sure to have a large main window. Text becomes almost unreadable if the window it is displayed in is too small.
You need at least three different HTML pages to create a single frame page: one to set the frames, and one for each frame (at least two frames, one
frame wouldn't make much sense, would it?).
If, for example, you'd like to create a page like the one you are reading right now, you have to write seven individual HTML pages - one frame-setting page, and six pages to "fill" the frames.
The frame-setting page would look something like this:
<HTML>
<HEAD>
<TITLE>My Jeannie Site - Homepage</TITLE>
</HEAD>
<FRAMESET COLS="*,25" FRAMEBORDER="NO" BORDER="0" BORDERCOLOR="#00b8ff" marginwidth="2" marginheight="2">
<FRAMESET ROWS="25,*">
<FRAME SRC="top.html" NAME="Top" SCROLLING=NO FRAMEBORDER=NO marginwidth="0" marginheight="0">
<FRAMESET COLS="156,*">
<FRAMESET ROWS="60,*">
<frame src="mailer.html" name="Mailer" frameborder=NO>
<FRAME SRC="mainsel.html" NAME="Mainsel" FRAMEBORDER=NO>
</frameset>
<FRAMESET ROWS="*,10">
<FRAME SRC="main.html" NAME="Main" FRAMEBORDER=NO>
<FRAME SRC="bottom.html" NAME="Bottom" SCROLLING=NO FRAMEBORDER=NO>
</FRAMESET>
</FRAMESET>
</FRAMESET>
<FRAME SRC="right.html" NAME="Right" SCROLLING=NO FRAMEBORDER=NO>
</FRAMESET>
</HTML>
To fill this frame-set, you need six pages called top.html, mailer.html, mainsel.html, main.html, bottom.html, and
right.html.
If you wish to use hyperlinks in different frames, you have to target the links. Let's assume you have a link on mainsel.html called "SEND EMAIL". The
HTML code for this would look something like <a href="email.html">SEND EMAIL</a>. Clicking on this link would open a page called email.html in the same frame ("Mainsel").
If, however, you want email.html top be opened in the frame called "Main", you have to add this target to the A HREF tag:
<a href="email.html" target="Main">SEND EMAIL</a>
Further, there are some special target tags:
target="_top" --- opens the link on a new page without frames
target="_blank" --- opens the link in a new window
<base target="Main"> --- sets the base target to "Main" so that you don't have to set an individual target for each link on your page; this tag should immediately follow the <BODY> tag on you HTML page.
You can call the frames whatever you like, but please note that the target names are case sensitive: target="Main" and target="main" is not the same!
previous topic - proceed to next topic
copyright © 2000 Herrnsdorf Online, all rights reserved