Advanced Web Design
A Tutorial for Microsoft FrontPage 2002
by Diana Dell
|Welcome to the Advanced Web Design Tutorial for
Microsoft FrontPage 2002. This tutorial is designed to assist you with
adding color, images, sound, functionality, and movement to web pages. It
is assumed that this tutorial will be used by those with some prior
experience with FrontPage. It is organized to be completed at your own
pace as you choose topics of most interest to you.
|Formatting Background Properties
To format a background color, choose one of the following:
To use a picture as a background choose one of the following:
Using a watermark as the background
A watermark is a graphic that appears in the background of web pages but does not scroll as the page scrolls.
Adding background sound
When a background sound is added, the sound plays as the page is opened. Use this feature sparingly as many visitor are bothered by constant music or sound. The sound may be stopped by pressing the stop button in the Internet Explorer tool bar. This feature is not supported by Netscape browsers.
Using tables for page layout
When you lay out text and graphics on a page, you can use a table to arrange them. Tables are supported by virtually all Web browsers and are an easy way to lay out your pages and to keep the appearance uniform in all browsers. Failure to use tables, especially when positioning images, can cause a discrepancy between the appearance of your page in design mode and published pages.
A hyperlink is a link from one web page to another web page, to a place on the same page, or to a file. When a hyperlink is clicked, the destination is displayed in a Web browser. The destination is most often another web page, but it can also be a picture, a multimedia file, a Microsoft Office document, or an e-mail address.
A hyperlink can be text or a picture. A text hyperlink is a word or phrase that has been assigned a destination. A picture hyperlink is a image that has been assigned a destination.
Linking to an Existing File, Web Page, or Email Address
Linking to a place on a page
First you must create a bookmark. Bookmarks are a location or selection of text in a file that you name for reference purposes. Bookmarks identify a location within your page that you can later link to. You can use one or more bookmarks on a page. For example, add a bookmark to each main heading on a page. To create a bookmark:
Now you can link to the bookmark as follows:
You can choose the colors that a Web browser will use for displaying hyperlinks. You can select three colors to use for a hyperlink, depending on its status:
Hyperlink color can be set as follows:
You can add also effects to hyperlinks so that when the cursor is moved over the hyperlink, its font changes in size, style, intensity, or effect.
In Page view, do the following:
Setting target windows
When you click a hyperlink on a page, the page that the hyperlink points to usually opens in the same window. At times you may want the destination of the hyperlink to open in a new window.
To set a hyperlink to open in a new window, follow the steps 1-4 above to create a hyperlink. Then:
Adjusting image brightness
Adding transparency to images
Adding text to images
Rotating and flipping images
Labeling images with alternate text tags
Using images as bullets
Creating image maps
Embedded, automatic slide show of images
The Banner Ad Manager web component can be configured to create an embedded, automatic slide show of images. All pictures in the slide show must be the same size.
In Page view, in the Normal pane, position the insertion point where you want to create the slide show.
Creating meta tags
Adding information to META tags helps search engines find and index your page. A META tag supplies information about the page, such as the author, a publishing date, or a set of keywords that identify the page, but does not affect its appearance.
Keywords are the most important meta tags to add. You can add keywords to any pages in your site to make them more accessible to search engines.
Using pre-formatted page templates
Microsoft FrontPage provides many page templates that provide easy layout options. Before you spend time creating unique table layouts, check the page template library to see if there is a layout that would be of use to you.
In Page view, do one the following:
Creating an FAQ page
FAQ stand for "Frequently Asked Questions." Microsoft FrontPage provides a page template for an FAQ page. It contains preformatted bookmarks, hyperlink, and dividers that make it very easy to set up a FAQ for your website.