Help Desk For Creating a Web Page

You will learn the basics in how to make your own web page, step by step.

Step one : Copy and Paste.

Once you know this, you are
half way there!

To do this there are many ways.

Copy the WHOLE page :

Go to top of page, EDIT and click
Click: SELECT ALL
Click: COPY
Open the page where you want the data.
Click: EDIT
Click: SELECT ALL
Click: PASTE

OR:

Highlight data with left click on your mouse, by holding down the button as you go over the data you what to copy; (some will use right click, depending on how your mouse is set up)
Right click: COPY
Open the page where you want to place the data.
Highlight the data you want to replace or place the curser where you want to add the data.
Right click: PASTE

Once you have COPY and PASTE down pat, half the battle of creating a web page on your own is over.

Basic codes

Download Template to copy and paste

This is an open code: < xxxx> and this is a closed code: < /xxx>.

Once you have an open code, you MUST have a closed code!

The FIRST part of a page has the opening codes and title:

< html>

< head>

< title>Web Page Building

< META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

< meta name="description" CONTENT="how to make web pages">

< meta name="keywords" CONTENT="html,web pages">

< META NAME="revisit-after" CONTENT="3 days">< /HEAD>

There is a space after ALL the LEFT ARROW symbols on this page, after you copy it, remove the space!

SECOND comes your BODY

By now you know if you are going with a picture background or using colors.

The menu below has two pages that may help you. A color cube and web page colors.

< body BGCOLOR="#F08080" TEXT="black" LINK="red" VLINK="yellow" bodybg="fixed">

< BODY>

You can use any colors you want by name or by their code.
If you use their code name you must use the # with it.

If you use a picture background:

< body background="http://www.geocities.com/helpdesk57/star.gif" BGCOLOR="#000000" TEXT="#ffd700" LINK="#ffd700" VLINK="#ffd700" bodybg="fixed">

If your pictures are in a sub-directory (which is best ) then the code would be the name of your subdirectory/name of picture.

Example, if you sub-directory is called pic, then your code would look like this:

< body background="http://www.geocities.com/helpdesk57/pic/star.gif" BGCOLOR="#000000" TEXT="#ffd700" LINK="#ffd700" VLINK="#ffd700" bodybg="fixed">

Make sure you upload all of your pictures and graphics and type in your picture name and extension!

Font Face :

If you whole page is one font then the code is < font face= Aero,Arial>

You may add more than one type, in case the person viewing the page does not have the first one listed. This font code will be closed at the ending codes.

Font Size :

The higher the number, the smaller the type!

This is< h1>

This is < h3>

Or you can use: < font size=”1”>
< font size="5">
< font size="-1">

To close this font size: < /font>
See the menu for more examples of sizes.

Just remember the text size you set it at , has to be closed!

If you whole document is one size, then you can open it at the beginning then close at the end of your last sentence.

Font color :

The code for font color is, < font color=blue>

to close is < /font>

Example of the codes together : < h3>< font color=red>Is this easy so far?< /h3>< /font>< P>

Picture source :

< img src="http://www.geocities.com/helpdesk57/yourpicture.gif">

or if in subdirectory called pics:
< img src="http://www.geocities.com/helpdesk57/pics/yourpicture.gif">

Some pictures are JPG. Format, just subsitute the format.

Sound source code :

< bgsound src="http://www.geocities.com/helpdesk57/title.wav" loop="1">< P>

If your sounds are in a subdirectory, add: < bgsound src="http://www.geocities.com/helpdesk57/wave/title.wav" loop="1">< P>

Paragraph :

The code < p> begins a new paragraph.
It can go in front of the sentence or last. Just be consistent!

Break :

the line break code is < br> . After viewing your work, you will know when to use the P vs the BR. You may use as many as you need.

Center :

< center> will center any data or picture on your site.
Everything after the opening center will be centered until you close it at the closing fonts or after what you want centered.

To close this, < /center>

Next page / Links :

< A HREF=http://www.geocities.com/helpdesk57/page2.html>Page Two< /a>< p>

or open new window: < a href="http://www.geocities.com/admiralmaggie/index.html" target="newbrowserwindow">United We Stand< /a>< p>

Menu :

Some webmasters prefer a menu instead of next page on their site.
Most of these scripts you can copy and paste and add your pages into it.

This menu has a GO button, which you can have it read anything you want and add as many pages as you need. It will be on all of your pages, so when you add another page to your site, make sure you add it in the menu too!

< br>
< br>
< center>
< form>
< select name="list">
< option value="http://www.your-homepage-addy>HOME
< option value="http://www.geocities.com/helpdesk57/page1.html"> Name of your page 1
< option value="http://www.geocities.com/helpdesk57/page2.html"> Name of your page 2
< option value="http://www.geocities.com/helpdesk57/page3.html"> Name of your page 3
< option value="http://www.geocities.com/helpdesk57/page4.html"> Name of your page 4
< option value="http://www.geocities.com/helpdesk57/page5.html">Name of your page 5
< /select>
< input type=button value="Go To"
onclick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value">
< /form>
< /center>
< p>

Using a Picture as a link :

< a href="http://www.geocities.com/admiralmaggie/index.html" target=" http://www.geocities.com/admiralmaggie/index.html "target="newbrowserwindow">< img src="http://www.geocities.com/helpdesk57/yourpic.jpg" alt="United We Stand">< /a>< br>

Mail Codes :

< A HREF=mailto:[email protected]> [email protected] < /A>< br>

Closing Codes :

Close everything that you have open!
Check to make sure all of your arrows in your codes are in the proper direction.

< /body>
< /html>
< noscript>

If you take the codes from this page, close the gap after the left arrow keys in green.
You can also view source from this page or any other pages you come across if you see something you’d like, right click and view source, highlight the desired information, copy and paste to any word program.
Start yourself a script file and keep them together.

ALWAYS BACKUP your HTML PAGES to a word document.
PROOFREAD your work or have others check it out!
So if you mess up, you will have a copy to fall back on.
UPDATE it EVERYTIME you are satisfied with your work.
Hosted by www.Geocities.ws

1