Quick Guide
- Part One
- Part Two
Alas, you must learn the basic skill of HTML to be an expert at it. A lot of webpage software takes care of the job easily, but the code for a link is rather simple. Let's say I have a section called "Lyrics." The address for it would be at: www.lyrics.com, now this is how I would type it up:
<a href="http://www.lyrics.com">Lyrics</a>
Greg's Tip: The more organized your html is the easier it is to picture you page. using comment tags <!--start section--> at the begining and end of sections can really help. <!--End-->
Greg's Tip: When doing more than one
thing to a certain image.text, such as font size 3 and blinking. make sure you
"hug" the tags" Good: <FONT SIZE=3><BLINK>what you want to say.</BLINK></FONT>
Bad: <FONT SIZE=3><BLINK>what you want to say.</FONT></BLINK>
Make sure the <TITLE>page name</TITLE>
is inside the <HEAD></HEAD> tags:
<HEAD>
<TITLE>page name</TITLE>
</HEAD>
Creating anchors can be fun to look at, in addition, it adds the easiness of navigation to a site. Let's say you have something on the top of the page, your updates. Let's say you have a link that says, "Updates for Today." The HTML for that is "Updates." Now, your updates are actually in the middle of the page. Now, with the proper HTML coding program, or just NotePad, do the following:
<a href="#Updates">Updates For Today</a>
Then at the area you post the updates, you have the section called, "Updates for Today."
<a name="Updates"> Updates for Today</a>
Sounds complicated at first, but later on it'll become easier.
Greg's Tip: Make sure you get the numbers for you
background & text colors right. just one number difference can change alot!
here 2 good urls for getting color #'s
Java picker: http://www.stone.com/java/ColorDemo/ColorTest.html
Non-Java: http://lightsphere.com/colors/
Heres a great site made by Proteus. the owner of "Slivers and Paper Cuts"
http://hyperion.advanced.org/20941/ Has
html descriptions lots of java scripts. cgi. and links to more html sites.
Tables are great tools for helping out your page. And it's not the tables that you can see. Using the proper HTML programs, you can make them invisible and divide your page in a great way. However, if your going to use tables, make it colorful. If you have Internet Explorer, you can use ActiveX by adding this to your page, which is normally under the header, and before <body>:
<
style><
!-- A:hover {color: #800000} --><
/style><
/head>Frames
Greg's Tip: When you making a
frames page you need to make sure you have a noframes part so that people
with browsers that can't view frames can have a link to a non frames version. to do that
just put a
<NOFRAMES> tag after the <FRAMESET> tag. Inside
the noframes tag put some text and a link
to a non frames version of your page. Like this.
<FRAMESET>
<NOFRAMES><BODY>
Sorry, your page can't view the frames version of this page.
Here (link) is a non
frames version.</BODY</NOFRAMES>
------------------
If you have a menu on your frames page, make sure it's targeted to the right frame. you
should name
your frames to what they are like, menu, view, banner, stuff like that. when your
targeting
you don't have to ad the TARGET tag to every link. you can do a base target tag. it makes
every link go to the same place. it's like this:
<BASE TARGET="target name">
When doing links to other page, use the target=_top tag. that makes the page load in the
whole
browser instead of your frame's window. it's really annoying when people do that. to add
the tag
put it in with you link tag like this:
<A HREF="url" target="_top">
--------------------
Don't make your menu to big. If your menu is half or even 1/3 of the screen, there is not
that much
room left to view the pages your linking too.
Besides Frames
There are other ways to divide your page up. Right now we'll discuss tables, and then later when I collect enough information, I'll talk about image maps.
Tables usually require some sort of HTML Editor, like Microsoft Frontpage. Most pages have their tables invisible, but you can show them off a little bit if you have a short menu.
Coming soon, Image Maps and Your Own Personal Style...