Create Your Own Web Page

This will show how simple it is to create your very own Internet Web Page. Web Pages are very effective for business purposes, convenient for reference purposes, can be accessed from virtually anywhere in the world, and are an excellent way of backing up information.

Web Pages are viewed by executing a program called a 'Browser'. Examples of Browsers are Internet Explorer and Netscape. These Browsers read and interpret HyperText Markup Language (HTML) code (i.e. instructions, commands) and other types of code contained in text files.

It is assumed that you know how to create plain text files using Notepad or a similar computer program. You should already have the Internet Explorer Browser on your computer.

Your Very First Web Page

Let's go directly to creating your very first Web Page. When we first learn a new computer language, we usually do so by first writing a program that simply displays 'Hello World!'. That is what we will do here as well.

To begin, create a text file and enter the following HTML code:

<html>
<body>
Hello World!
</body>
</html>

Save the file as, for example, MyWebPage.htm.

Now that you have the HTML file created on your computer, you can view it using your Internet Explorer Browser. Simply execute Internet Explorer on your computer and click on 'File' and then 'Open' and enter, or Browse for, the name of the HTML file you just created.

If Internet Explorer displays Hello World!, you have successfully created a Web Page on your computer. To permit the whole world to access and view your Web Page, the HTML file must be copied to the computer (i.e. server) of your Internet Service Provider (ISP). Examples of ISPs are America Online (AOL), Safe-T-Net, and Road Runner.

Copying Files To ISP Computer

Files on your computer are copied to your ISP server (i.e. computer) by executing a program that transfers files using the File Transfer Protocol (FTP).

NOTE: AOL No longer supports Internet Web Pages.

The browser supplied with AOL permits users to transfer files to the AOL server. For all of you AOL users out there, let's transfer the HTML file created above to the AOL server. This is done by performing the following steps:

. Click on 'Keyword', click on 'Go to Keyword' and then enter FTP

. Click on 'See My FTP Space'

. Click on 'Upload' and then enter the name of the file created (e.g. MyWebPage.htm)

. Click on 'Select File' and then click on or enter the name of the file created

. Click on 'Send'

Now the whole world should be able to access your Web Page at the following Internet address:
http://members.aol.com/USERNAME/FILENAME

Where:

USERNAME is your AOL user name (e.g. TDBConsulting)
FILENAME is the name of the file created (e.g. MyWebPage.htm)

Be sure to enter the file name EXACTLY as named because some programs are case sensitive.

Elements On A Web Page

Let's discuss the various elements you may find on a Web Page.

ANIMATIONS: I am an example of a GIF Animation. I can smile and wink at the visitors.

BACKGROUNDS: The backgrounds you see are examples of background files in use.

MUSIC: The piano music you hear playing is an example of MIDI music. You can click on the control bar below to stop, start, and change the volume of the music.

EMAIL: This is an example of an email address: TDBConsulting@aol.com
You can click on it to write and send an email message to that address.

WEB SITES: This is an example of an Internet Web Site address: http://www.TDBConsulting.org
You can click on it to go visit that Internet Web Site.
Note that no specific HTML (HyperText Markup Language) .htm file is given and the default is always index.htm.

WEB PAGES: This is an example of an Internet Web Page address: http://www.TDBConsulting.org/FirstBug.htm
You can click on it to go visit that Internet Web Page.
Note that it indicates a specific .htm file (i.e. FirstBug.htm).

VIEW SOURCE CODE: You may right-click on this page and then click on 'View Source' to see an example of HTML (and JavaScript) source code.

PHOTOS: The photograph below is an example of a 640 pixel wide photo. This particular photo has 150x150 Dots (pixels) Per Inch (DPI). Those are my friends Goliath and Spencer in the photo.


COUNTERS: Below is a Counter. It indicates the number of visitors that have visited the Web Site.

Photo Web Page

If you would like a simple Photo Web Page, that can be created in just a few minutes with very little HTML source code, click HERE. You can then right-click on the background (not on a photo) to view the HTML source code. The names of the digital photo files are Photo01.jpg, Photo02.jpg, Photo03.jpg, and so on.

Links

Links to several other web pages that give explanations and tutorials about creating a web page are given below.
These Links are for those learning how to create a web page as well as for those needing a quick reference.

http://en.wikipedia.org/wiki/Website
http://en.wikipedia.org/wiki/Web_page
http://www.webdesignfromscratch.com/sitemap.cfm

http://www.smplanet.com/webpage/webpage.html
http://virtual.parkland.edu/rbusker/wpg/
http://www.howstuffworks.com/web-page.htm
http://www.icao.int/icao/en/WebTraining/startme.htm
http://www.yourhtmlsource.com/
http://www.make-a-web-site.com/
http://www.cs.tut.fi/~jkorpela/coolhome.html
http://www.htmlgoodies.com/primers/html/article.php/3478131
http://www.entheosweb.com/website_design/default.asp
http://www.pagetutor.com/html_tutor/index.html
http://www-personal.umich.edu/~sdcamp/makingwebpages.html
http://www.w3schools.com/html/default.asp
http://www.wdvl.com/Authoring/Design/
http://www.ironspider.ca/index.htm
http://www.tubetorial.com/create-html-web-page/