These words are used often in these tutorials.

Hyperlink - Text or graphic hotspots that load other webpages when clicked on.

Pixel - The unit of measurement on the web. One pixel is approximately the size of a period (.) in 12-point Arial font.

Shortcut menu - As with all PC programs, access popup shortcut menus by right-clicking on objects with the mouse.

URL (Universal Resource Locator) - The address of a web site. This what is after the "http://" on the location bar on your browser.

Web - In FrontPage, your web site is referred to as a web.

Page view gives you a WYSIWYG editing environment for creating and editing web pages.

Folders view lists all of the files and folders in your web for easy management.

Reports view identifies problems with pages and links in the web including slow-loading pages, broken links, and other errors.

Navigation view lists the navigation order of the site and allows you to change the order that a user would view the pages.

Hyperlinks view allows you to organize the links in the web pages.

Tasks view provides a grid for inputting tasks you need to complete in your web.

Open FrontPage and select File|New|Web... from the menu bar or click the small down arrow next to the New button on the standard toolbar and select Web....

Click OK and wait for FrontPage to finish creating the web.

Now, explore your web. Click Folders view to see the initial page (default.htm) that was created and two folders. The "images" folder is where you will place all your graphics and photos. While it is not imperative that the images be placed in a separate folder, it keeps the web organized.

Click on Reports view to see a list of reports for the site. As you construct your web, this page will be much more useful. From here, you can identify and correct broken hyperlinks and fix large pages that take a long time to load.

View the navigation layout of the web by clicking Navigation view. Right now, there is only one page - the home page - listed. As more pages are added, this page becomes helpful to see how all your pages are linked together.

Hyperlinks view allows you to manage the links on your pages.

Optional - in Tasks view, list the tasks that need to be accomplished to create the web. Select Edit|Task|Add Tasks to add a task. Or click the down arrow beside the New button on the standard toolbar.

Make pages and save them, marking them as completed in the task view.

Click Folders view to locate the open the next page to work on.

When you are ready to publish your web on the server, copy the folder to the server.

FrontPage provides many individual page templates that can be added to any web. Follow these steps to add a template to a web page.

To open a web you have already created, select File|Open Web... from the menu bar. Select the web folder from the list and click Open.

Save all the pages within the web created by FrontPage. These pages, however, are not visible to anyone on the Internet. You must copy the entire web folder to a network drive.

Change various page properties by selecting File|Properties from the menu bar. The Page Properties window will allow you to change many general properties, the page background, margins, and more.

General - Under the General tab, one property that needs to be changed is the Title. This is the text that will appear across the top of the screen above the browser's menu bar when the page is viewed on the web. Background sounds are not recommended and design-time control scripting options do not need to be changed.

Set the Background color and a default Text color if it is not black

Margins - Set the top and left margin width by pixels if necessary. It is not necessary to alter any of the properties on the remaining tabs.

Hyperlink colors can be changed as well. The color set for Hyperlink will be the color of the text of a link that has not been viewed yet by the web site user. Visited hyperlink is the color the link will turn after the page has been visited. Active hyperlink is the color of the link as it is being pressed. This color is usually barely seen as the user quickly clicks the link. The default colors that web users are used to are blue for normal and purple for visited. Refrain from swapping these colors so users will not be confused!

Under Apply Theme to, select All pages to add the theme to all pages in your web or Selected page(s) to only apply the theme to activated pages.

Vivid Colors enhances the colors of the theme.

Active Graphics will convert navigation buttons to Java applets that change when the mouse hovers over them.

Background picture including a repeating background image to the page. Uncheck the box for a plain color background.

Apply Using CSS will add the properties to a style sheet.

To remove a theme from a page after it has been applied, select Format|Theme from the menu bar and select the first "(no theme)" option from the themes list. Click OK.

Font - Select a simple, common font for the web page. Keep in mind that the list that appears in FrontPage is the list of fonts loaded onto your computer while many of the visitors of your web site will not have the same fonts. Choose a font such as Arial, Geneva, Verdana, Helvetica, or another sans-serif font that is easy to read and most people have loaded on their computers. Font Style - Select bold, italics, or a combination of both.

Font Style - Select bold, italics, or a combination of both.

Size - Font sizes on web pages are designated by different values than the point sizes you may be used to working with in Word and other word processing programs. Font sizes are listed in parentheses next to the HTML point sizes. A point size of 2 or 3 is usually best for paragraph text. Below are examples of the font sizes using Arial font.

Effects - Many of these effects are unnecessary and some are not viewable on all browsers. It is not recommended that you underline any text as this will confuse your user since links are usually underlined. Use bold and italics to emphasize text instead of underlining. Blink is an old HTML specification and since it is quite annoying, many browsers no longer support it. Strong and Emphasis produce similar results to bold and italics. Press OK when finished.

Headings Explain these. They generally don't work properly in Netscape, but do work when assigned values in themes.

Converting Text to Tables The text in the next slide was typed into FrontPage by pressing the TAB key after each number and ENTER to begin each new line.

Hyperlinks are text or graphics that can be clicked to bring the user to another web file such as a web page or graphic. They are the essence of the World Wide Web as they link pages within sites and web sites to other web sites. To create a hyperlink in FrontPage, follow these steps:

Highlight the text or graphic that will be the hyperlink and select Insert|Hyperlink from the menu bar or pressing CTRL+K.

If the link will lead to a page within your site, highlight the page on the list and click OK. If it is an external link that will lead to another web site, enter the URL in the URL box. External URLs MUST begin with "http://" or they will not work.

Create an e-mail address link by highlighting the text (which should be written as the e-mail address) and pressing CTRL+K. Click the e-mail button with the envelope icon and enter the e-mail address in the box provided. Click OK on both windows to finish.

HTML code used on the web recognizes two basic graphic formats - GIF and JPEG. All the images on your web page must be either of these formats.

JPEG (Joint Photographic Exchange Group) - As a general rule, photos should be saved as JPEGs. This file type consists of 16 million colors.

GIF (Graphic Interchange Format) - These files contain 256 colors or less and should generally be used for non-photo graphics.

Inserting a GraphicTo add a photo or graphic to a web page, select Insert|Picture|From File from the menu bar. Choose the file and click OK.