How to edit your Web Page: Tutorial


Edit your Page With Netscape Editor
 TIPS    Edit Your Page With Netscape Navigator
Netscape Editor is extremely handy for purposes like updating your web page. It operates much like a word processor allowing you to make changes using you mouse and keyboard rather than altering the HTML code. It is extremely strait forward and should allow you to update your document with ease. Once  finished editing, simply save it in Editor and then select "Preview" and it will automatically update the changes to the original document.  
To Edit a document simply open that document with Netscape Navigator and choose "Edit Page" from the "File" menu. This will open the document in Netscape Editor allowing you to make changes as you see fit. 

To Edit the page simply choose sections of text that you want to replace, or select blank areas that you want to add information in, and simply type the information in. Netscape Editor is also handy for changing fonts, colors and all kinds of formatting, but I'll let you explore that. 

Make sure you save the file as index.html. This will ensure that you replace the old file with the new one on the server.

Once you are done editing your document to your taste you are ready for Step 7 in the How to update your Web Page Tutorial.

Edit Your Page Without Netscape Editor
 For Users    Edit Your Page with Microsoft Word

For users with Microsoft Internet Explorer, older versions of Netscape Navigator or other browsers.
You can edit your page with newer versions of Microsoft Word as well, though if you have both Netscape Editor and a Word version that allows you to edit web pages, I would recommend that you edit in Netscape Editor, as Word adds all kinds of unnecessary code and my upset your formatting. 

Microsoft Word: A warning
Although it is easier to update your page with Word than to alter HTML code, using word may alter the formatting of your page in ways that you may not want, and may undo previous formatting already there before you even downloaded the page. 

To Edit a document using Microsoft Word, simply open the document while you are in Word. 

Once the page has been opened in word you can edit it just as you would edit any word document. To save and update the document as a HTML document, simply choose "Save as Web Page" when saving the document. If you are satisfied with the results of your change you are ready for Step 7 in the How to update your Web Page Tutorial.


 For Users    Edit Your Page with HTML
For users with Microsoft Internet Explorer, older versions of Netscape Navigator, other browsers, and users with older versions of Microsoft Word  
If you do not have a version of Microsoft word that allows you to save as a web page, or you are concerned about the formatting of the pages being lost, you can still update and make changes to your document. It just requires a little knowledge of HTML. We'll Explain. 
     View Source
Step 1  
First you must be able to view the HTML source code - the code that formats your web page and places the text and images in the format you want them. 

To do this simply go to "View" menu in your Microsoft Internet Explorer browser and select  "Source" (if you do not have Microsoft Internet Explorer and are using either an older version of Netscape or some other browser look for some sort of View source command or Edit HTML command that allows you to not only see the source code but also make changes to it). The source will now appear in a Text editor document like "Windows Note Pad". 

Once you have the source visible, look around the source code for a bit. You'll notice if you look closely enough that mixed amongst all the of the HTML tags (items inside the < > brackets) is the original text of your web page like 

<BR><B>Mark Smith</B>

All HTML does is Mark up and format the text you specify (in this case "Chairman" and "Mark Smith") with the text placed between this code.

     Replace and Update Source Code
Step 2  
So understanding that the text is just 'placed' amongst markup tags, a simple solution is to simply go to the original source code and replace the old name of the chairman (in this case "Mark Smith") with the new name of the chairman. This is an effective way updating old information, while still maintaining the same formatting.
     Add New Information - Table
Step 3  
If you need to change more than just replacing text, like say for example adding an announcement where there was none previously, you need to know a little more about HTML.
First of all your page is probably in Table form, if it's not then it just that much easier. The important step here is to put your information in the proper table. 

In HTML the information in a Table's cell is placed between the <TD> and </TD> tags. 
A table with 4 cells would have 4 sets of <TD></TD> tags. Tables are built left to right, so that the table's bottom two cells would be the last two <TD> </TD> tags. If this is a bit confusing you might want to play around a little by putting text between different <TD></TD> tags in order to get the hang of it.

     Add New Information
Step 4  
HTML does not recognize what is called a "carriage return" or pressing enter at the end of a sentence ot start a new line. Instead you need special tags to do this. 
They are 
<BR> tags which start a new line and provide a small break in the text and 
<P> tags which start a new line and a larger break in the text. 

For Example you want to announce a meeting. Your HTML and text would be:

Meeting Announcement
<P>Power Engineering Society Meeting
<BR>January 13, 2001
<BR>Hyat Hotel, Room 31

The text might appear like so 

Meeting Announcement 

Power Engineering Society 
January 13, 2001 
Hyat Hotel Room 31 

-You get the idea. 
 Keeping this in mind you can just enter the text you want in the proper place.

    Save/Refresh Your Page
Step 5

For simplicity sake, try saving your file on your desktop.  This make is easier to to "toggle" back and forth between the sorce code and the actual web page when you want to view the changes you have made in the source code. 

To view the changes you have made to your page, you must first savethose changes of the page source in your text editor. To do this you mustsave the text editor file as index.html (or something .html if you do not want to write over your original page yet). Make sure that you are saving it with the file extension .html to ensure it is a web page and not a text file. Also if you can, try make sure your "Save as" is selected as "*.* All Files" and not "*.txt Text".

Next to see the changes you have made, and if you web page is open, simply hit the "Refresh" or "Reload" button in your browser. This will update any changes you have made to that document (if you saved as something else rather than the original name, look on your desk top if you saved there, and open up that document). If you closed your web page, simply open it now to note any changes.

Once you are finished editing, and are ready to now upload the page, do one final save as index.html (if you have not already saved it as that already). You are now ready to upload the page to the server.