This is an easy basic structure of a webpage that you
can make in windows if
you use IE (internet explorer) as your default browser. You MUST
have IE (internet explorer) set
to be the default or this won't work to be edited in windows. If
you use
netscape as your default it has its own editor. Also the newest
versions
of Internet Explorer gives you the option to use Front Page
Express to make
your webpages. All you do in an editor such as these is type what
you want
to be seen on the internet, the editors will put html tag codes
into your
text for you. (What You See Is What You Get)
However, its very important you understand the very basic
html and its meaning. Hyper Text Markup Language is the meaning
of html.
Simple huh? Ok, now on to the next step. Are you ready? Off we go
then!
In order for your page to be seen on the internet it has to have
a beginning and
an end. Your codes go inside of brackets <likethis> no
spaces! One thing you
MUST remember is to be consistant with either upper case or lower
case tag
codes. i.e. HTML or html, got that? Now to learn what is inside
the brackets
and their meanings. The title tag is just that!! The title of
your page.
Such as <title>Carrie's Basic Html Help Page</title>
The body tag is very important
it shows your background graphic, your bgcolor (color that is
seen as your
page is downloading to be viewed) once the entire page is
downloaded the background
graphic shows up. text="#------" is the color of the
text you want your page to show,
You ofcourse use color codes instead of ---,
link="#------" is something that is
clickable that links two things on the web together,
alink="#------" is an anchor for
the link, vlink="#------" is called the visited link.
You will learn more about
these on my next part of help. They all MUST be inside the body
tag. The only
exception is the background graphic!! Some folks may just want
their page to
be a soft color or even a bright color. Which is what you will
see on this page as
we are not putting a background graphic in here yet. First you
have the <p>
tag....I think of this as meaning paragraph. Next you have the
<center> tag, this tells your text to center itself on your
page.
The <b> tag tells your text to stand out to be bold. The
<font> tag tells
your page what size you want your page text to be. Remember every
tag
has a beginning <---> and an end </---> The backslash
indicates the ending tag.
Okay now look below to see the very basic way to make a web page.
<html>
<title>Name of Your Page</title>
<body background="name.jpg"
bgcolor="#004400" text="#ff0000"
link="#ff0000" alink="#ff0000"
vlink="#ff000000">
<p>
<center>
<b>
<font size=4>
What you put in this area here is what will be seen on the
internet. This
is where you can put your graphics, text etc.
</font>
</b>
</center>
</p>
</body>
</html>
Copy and paste from the beginning of the codes for a page <html>
to the ending of the codes </html> into a notepad.
Go to file and click save as and call it mywebpage.html, you will
get a directory
window. Find the drop down window to view your computer directory
until you
find your desktop. Then click Save in the window and close out
notepad. Go
to your desktop and click on the mywebpage.html icon and you will
see your
very first webpage. Now while you are viewing your web page all
you'll see
is the text that is inbetween the words in the brackets
<greaterthenandlessthen>
Using your mouse right click and you'll see a little gray box
come up. Look down
the list until you see these words "View Source"
Highlight View Source and click
your mouse. And what should appear?? Aww...Your notebook codes
you saw earlier, right?
Now to the editing!! Click on the first word not inside a
bracket...which in this case
is What highlight from What to and include etc. and while its
highlighted hit
your delete button on your keyboard or you can click on Edit at
the top of your
notepad to click delete from there. Now where the curser is
blinking start
typing your own words. Doesn't matter what you type, just a
paragraph about yourself
or your flowers, your children...anything..as long as you type
something you won't
be afraid for anyone else to read. Finished? ok, now go to File
in Notepad and Click Save.
NOT Save As..just the word "save"...got it? Now close
out notepad and hit the refresh
button on the Internet Explorer Browser and watch the page change
from
the origial words to your new words.
Continue Here!