Designing Web Pages
with FrontPage 98


Level I

Student Data

Objectives

  • define and describe Hypertext Markup Language (HTML), Web browsers, Hypertext Transfer Protocol (HTTP) and Uniform Resource Locator (URL)
  • discuss HTML standards
  • recognize HTML tags
  • describe the installation process for FrontPage including the components it installs
  • use FrontPage Editor to format HTML text and documents
  • import files into a HTML document
  • preview pages in a browser(s)
  • insert images
  • align text with images and edit the image properties
  • create text and image links to other pages in a Web, pages found on the Internet and places within a page (bookmark)
  • create an image map
  • insert tables into a HTML document and nest a table within another table
  • change table and cell properties, such as background color, borders, etc.
  • use tables for organization of information and page layout

Prerequisites

Prior experience with a graphical user interface such as Macintosh or Windows is required as is experience with a Macintosh or Windows-based word processing program, such as Microsoft Word. General knowledge of the Internet is helpful.

Course Outline

Introduction to HTML

  • Overview of HTML
  • HTML-related Terms
  • HTML Standards
  • HTML Tags

FrontPage Overview

  • Installation of FrontPage
  • FrontPage Components
    • FrontPage Explorer
    • FrontPage Editor
    • Microsoft/FrontPage Personal Web Server
  • Starting up FrontPage

Inserting Images

  • Inline Images
  • Transparent Images
  • Images and Page Layout
  • Adding Text and Other Effects to Images
  • Creating Thumbnails

Basic Formatting

  • Text Formatting
    • Heading Levels
    • Text Effects and Special Styles
    • Text Alignment
    • Unordered and Ordered Lists
    • Images Used for Bullets
    • Spell Check
  • Document Formatting
    • Creating and Changing Titles
    • Background and Text Colors
    • Inserting Another File
    • Inserting HTML tags
    • META Tags
  • Previewing Pages in a Browser

Making Links

  • Hyperlink Types
  • Text Links
  • Image Links
  • Navigation Bars

Working with Tables

  • Insert Table
  • Nest a Table within a Table
  • Edit Table and Cell Properties

Installing Student Data

There are two types of support files for this course: individual files and Webs. A few of the exercises depend upon opening or inserting files that reside in a folder called "Fp1". Other exercises have the students open existing FrontPage Webs for them to work on. The file is compressed and must be uncompressed using WinZip 6.2 (or later) for Windows95. Once the file is uncompressed, you will find two folders inside the main folder: "fp98,part1". One is the "Fp1" folder containing the individual files. The second folder is called "Webs" and contains the student FrontPage Webs. Simply copy the "Fp1" folder to each student's workstation (the exercises assume it will be in the root directory: C:\Fp1). The Webs must be imported (i.e., you can not just copy them to the student workstation to open them in FrontPage) into FrontPage.

Here is how to import the Webs:

  1. Copy the "Webs" folder to each workstation or if you have a networked classroom, set up access to that folder from one PC.
  2. Open FrontPage98
  3. At the Start Up dialog box, choose Create a New FrontPage Web, then click OK.
  4. Select Import an Existing Web.
  5. Type Example_Web for the name of the Web and click OK.
  6. Browse to or type in the folder where the Webs reside and locate the "Example_Web" folder. For example, if you installed the files on the hard drive you would go to: C:\fp98,part1\Webs\Example_Web. Check the "Include subfolders" box (very important), then click Next.
  7. Click Next to have all of the files imported.
  8. Click Finish to import the Web.
  9. Click on the Open FrontPage Web button to import the second Web that is needed for the course.
  10. Repeat the process of importing using Tavern for the name of the Web and locating the files for importing in the C:\fp98,part1\Webs\Tavern folder.