Using the Netscape Gold 3.0.1 Editor to Edit Web Pages

This is a brief user guide for creating web pages (HTML documents) using the Netscape Navigator Gold 3.0.1. You can now create or edit HTML documents without having to be concerned with what tags to use to mark the lines of your document. Just type in your document and format them as if your were using any word processor. And then experiment with the different colors!

  1. Downloading the Netscape Gold 3.0.1
  2. The Netscape Gold 3.0.1 Menu Bar
  3. The Edit Mode Menu Bar and Tool Bars
  4. Converting to HTML from Microsoft Word
  5. Using graphics in HTML document
  6. Common Pitfalls to Watch Out For


Downloading the Netscape Gold 3.0.1

If you do not have a copy of this software, you can download it from the HKU site as follows:

In your WWW browser, type in the following WWW address at the field "Location:" or "Netsite":

ftp://ftp.cs.hku.hk/pub/netscape/navigator/gold/3.01/

Three directories of "mac", "unix" and "windows" will be shown in your WWW browser.


The Netscape Gold 3.0.1 Menu Bar

This is a partial picture of a Netscape Gold 3.0.1 menu bar. The one obvious difference between this menu bar and that of the previous version of Netscape is the 'Edit' button which allows you to edit any HTML document instead of just viewing it.

The 'Edit' button

Select 'File' on the menu bar to start a new document or to bring in an existing document to edit. When you have brought in a document, then press on the 'Edit' button to put you in the edit mode.

To edit a document on the host system, you must first copy the file onto your local disk by using 'File' and then 'Save As..." to save it onto your local disk. When you are done with the editing, use the 'FTP' program in HKUWIN to copy the file back onto the host system. To bring in a file on your local disk to edit, select 'File' and then 'Open File...'


The Edit Mode Menu Bar and Tool Bars

When you press the 'Edit' button on the Netscape Gold 3.0.1 menu bar, you will be placed in the editing mode and the above menu will appear.

On the first row, the menu bar contains 'File, Edit, View, Insert, Properties...' which function the same as those in other word processors and so they will not be described here.

The second tool bar contains the above icons.

The first icon is for starting a new document. You can either use a blank page or use any of the existing templates provided by Netscape to edit from. The second icon is for opening a directory or folder for searching. The third icon is for saving a file onto disk. The fourth icon is for viewing the document with the Netscape browser to see how it will look.

The next three icons will work only when you have selected a string - the scissors icon is for cutting a string, the copy icon is for copying the string onto the clipboard, and the next icon is for pasting/duplicating a selected string.

The printer icon is for printing the document, the binoculars icon is for finding a string. The last icon on this row is for publishing the current document to a location on the remote server. You must specify the location on the remote computer by ftp://location... or http://location... Look for details by selecting 'Help' once you are in the file transfer screen.

The third tool bar contains the above icons.

The pull-down window allows you to select your font. The next two are for creating a bulleted list or a numbered list. You must first select the text to be used in the list by highlighting the block of text. The next few icons are for indenting a block of text to the left and right, and for left, center and right justifying of text.

The last tool bar contains the above icons.

The first two icons and the pull-down window with numbers allow you to change the font size. The next three icons with the letter 'A' are for bold, italic or fixed width fonts.

The icon with the nine little squares of colors is for putting a selected string of text in the selected color. One of the advantages of using Netscape Gold is that now you can create colorful and attractive documents without having to know the codes for these colors. Just highlight the text you want to change the color of and then press on this color icon to select the desired color.

The link icon is for inserting or changing a hyperlink in a document. Select a string by highlighting it and then press the link button. A dialog box will be displayed prompting you for the link source. You can specify the link location by "http://www.hku.hk/..." , or use the "Browse File" option to select a file in your PC system, or the name of a target in the same document. The system will then highlight this selected string in blue and underlined. When you press on this link in viewing mode, you will be linked to the desired location. (Click here to see a common mistake.)

The icon next to the link is for clearing all character styles and link attributes of selected linked text.

Next on the line of icons is the target icon which is used for inserting a target or named anchor at the cursor location. A target is for marking the location of where a hyperlink will point to. When you press on this icon, you will be asked to provide the name for this target When you later establish a hyperlink to any target, the target names will be displayed for you to choose from. It is easier to first create all the targets in the same document and then establish the hyperlinks to these existing targets.

The graphics icon is for inserting an image at the current cursor location. The graphics files have to be existing before they are selected. They are mostly of file types .gif or .jpg. You have to use a graphics editor such as Adobe Photoshop to make pictures/graphics.

The line icon is for placing a horizontal line at the current cursor location. Use it to put a dividing line between major sections of your document.

The table icon with the four squares is for creating a table at the current cursor location. You will be asked to specify the number of rows and columns and other attributes in the table you are creating. You do not have to specify the size of the table cells as the size will adjust itself depending on the contents which you put into the cells. You can choose different colors for your table, the rows, or even a different color for every cell. To add a row or column to the table, first click on any cell in the table, then click Insert on the menu bar and then select Table. You can add a row, a column or a cell.

The last icon on this row is for changing the properties of any object at the current cursor location. Use this icon to change the colors of table rows and cells.

This is an example of a 2X2 table. You can choose a color for the entire table at the table creation step. Use the properties icon to change the colors by positioning your cursor on the table, row or cell and press the properties icon and then select the 'table', 'row' or 'cell' tabs.
You can have links in the cells of a table. You can use different colors in your text in a table. Netscape Gold 3.0 is a dream for playing with colors!

This is an example of a table with cells in different colors

Please refer to other Web Page Editing Documentation for a reference of the hypertext markup language.


Converting to HTML from Microsoft Word

Using "Internet Assistant for Word"

You can convert existing documents in Word format to HTML format using the Internet Assistant for Microsoft Word. The Microsoft Word 7.0 in Windows 95 already has this capability.

The Internet Assistant for Microsoft Word (English version) can be downloaded from http://www.microsoft.com/word/internet/ia/sysreq.htm ; while the Chinese version is from a mirror site in Hong Kong http://msdownload.hk.super.net/.

You have to install the Internet Assistant for Word to your local copy of Word when not connected to the network. (There is experience that when connecting to the network, installation of Internet Assistant for Word would be unsuccessful.) Simply run the downloaded file to install Internet Assistant for Word, when Microsoft Office or Word is not in use.

When you have finished editing a document in Word and ready to convert it to an HTML file, save the document first. Then click 'File...', then 'Save As...', and then select the HTML format from the pull-down menu of "Save as type" to save the file as an HTML file.

Without Internet Assistant for Word

If you do not have Internet Assistant for Word, you can still convert an existing Word document into HTML by performing the following steps:

  1. Start Netscape Gold 3.0.1 and create a new file
  2. Go into a Word window and call up your original document
  3. Copy the contents of the whole document and then paste into the Netscape Gold window.
  4. Save document in Netscape Gold. Now your document is converted to HTML format and you can start to edit it in Netscape Gold.

The Netscape Gold Editor does not have a speller to spell-check your document. You can check the spelling of a document by copying the text over to a Word window and use the speller in Word to check it.


Using graphics in HTML documents

You can use graphics and pictures in your HTML documents by creating your own or use the ones created by Computer Centre without having to worry about copyright. They are placed in the directories of "http://www.hku.hk/gif". If you use any of these graphics, and if you don't check the validity of your links regularly, then you should copy them to your own directory where the html document resides and not simply point to them in the WWW Server directories as the contents in these directories may change from time to time without notice.

If your graphics can be viewed alright in your local HTML document but not on your host computer after you have uploaded the files, then most probably this is due to:

Edit the graphics file-names and extensions in the html document and upload again.


Common mistake of specifying the target of a link

If the target web page is on your local disk, but in a directory different from the web page that you are editing, say "c:\test\file1.htm", then for test viewing of the web page being edited, you should use "file:///c|/test/file1.htm" in the "Link to" field when entering the target in the pop-up window. However, when you are ready to transfer the web page to the WWW Server, you must change the link "file:///c|/test/file1.htm" to "http://www.hku.hk/..." (by clicking on the link icon) so that the link will really refer to the target web page on the WWW Server.

Tricks in editing in Netscape Gold

Please note that Netscape Gold treats the <return> key as a new paragraph indicator. Whenever you press the <return> key, a new paragraph is created. If you want a single-spaced list, you have to first block select the list and press the bulleted list icon. The spacing will then return to single space and a list will be created.

To change the line spacing from double to single, you have to edit the document source by selecting 'View' from the menu bar and then edit document source. Change the <P> for paragraph to <BR> for line break. If you get a message of 'Helper application not found', it is because you have not defined an external editor. Select 'Options' from the menu bar, then 'Editor Preference', and then 'General'. Define your external editor by selecting from the directory that contains the Windows Notepad or Wordpad editor. The chosen editor will be invoked everytime you edit document source.

Please refer to other Web Page Editing Documentation for a reference of the hypertext markup language.


This document was prepared using Netscape Gold 3.0.1 by:

  • Mabel Chau
  • Mail: chaumabc@cc.hku.hk
  • Tel: 2958-8934
  • [Contents] [Next] [Previous]