Basics of Web Page Creation and Editing with Netscape Composer 4.7


(Last Edited Dec 4, 1998)
Starting Composer
Editing and Formatting--the basics
Saving Your Page to A floppy or the hard drive
Publishing Your page on the server with Composer
Moving your page to the server with FTP

For a more Comprehensive Composer Tutorial try this one created by a Philosopher professor at CSU Longbeach or check out for Netscape documentation.


Starting
First find and start Netscape Communicator. You then have two choices for web editing:
1. Start a new web page in Composer
2. Edit a previously created web page
     
     
     
    1. Start a new web page in Composer
  1. Choose New from the File  menu
  2. Drag across to the sub menu and select one of the following
    • Blank Page <--to open a blank page
    • Page From Template<--to open a template for a new page

    • Page From Wizard<--to step you through a new page creation
    File new menu

     
    I  usually choose Blank Page for maximum flexibility 
    • A blank page will open in Composer
    • Type as you would when using a word processing program.   Go to the Editing section to get an overview of the facilities in Composer
    Choose Save as from the File menu and save to your hard drive or floppy disk or choose Publish from the File menu to place your edited page on a web server. I usually save to a file folder I previously set up for my page (web pages have separate text [html] and graphics [.gif or .jpg] files). I then use an FTP program to move my files to the web server. 
    ---TOP---
     _________________________________
    2. Edit a previously created web page 
    • Start Netscape Communicator
    • Open the page you wish to edit in the browser. This file could be on your computers hard drive, a floppy or from the web but it works best if the files are already on your computer. 
        You should have a folder created for your files if you are editing a page that is from the internet because you will need to save the text [htm] and graphics [.gif or .jpg] files.
     
    File Edit menu
    • Choose Edit Page from the File  menu and your page will open in Composer. If you opened the page from the internet you will be asked to save the page, save in your previously created folder.

    • Make changes, check the  Editing section of this tutorial to get an overview of the editing tools in Composer
       
    • Choose Save from the File menu and save to your hard drive or floppy disk

    •  

       

      You could then choose Publish from the File menu to place your edited page on a web server. I usually save to a file folder I previously set up for my page (html and graphics) and use an FTP program to move to the web server. I have found it easier to keep track of and maintain a backup of my files this way 

    ---TOP---


Editing/formatting--the basics
Think word processing and you will be able to use most of the editing functions in Composer. Type as you would normally, word wrap works and even self adjusts to different screen sizes. You can get a quick overview of the editing formatting tools by moving the mouse cursor to each icon. A brief identification for that icon will appear.  The major functions include:
(1) Format Toolbar
(2) Composition Toolbar
(3) Inserting and Editing a Graphic
_________________________________
    (1) The Formatting Toolbars
    Form tool
  1. Headings.  Choose size for headings, lists etc. Press black down arrow, then select heading size for selected text.
  2. Variable Width.  Choose Font type.  Press black down arrow, then select the font for selected text.
  3. Font Size.  Choose font size.  Press black down arrow, then select size for selected text.
  4. Font Color.  Choose a text color.  Press black down arrow, then select color for selected text.
  5. Bold. Select text and click icon and selected text will be changed to bold or unbolds bold selected text
  6. Italic. Select text, click icon and selected text will be Italicized
  7. Underline. Select text, click icon and selected text will be underlined
  8. Remove all style selections
  9. Billeted Lists (HTML-Unordered Lists). Select list and clicking icon places a bullet in front of each item of a selected list
  10. Numbered Lists (HTML-Ordered Lists). Select list and clicking icon places a number in front of each item of a selected list
  11. Unindent lines. Select text and click icon moves selected to the left if possible
  12. Indent lines. Select text and click icon  moves selected text to the right
  13. Line Formatting; Select text, click on the icon, drag and select Left, Center or Right text format
_________________________________
    (2) The Composition Toolbars
    Select text to be formatted then choose editing tool
    Composer Tool
  1. New, opens a new blank page for editing.  You could freeform do this or use a template or the wizard.
  2. Open, opens a web page located on your PC floppy or hard drive.
  3. Save, saves the web page on your PC floppy or hard drive,
  4. Publish, lets you place your web page on your server.
  5. Preview,  lets you save your page then previews saved page changes in the browser
  6. Cut,  removes selected text or graphic
  7. Copy, copies selected text or graphic to the clipboard
  8. Paste, pastes previously copied material from the clipboard to the cursor location
  9. Print, sends the web page to the printer
  10. Find, searches for specified text
  11. Link, will open a dialog box in which you can place a web address to link to from your page.  Select the text you want to be the link prior to clicking the link icon
  12. Target, identifies selected text as a place that can have a link made to this location
  13. Image, opens a dialog box that lets you bring in a graphic and determine the size and text placement for the graphic (should be either jpg or gif) image.
  14. H Line, inserts a horizontal line (rule) at the cursor location
  15. Inserts a Table at the cursor location.  You choose the number of rows and columns needed by dragging the miniature table that appears when this icon is clicked.
  16. Spelling, will check the spelling of your page
_________________________________
Insert menu


Saving Your page to a floppy or the hard drive
Saving
---TOP---
Publishing Your page to a Server --Warning! I have experienced difficulties with this procedure! Always make sure you have a backup copy of your page and its graphics on the hard drive or a floppy.
Choose Pub
lish from the  File menu then 
(1) In the publish dialog box: 
  • Add a title or change the title if you want 
  • Give the file a name 
  • Type in an FTP address for the location.  In the example my file is on the polaris server. 
    Current CSUB web pages for faculty are on www.csubak.edu the FTP address will be the same as mine up to my name.  Your name will be followed by the path to the web page you are publishing. 

    If your web pages are on the VAX the FTP address will be the same as the example below up to my name. 
    ftp://www.academic.csubak.edu/yourvaxaccount/...
    Your VAX account name will be followed by the path to the web page you are publishing. 

    If your web pages are on the web server www the FTP address will be: 
    ftp://www..csubak.edu/yourvaxaccount/...
     

  • When the dialog box entries are complete click OK 
  • Click the Continue button when the Security Information warning appears 
  • Click the OK button when the box announcing how many files were transferred 
  • Open your page from the web and check it out. 
Publish dialog


Moving your page to the server with FTP
---TOP---