ccTuteButn.gif 1CCHead241.gif 1CTIPZ.gif
CHR02c.jpg
CHR05.jpgCHR05.jpg
FTP Tute
1bulletdiam.gif CHR05.jpgCHR05.jpg
HTML Page
1bulletdiam.gif
1bulletdiam.gif
CHR05.jpgCHR05.jpg
Tables 101
1bulletdiam.gif CHR05.jpgCHR05.jpg
Tables 102
CHR02c.jpg

"Thanks to Cool Cat for these original files"
CHR02c.jpg

Creating an HTML Page



This tutorial will show you how to create an html page using either Notepad or Wordpad

This tutorial assumes that you already know how to write html source code.

Most Webtv users have an advantage over computer users in that they already know how to write HTML source code from scratch.
This is because they have no programs or tools to do it for them. All they ever had was an editor.

This editor is no different then Notepad or Wordpad.
Here's what you do.
Open up either Notepad or Wordpad.
Now start to write your html code.
When you are done with it click on the File Button in the top left corner and select Save As.
Choose the folder you want to save it in then give it a name with the .html extension added to the end of it.

An Example would be as follows;
I wrote some code and want to save it with the file name Index
So I name it Index.html
Now I save it in a folder.
Go to your folder that you saved the file in and click on it.
Your Internet browser should open up and display the page.
If it doesn't make sure your browser is associated with this type of file. If you aren't sure on how to do this see my Tricks and Tips page for instructions.

Now you are looking at your page you made.
Want to make some changes?
Easy to do. Here's how;

While looking at the page right click your mouse button.
Select the View Source option. Depending on what the option you chose to view the source either Notepad or Wordpad will open up with all your code on it.
Now make your changes or additions and click on the X in the top right of Notepad or Wordpad to close it.
A popup will appear and ask if you want to save the changes.
Select Yes.
Now click the Refresh button on your Browser toolbar and your changes will now appear.

Now for some quick tricks.
When you want to edit a html file without opening it in the browser, highlight the file by single left clicking the file.
Now hold down the Shift key and Right click your mouse button.
From the popup menu choose the Open With option.
From the list that appears choose either Notepad or Wordpad. Make sure the box marked Always Use Program To Open This Type Of File is NOT checked.

Your source code will now be opened up for you to edit.

When making more then one page, save them to the same folder and use the virtual type of formatting to create links.

An Example;
You made a Page2.html page you want to link to. Here is the coding to use;


Go to < a href="Page2.html">  Page 2</a>

In fact this whole site was created with Notepad. Granted I have some Cut,Copy and Paste Dhtml and Javascript codes in some pages that I got from web sites that offer them but it was all done with Notepad.

Hope this helps you create your web pages on your computer.

Cool Cat



Top