Finishing Your First Page

Finally, we will complete our first page by adding some additional features such as:

• tables,
• bulleted and numbered lists,
• anchors.
  
  

1. Add a table
   

   The "table" command is a good way to organize masses of information in a clear, legible format on your page. You might use a table with the borders visible. Or you might use a table with borders invisible on the screen to organize columns and develop special effects. Now, we'll create a table to add some additional information. 

   • Write the following sentence:
     
                         The reasons why I  like and  dislike  Higland Oaks  Middle  School:
     
     
   • Press Enter to go to the next line.
     
   • Click the "Insert Table" button on the button bar (lower middle) OR use the pull-down "Table" menu and click "Insert Table".
   • You will get a dialogue box that asks you how many rows and columns you want, setting a border, and what % of the window (specify width) the table should fill. Set row and column values to 2, and width to 80%.
     
   • When you click "OK" you will get a table on your screen as you specified.
   • Now, type in the text for each of the two upper blocks in your table. Put the cursor in the block you want and start typing.
   • Your table should look like this:
     
     

     Why I like Highland Oaks Middle School:	Why I dislike Higland Oaks Middle School:

     
     

   • To set colors in the table: select all the cells in the table and right-click in the table. Click "Table Properties" for table or cell and pick the color from the Custom Colors/Backgrounds.

   
   Tables can be exasperating.  Composer makes automatic adjustments in the table when you save it. The table you see on the browser screen is not always what you intended. You will need to experiment with different settings to get the result you want. For example, to force certain sizes for the table and cells, use the % settings on the dialogue box.
   
   

2. Add bulleted or numbered lists
   
   

   Another simple way to add visual interest and clarity to your page is to put some text into a list with bullets or numbers. You must list 5 reasons for liking and 5 reasons for disliking HOM in the remaining cells of your table. Decide whether you want to use the bulleted list or numbered list. Then go to appropriate list bellow and follow the directions:
   

   Bulleted lists:

   • On the upper button bar (toolbar) far right, click the button denoting bulleted list.
   • Start typing and your type will appear in a list with bullets inserted.

   
   Choosing bullet styles for your bulleted list:
   
   

   • Right-click your mouse anywhere in the list.
   • You will get a pop-up menu.
   • Click "List Poperties."
   • Select the type of bullet you want for your list in "Bulleted"

   
   Numbered lists:
   
   

   • On the upper button bar (toolbar) far right, click the button denoting numbered list.
   • Start typing and your type will appear in a list that looks like this.

   
   Choosing number styles for your numbered list:
   
   

   • Right-click your mouse anywhere in the list.
   • You will get a pop-up menu.
   • Click "List Properties."
   • Select the numbering style you want for your list in "Numbered".

   
   

3. Set up a bookmark
   

   A bookmark is just like a hyperlink -- but instead of sending people to another Web page, you are sending them to another location on the same page. It's a fast way to move people around, e.g., to return to the top or to send them quickly to another location on the same page.
   
   Type the following sentence into your page:
   
                 The following is my art work done in Paint:
   
   Then, after pressing Enter twice to create space and go to the next line, start the Paint application and create some kind of artistic image of your choice. It can be anything as long as it is not offending anybody. Please refrain from creating any obscene and/or sexualy oriented material - it will count against you. Save the image in the appropriate folder (H:/Mr. Babich/images) with your name as the name of the file. Then insert the file in your page underneath the sentence you just typed.
   
   

   Then, you need to set up the bookmark -- the place you want to send people to -- your favorite pic in this case.

   • Put your cursor in the the top of the image you just inserted -- it presents the place you want to send people to.
   • Go to the pull-down "Edit" menu and click "Bookmark..."
   • You will get a small dialogue box asking you to name the bookmark. Type in "pic".
   • Click "OK" and the dialogue box will close.
   • You should now see a colored symbol with a picture of a flag at the place where you put the bookmark. This will appear only on your authoring page, not on the page when seen in a browser.

   
   Second, set up the hyperlink that people will click to go to the bookmark.
   
   
   Go back to the space you left blank between two horizontal lines you inserted earlier.
   Type the following text:
   
                      If you want to skip my school info, click here to go to my art.
   

   • With your mouse, highlight only the word "here" you just typed.
   • Click the "Link" button on the toolbar
   • You will get the same dialogue box you got for a regular link.
   • Click on the "Open Pages" tab. Open the Bookmark box. The bookmark you created in step one will be listed. Click once on it so it is highlighted.
   • Click "OK."
   • The text "here" is now highlighted as a link to this bookmark.

   
   Now, do exactly the same thing, except, you will place another bookmark at the very top of the page (name it "top"), and you will type the following sentence at the very bottom of your page bellow your art:
   
               Go back to top.
   
   Then highlight the word "top" you just typed and link it to the anchor "top". Test if your links to anchors work by clicking on the "Browse" button to view your page in the Internet browser.
   
   

4. View Page Source (HTML Source)
   

   To view the HTML source code, go to "View" and then click on "View HTML".

   ---

   
   After you have finished with this final part, let me know - I will see your work by going through your Web page. Make sure everything works as intended and as asked. I will then grade your work.