Our First Web Page
In this tutorial you will learn how to create a web page without
some fancy tool such as Microsoft Frontpage, NetObjects Fusion,
Macromedia Dreamweaver, etc. All you will need to create your first
web page is notepad. Yes I said that right, notepad. Notepad comes
with every Windows version currently available and is nothing more
than a dressed up version of DOS's edit. As you become confident
in creating web pages you will come to like the power of notepad.
It does not add proprietary code like Frontpage or Fusion. It only
writes what you type and leaves the power in your hands. Let's get
started.....
Open note pad and type the following lines of text. Keep all text
lowercase and in spaced like the example (I'll explain later).
<html>
<head>
<title>Put Page Title Here</title>
</head>
<body>
Hello World!!
</body>
</html>
Before we go on, lets learn what each tag means. The <html>
tag tells the browser that everything after that is html. The <head>
includes code that is specific to the page. This is where we will
put our keywords, description, etc. The <title> is the text
displayed in the blue bar at the top of the browser. The <body>
tag includes attributes that will change the appearance of the page,
and everything between the body tags is what is displayed as your
page.
Now go to file|save as and browse to the location you wish to store
your file. Give the file name index.htm and ... don't click on save
just yet.... click on the Save as type: and choose all files as
shown below.
You need to choose all files because notepad will put a .txt extension
on your file name if you don't. This will make our file a text file
instead a web page
You may now close notepad. Browse to the folder you saved your
file and double click. Congratulations!! You just made your first
web page If you do not see the words "Hello World!!" in
your web browser, something went wrong somewhere. Do not get upset,
just go to the top of this page and start again. If you do see "Hello
World!!", go to the next step and lets learn something new.
Now lets go to Step
3
|
