Using Windows Notepad as an HTML Editor: 1

Starting your first web page using Windows Notepad on your computer.

Step 1: Get organised. Make a folder especially for keeping your web page files, your image files etc stored in. This will simplify matters later. Possibly create a folder named "My Web" in your My Documents folder.

Step 2: Open Notepad.

Step 3: Open the folder you created to hold your web pages (My Documents - My Web) - it will be empty at this stage. In your Windows Taskbar you will now have the 2 tabs for My Web folder, and Notepad. We will use these to switch between Notepad and your folder.

Screen capture of Windows XP Task Bar.

Step 4: Before typing anything to Notepad, go to File > Save As.

  1. In the File window, select your save location (Save in) - the folder you created for your web pages.
  2. In the File Name text box type in your page name, with .html extension - e.g. homework.html.
  3. Change "Save as type" to "All Files" by clicking on the down arrow on the right hand end and selecting "All Files"
  4. Save the file.

It is vital you type in the .html extension on the file name and change the Type otherwise Notepad will save your file as a text file with a .txt extension, and this is not what we want.

Screen capture of file Save As window.

Step 5: Proceed to edit your file in Notepad, use File > Save to save an up to date copy of the file you are working on.

Screen capture of Notepad editor window.

When finished, switch to the My Web (or whatever you have named your web folder) window – use the Task Bar at the bottom of the screen – DO NOT CLOSE the Notepad window.

Locate the web page file you are working on - if it is your first file it will be the only one there - and double click on the file icon to open Internet Explorer.

You will now see your web page.

Do not close any of the 3 windows – Notepad, My Web, or Internet Explorer.

Switch between them using the buttons on the Task Bar.

Switch back to Notepad and continue editing your file.

Save, and switch back to Internet Explorer – using the Task Bar.

At this point you will still see the old version of the web page – click on the Refresh icon (with the 2 curved arrows) in the top Toolbar.

This will load the most recent version of your web page.

Repeat again – do not close any windows – switch between the one you want to use using the Task Bar at the bottom of the screen.

To Open an existing file for more editing.