Start FrontPage 2000
Construct a Simple Webpage
TO USE FRONTPAGE 2000
|The default table may have a
border. When using a table as a means of
formatting on a web page (as is done here with
these two paragraphs and the image at right),
this border must be made invisible.
Move your mouse to the inside of the table and right click. From the resulting menu (as shown at right), select Table Properties. In the resulting dialogue box, change the Border Size to "0", and while you are there, make certain that the Specify Width parameter is not checked or is set to "100%.". Finally click OK. The borders will disappear and be replaced with simple dotted lines that will not show up on the actual web page. Making sure that the width of the table is unspecified (or set to some percent) enables the table to fit totally in almost any size of web browser window regardless of the resolution of the monitor. This is very important for satisfied viewers.
If the cursor is not in the left most cell of the table, click once there. Begin typing some information in paragraph format. Include at least enough to make two paragraphs. Note that pressing the Enter key at the end of a paragraph produces a half space between paragraphs. So as not to place an extra blank line at the end of the last paragraph, DO NOT press Enter at the end of the last paragraph.
Note There are times when that half space is not desirable after the end of a line. To place an HTML "break" as an ending for a line as opposed to a "new paragraph" command, hold down the Shift key while pressing the Enter key. A right-angled left-arrow will appear to indicate the "break" command, but it will not show up on the final web page.
Note: At this point it is a good idea to save the emerging web page document. Choose or create an appropriate folder under your account or on your computer. For the first (topmost) web page at any site, use the file name "index.html". This simplifies the URL (web address) for your web site since the file name "index.html" will not have to be part of the address as the web server will automatically assume that is its name.
Images (pictures, charts, and other graphics) should be first saved in the folder in which the web page calling them is located on your computer. Once that is done, back in FrontPage 2000, click on the second cell of the table. Then press the Insert Image button and browse to locate the image in the folder from which you are editing your web page. Press OK and see the image show up on your emerging web page.
Caution: If you browse your computer files to locate the image, make certain to delete any of the extraneous information relating to the file path leaving only the image name itself!
One characteristic of web pages, that quickly becomes obvious to users when they stop to think about it, is that data is often best presented in "bite-sized" chunks. Under most circumstances, users will not read several paragraphs to obtain a few selected items of information. So try redesigning your two paragraphs into bulleted lists. Begin by placing the cursor at the beginning of the cell in which the text now exists. Follow this by pressing the Bulleted List button, and proceeding from there.
Note: If you change your mind about a particular editing activity, it can be reversed by going to the Edit menu and selecting Undo ....
Your web page (in FrontPage 2000) may look somewhat like the screen shot below.
Note: The color for the heading on this page was changed through the Font dialog box. To use this, highlight the appropriate text, then select the Format menu and the Font option. As is usual, one can also simply right-click on the highlighted text and select the Font option from the resulting menu.
Just as knowing the author and date of publication has some importance when reading or citing a book or article, so does knowing this same information for the web pages we read or create. Take the time to add your name, your email address (if possible, so readers may contact you) and the date of creation or modification of your web page. Begin by adding a horizontal line below the other info on your page. Go to the Insert menu and choose Horizontal Line. Then add your name and other information below that.
Adding a hyperlink that enables the user to email the author is straight forward. Locate where you wish to place this link, possibly after the author's name, and type in the email address (with spaces on either side), and FrontPage 2000 will automatically turn it into a "mailto" command and thus an active hyperlink.
Other hyperlinks can be constructed similarly using the full URL for the site. Place the cursor where the hyperlink is to be place and type the URL leaving a space on either side of the address. This will be automatically converted to a link to that web site.
To link to another page at your web site, enter the text (one or more words) or an image that you wish to become the hyperlink. Then highlight the text or image and select the Insert Link button. In the resulting dialogue box, delete the text, "http://," from the URL box and simply type the name of the web page to be linked. This should include the extension, e.g., next.html, on the web page file.
Caution: If you browse your computer files to locate the web page, make certain to delete any of the extraneous information relating to the file path leaving only the file name itself!
Some times the web author may wish to add color to a given cell or a whole table, to do this, right click in that cell or table and select either Cell Properties or Table Properties. In the resulting dialogue box, choose the background color you wish from the list of possibilities or make a custom color.
Do a similar right click on the web page and select Page Properties to obtain a dialogue box that allows choosing a background color for the page as a whole.
To change the color of a section of text, such as the header, highlight the text to be edited and then move to the Format menu and select Font. Caution: While different font styles may be selected in the resulting dialogue box, resist this temptation, please! Most users will not have all of the fonts on their computer that you have on yours, so a page that looks right for you may look much differently to others. As is usual, one can also simply right-click on the highlighted text and select the Font option from the resulting menu to change text color.
Search engines, as well as most browsers, use the title of a web page for various purposes. For examples, the title assigned to a page is the default name that will be used when users save your web page in their Favorites collection or Bookmark your web site. Thus begin with the most important word or idea and do not use such words as Home or Page (there are unnecessary). To change or add a title, from the File menu select Page Properties and enter the title in the appropriate box. Or simply do a right click on the web page and select Page Properties.
Always take a look at your web page in a browser--in fact in more than one if you have access to more than one. (You have been saving your web page at intervals as you have progressed in your editing, haven't you?) Note anything you need or want to change, and then make those editing changes in FrontPage 2000. Finally go back and view the edited web page again. Remember to save the edited page and to press the Refresh or Reload button on your browser.
Here is how my sample page looks in a small browser window.
Note: While FrontPage 2000 will automatically check your spelling, sometime you might edit a webpage in another editor that does not have a spellchecker. To remedy this situation, after editing your webpage, open it in Microsoft Word or another word processor. Check the spelling there, BUT do not save the file from Word! (Word does generate acceptable HTML code; however, it often defines such things as the width of tables when they do not need to be set and its formatting of the underlying HTML code is not as neat.) Simply note the mistakes in spelling on a print out of your web page, close Word, and open the page again in you original webpage editor and make the necessary changes.
When the web page contains the information you want it to and it looks good when viewed using a browser, then it is ready to be "published." This involves transferring all HTML files and graphics files into the appropriate directory on the computer acting as the web server for our college. This simply means copying all of the files from your X-drive to the W-drive, if they are your personal web pages or course-related pages. Some necessary links may have to be added to your departmental web page. Talk to your department's web master to have these links installed.
If you are responsible for departmental web pages, then the HTML and image files must be copied to the appropriate folder on the O-drive. If web pages for your department have not existed in the past, or if you want them linked to the main college pages in a different fashion, then contact the IT Center for assistance.
But don't rest yet! Your job is not complete until you view your web pages from a different computer and, if possible, from a different login account. Some image and hyperlink problems do not show up until a person who is not the author tries to access the web pages. So see what your web pages look like in your office and from home. Also, have other persons (students, family and friends) view your creations. Make whatever adjustments are necessary.
|©2002-04, Richard L. Bowman
Last modified: 15-Jul-04; by R. Bowman, email@example.com