Netscape Composer
Web Page Design
Insert Menu


Link | Target | Image | Horizontal Line | Table | HTML Tag
Editing Menus

File
Edit 
View
Insert
Format
Tools
Communicator
Help

Home



 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

To Top
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

To Top
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

To Top

This is where you can go to spice up your web page.  You can choose several different options from this menu:
  • Choose "Link" to link one piece of information to another.  You can link words, phrases, and/or pages.  An example of this is seen in the menu to the left.  These words are linked to other pages on this site.  You can also choose key words to link to information throughout the site or web.  For instance, if I were explaining something about the file menu on this page, I would also link the word "file" with the page that explained that menu. I did just that as you have surely noticed in the previous sentence.  I highlighted "file menu" and clicked "Insert", then "Link".  At that point, a box appeared, asking what file to look in as well as what file to link to. That's when you choose the file and click "Open".  Next, you choose the target you wish your link to "hit".  Next, choose "Apply" and then "Close".  You can also link information on the same page by using the steps discussed above.  Using links makes navigation easy. 
  • Before you can link one piece of information to another, you must have a place, or target, for the link to land.  To insert a target, choose "Target" from the "Insert" menu.  At this point a box will appear, asking you to name your target.  It is essential for you to give it a name that is easily recognized because you will need to choose it when you attempt to apply a link. After you name it, click "OK".  This target then goes into a group of targets for a particular page, ready to be used when applying links.
  • Choose "Image" when you want to add graphics to your page.  A box appears, asking which graphic or image you would like to add to your page. This image can come from a local file or an Internet site.  After you choose the graphic you want, this dialogue box allows you to customize the size and placement of that image in relationship to your text.  This is called text alignment and wrapping.  Here are some examples of images added to web sites using this option:
http://www.rr1.net/users/catey/softball/
http://students.ed.uiuc.edu/catey/eportfolio.html
http://www.cumberland.k12.il.us/chs/girls%20sports/softball/GirlsSoftball/index.htm#profile4
  • Choose "Horizontal Line" if you want to separate sets of information placed on the same page.  Using horizontal lines helps to organize your material and acts as visual cues to the visitor.  Below is an example of a horizontal line:

  • There are several reasons why most, if not all, of your information on your site should be placed in tables.  Choose "Table" to add uniformity to your page.  A box will appear, allowing you to customize the dimensions and options of your table.  First you can choose how many rows and columns you want.  Next, you will choose the alignment (left, center, right) of the table.  The examples below illustrate the different alignment choices:
This is left alignment.
This is center alignment.
 
This is right alignment.
  • The table dialogue box also allows you to choose whether or not to have borders on your table.  You can also determine how thick those borders will be.  The examples below illustrate some of the many different borders from which you can choose:
This table has 1 row, 1 column, and no border.
This table has a border of 1 pixel.
 
This table has a border of 6 pixels.
  • There are other options available in this dialogue box.  For example, you can choose the height and width of tables to be inserted.  For example, the width of the example tables above are different.  In the first set of examples (alignment), the width of the table is 50% of the full page.  In the second set of examples (borders), the width of the tables is 25% of the full page.
  • This dialogue box also allows you to change the dimensions of the columns within a table.
For example: This table has columns that are not equal in width.  This is useful when you want to include a navigation menu with the information on a particular page.  To do this, just uncheck the box adjacent to the words "Equal Column Widths".
On the other hand, this table has columns that have equal width.  To do this, be sure the box adjacent to the words "Equal Column Widths" is checked.
  • In the above tables, you will note that there is a background color for all the cells.  This was done to illustrate the fact that the "Table Properties" dialogue box is capable of this. To create a background color for the entire table (like the yellow one above), click on the gray tab next to the words "Use Color" within the "Table Background" section.  A color box, like the one below will appear. Choose the color you desire and click on "Apply" then "Close". 
  • In order to fill an individual cell with background color (like the blue and white table above), place the cursor inside that particular cell and right click.  Then, click on "Table Properties". This will bring up a box which allows you to customize individual cells.  The individual cell is now able to be aligned, to be sized, and to be filled with color in the same manner that it was explained above for the entire table.
  • Choose "HTML Tag" to embed objects and java applets into your page. When this option is chosen, a box will appear, asking for the tag of the object you want to embed.  Paste the HTML tag (one at a time) into the box provided.  Click "Verify" then "OK". Here are two pages that have java applets that were embedded using this method:
http://www.rr1.net/users/catey/classes/poetryreading.html#poetryreading
http://www.rr1.net/users/catey/classes/Wordsearchhome.html#wordsearch