The HTML Editing Process: 
Notes from Tracy Marks

Students are often confused about how and when to switch back and forth between Netscape browser, Netscape Editor and Notepad or Notespad when doing HTML. The difficulty explaining is that there is no set order of steps - all depends on what you are doing and the troubles you are having.

Notepad or Notespad
I also recommend using Notespad rather than Notepad for four reasons. In Notespad,
you can open eight documents. You can save as (save as box) an Internet document with an html extension. And most important, if you are using an editor, you can use File,
Open Other, Updated
in Notepad to open the updated version of a page you edited in
Netscape's editor, rather than close Notespad and reopen it to insure you are looking
at the current version. Finally, Notespad has an excellent find and replace feature.

Get Notespad via http://www.windweaver.com/w95tips2.htm#Replace.  Or go directly to the
download url (w95 version): ftp://ftp.realtime.net/vendors/newbie.net/NotesPad/ntspad32.zip

In Netscape, make sure you set up Notepad or Notespad as your external editor. Go to Options, Editor Preferences, External Editor and browse for the file notepad.exe (in your Windows directory) or notespad.exe (wherever you have installed it).


ALTERATIVE ONE: Working primarily in Notepad
Do all your work in Notepad or Notespad, and check it in the browser. If you make a change in Notepad you must save it first. Then to view it again in Netscape 3.01's browser you must hold down the shift key and press reload so that you are viewing the new page and not the one stored in the cache. The order is:
1) Write in Notepad       2) Save as in Notepad, with an html extension   
3) Check it in browser using file, open file in browser      4) Correct in Notepad       
5) Save in Notepad       6) Press shift, reload to view edited copy in browser


ALTERNATIVE TWO: Using Notepad AND Netscape Editor
If you are working primarily in Netscape's editor, you will occasionally have problems that you have to correct in Notepad or Notespad. The most common problems are:

a) You move a line, but it does not move the right codes. It omits a code or takes a
     code you don't want to move with it, and the formatting goes awry. You therefore
     need to troubleshoot in Notepad, and move the codes to the proper place. If you
     make a correction in Notepad, be sure to save the corrected page, then use view,
     reload
in Netscape's editor or shift, reload in Netscape's browser to view it.

b) You create a link, then continue, and your unlinked words or the following image
     remain linked. You can solve this problem in Netcape's editor by selecting the text or      image you don't want linked, and choosing properties, text or properties, link and      deleting the link. Or, open Notepad and move the closing code </a>.

c) This one happens and all the time and is almost undetectable on your computer!
    When you save an image to your page, especially if you have the box save to     document's location checked in your image, properties dialog box, it will put
    in the address of the image on your hard drive rather than list the file as you
    would list it on your Internet site. When you look in Notepad, the url will then
    begin with the word file and include your hard drive letter like file:///D|/netscape\
    mysite\image.jpg
. You will be able to see the image on your computer because you     are using your hard drive....but no one else would be able to see it on the Internet!

    Therefore, when you have saved your page, skim through your text in Notepad and
    make sure that all image addresses are ok. The easiest way to do this is to search for
    the word file, because then Notepad or Notespad will take you anywhere on your page
    where the word file occurs, including any image addresses where it doesn't belong.
    Your image should have a relative address like "image.jpg" or "images/image.jpg"
    - the latter if you keep all images in a separate image  subdirectory. If so, keep the
    same kind of subdirectory on your hard drive and  DON'T check "copy image to
    document's location" when you save an image in Netscape's editor.

Using Netscape 3.01's Editor: Editing Steps
1. Create your page in Netscape's editor.
2. Save it in Netscape's editor. Give it an htm or html extension, and save it to
     a special directory where you are saving your site.
3. In Netscape's editor, choose file, open file in browser to see what it will look like.
4. Use your window menu in the browser to return to the editor to make corrections.
5. Do a file, save in the editor to resave the corrected copy.
6. Choose file, open file in browser to view the corrected page.

7. If there are problems that you can't correct in the editor, troubleshoot in Notepad.
    From the Editor, choose View, Edit Document source to open the file in Notepad or     Notespad - depending upon which program you have set up as your external editor.
8. Make your corrections in Notepad. While there, make sure your images are
    referenced as they should be, not to your hard drive.
9. Do a file, save in Notepad to update your page.

10. Use alt, tab or click the minimized icon to return to Netscape's editor. Usually,
    you will see a notice asking if you wish to update the document. Do so. If such a
    notice doesn't appear, choose view, reload to update the document.
11. Check it out in Netscape's browser by choosing file, browse document. If it looks
   like you are viewing an old copy (you shouldn't be unless you switched to the
   browser from your minimized browser icon or via the window menu), hold down
   shift while you press reload to access the current copy
12. Repeat these steps until you are satisfied.

13. If you return again to Notepad to make corrections after you have made corrections
   in Netscape's editor, you may be looking at the old version of your page in Notepad.
   If you edit in Notepad and save, you may then lose any corrections you made in
   Netscape's editor. To prevent this from happening:
   a) If using Notepad, close it each time you make a correction. Then return to it
       using view, edit document source in Netscape's editor.
   b) Better yet, use Notespad. Return to Notespad via alt, tab or your minimized icon,
       and choose file, update (in earlier Notespad versions) or file, open other, updated.