H T M L

PAGE (7 of 8)

Creating a Sample Page

AOL Press

AOL Press is the WYSIWYG freeware Web authoring tool available on the McBryde 118 lab machines. It is available for download from the AOLpress Web site. This is a very simple to use editor with many editing features for HTML formatting and linking in Web page creation.

In the creation of this sample page, we'll look at the very basics to get started.

• Launch AOLpress from the menu. (Download and install it it first if necessary.)
• From the AOLpress menus, select File -> New -> New Page.
• An empty window appear allowing you to start typing content directly on your Web Page.

   

• Select the default title "Please Title this page. (Page 1)" in the Title bar and replace it with a desired page title.
• Select Format -> Page Attributes from the menus to open the a dialog window that allows you to set the page settings. Change the background to white with the Color: Pick button. Use the Text Colors section button to set the normal, link and visited link text colors for the page.
• Enter a Heading for the page. Select the text just types and select Format -> Heading -> Hdg_1 from the menus to set the text heading level.
• Below the heading, select the Numbered List button from the window toolbar. This will format the list tags for you at the current position of the cursor and automatically number the first entry. Enter some text for each of the List Item tags. Click below the last entry to proceed.
• Now, add an image. From the toolbar, hit the Image button. A dialog window with a browse button will allow you to search for an image file to add. (If you do not know the name of an available graphics file, or one is not available to select, you can always save an image to use from a Web browser. From Netscape, or IE, right click on an image and choose Save Image as... from the popup menu. Alternatively you may use one of AOLpress's own image: 2.0map.gif.)

• Add a document link. Enter some text to be linked below the image and highlight it. From the toolbar, hit the Link button. A dialog window will allow you to enter a hypertext link for the text in the Link To Page: field. Enter the CS department course Web server link, "http://ei.cs.vt.edu/courses.html".
   
• Now, add a table. From the toolbar, hit the Table button. A dialog window will allow you to enter the number of rows, columns and a caption for the table. Enter some text in each field of the table.

  The resulting document and table is shown below:

   

   

• Don't forget to save your work. Experiment with the other toolbar buttons and menu toptions referring backk to the previous coverage of HTML tags to determine what each of the program features does.