|
Home |
The 3 Simple Steps to Editing HTML w . . .
|
The 3 Simple Steps to Editing HTML with Notepad
This article demonstrates how to open a HTML web site template in Notepad, how to save changes, and how to see the results of changes made, all without uploading the file to your web hosting account. There is no need to own web design software to edit HTML. All you really "need" is a plain text editor such as Notepad. Editing existing HTML documents with a WYSIWYG (What You See Is What You Get) web design software can cause undesirable results due to "code bloating". When you edit HTML with a plain text editor, there will be no Code Bloat. Code Bloat is generated by WYSIWYG editors because they try to fix problems that don't exist. I have found this to be true with these types of editors even when the program is set to edit in plain text HTML mode. There is no need to be connected to the Internet to edit HTML documents or view the results of editing locally on your machine, as long as the file extension is either .html or .htm. To follow along with this tutorial, you should have some HTML files stored somewhere on your machine. We will be using the 2 Col Left Navigation Web Template to demonstrate. Step 1
First open the web template in your web browser by double clicking on index.html
Double-Click index.html
|
|
Step 2
Next, select View then Source:
View the Source
|
|
Viewing the Source will open the page in Notepad ready for editing:
The web page ready to edit in Notepad
|
|
Step 3
Edit the page and Save changes as you go:
Save changes as after editing
|
|
Tip
After you Save, check the results of those changes by refreshing index.html like this:
Refresh/Reload the page
|
|
Continue editing until you are satisfied with the changes.
| 
Announcements
