FrontPage 2000

 

“FrontPage 2000 from Microsoft is a good choice for educators who want to build a simple yet elegant site.  Wizards guide you through the placement of text, graphics, and tables on pages; advanced features include support for Dynamic HTML.”

 

(Technology & Learning, August 2000)

 

 

Key Terms:

Server-computer that stores Web pages

Web page- document on the Web

URL-address of Web page

Links-highlighted text or images on a Web page

Browser-a software program for viewing a Web page

HTML-computer language used to create Web pages

 

The project you are going to create is a web page that will contain:

a.       an image

b.      bulleted text

c.       hyperlinks

 

Creating a webpage

 

Step 1:

     1.  Go to the Start menu, choose Programs and select Microsoft FrontPage.

  1. Click on File-New and select Web.
  2. When the New Window appears, click once on the Empty Web icon.
  3. Type: c:\window\desktop\classweb into the Specify the location of the new web field.
  4. Click OK to create the new web site.
  5. A blank page on the right side of your screen appears.  Locate the blinking cursor and note the new page name. (new_page_1.htm)
  6. Go to the File menu and click Save As.
  7. At the Save As window, name the file “index.htm”.
  8. Click Save.

 

 

 

 

 

 

 

 

Step 2:  Backgrounds for web page

 

  1. You can make your background any color you want by going to Format  then Background.
  2. On the background tab click on the drop-down box next to “Background” under the “Colors” section.
  3. Click on the More Colors tab and pick a light yellow.
  4. Click OK at the More Colors window and OK at the Page Properties window.

 

Clip Art Backgrounds
  1. Go to Format and click on Background.

2.   The Page Properties window will appear.

3.   Check the Background picture window under Formatting.

  1. Click Browse to locate the image you want to use.
  2. The “Select Background Picture” window should appear.
  3. Click the Clip Art icon and select a background within the Clip Art Gallery.

 

Note:  You can find background images at the following Web sites:

                                          www.nepthys.com/textures

                                          www.coolgraphics.com/gallery.shtml

 

  1. Right click on the background and click “Save Picture As”.
  2. Select a location.
  3. Go to Format then Background.
  4. Under Formatting, check the “Background Picture” box.
  5. Click Browse.
  6. Find the file on your computer.

 

 

 

Step 3:  Changing the page title

You can give a Web page a title that describes the contents of the page.

 

  1. Go to File – Properties to change the page title.
  2. Type the title of your page “Type the title you want”, into the Title box.
  3. Click OK.
  4. Click Save and view in Browser.
  5. The title now appears at the top of the Web browser window.

 

 

 

 

 

 

 

 

Step 4:  Adding a heading

 

  1. Position the cursor at the top of the new page and type:

 “ An Educator’s Guide to Teaching and Learning.”

  1. When you are finished typing press the Return/Enter key on the keyboard.
  2. FrontPage double-spaces everything. To single space, simply hold the shift key and press Enter.
  3. Highlight the title heading.
  4. Click on the Style drop-down menu and select Heading 2.
  5. While the text is still highlighted, click the Center icon to center the heading on the page.
  6. Change the default font to Verdana and press Enter.

 

 

 

 

Step 5:  Changing the color of the text

 

  1. Highlight the text.
  2. Go to Format and select Font.
  3. Click on the Color drop-down menu, and choose a color.
  4. Click OK

 

Step 6:  Horizontal Lines

Horizontal Lines visually separate sections of your Web page.  Avoid placing more than one horizontal line on each screen.

 

  1. Place a horizontal line underneath the text.
  2. Go to Insert – Horizontal Line.
  3. The horizontal line will appear on your Web page.
  4. To Customize:  Right Click on the line and go to Horizontal Line Properties.
  5. Change the Properties to Width 80 and Height 4.
  6. The following Web sites offer images you can use as horizontal lines.
    1. http://members.nbci.com/SSWebGraphics/lines/lines.htm
    2. http://www.coolgraphics.com/gallery/lines/lines1.shtml

 

 

 

Step 7: Adding  Images

Remember images take up lots of download time

Finding images:

           

a.        scan an image

b.       buy an image collection  (Adobe Image Library)

c.        search for free images on the web (www.gsu.edu/~etspaa)

d.       import images taken with a digital camera

a.       type www.altavista.com

b.      Under Search Tools click Image Search

c.       Type in students and click Search

 

 

Adding Clip Art Images

 

1.  Place the cursor on the page where you want to add the clip art.

  1. Click Insert and choose Picture, then Clip Art.
  2. The Clip Art Gallery window will appear.
  3. The Pictures tab will display a variety of picture categories.
  4. Click the category of your choice and select the picture you want to add.
  5. Click the Insert Clip icon.
  6. The clip art image will appear on your web page.

Note:  If you have Internet access, you can visit Microsoft’s Clip Gallery Live Web page to find additional clip art images.

a.      In the Clip Art Gallery window, click Clips Online

b.      Click OK to connect to the Web page.

 

 

 

Adding Alternative Text to an Image

 

1.      Place the cursor on the image and right click.

2.      A pop-up menu will appear.

3.      Click on Picture Properties.  The Picture Properties dialog box will appear.

4.      Click the General tab.

5.      Type an image description into the Alternative Representations text box.

6.      Click OK.

 

Step 8: Adding a Table

 

  1. Go to the Table menu, select Insert and choose Table.
  2. At the Insert Table window, change the value for Rows to 1 and the Columns to 1.
  3. Change the border size to 0.
  4. Click OK.
  5. Click inside the table cell and type some text.
  6. Go to the Table menu, choose Select and Select Table.  The entire table will be selected on the screen.
  7. If your table is not centered on the page, click the Center icon on the Formatting Toolbar to center the table on the page.

Merging Cells

    1. Highlight the cells in the table that you want to merge
    2. Click Table and then Merge Cells

 

 

 

 

 

Step 9: Hyperlinks

You can create a link to connect a word, phrase or image on your Web page to another page on the Web.

Create a Link to Another Web Page

  1. Select the text or click the image you want to link to another Web page.
  2. Click the “Insert Hyperlink” icon on the standard toolbar.
  3. The Create Hyperlink window will appear.
  4. Type the address of the Web page.
  5. Click OK to create the link.
  6. Click Save and Preview in Browser.

 

Create a Link Within a Web Page

 

 

Step 10:Adding a New Page

You can use the Navigation view to work with the navigational structure of your Web site.

  1. Click the Navigation icon.
  2. Right Click on the Home page icon.
  3. Scroll down to New Page and left click.
  4. Right Click and Rename.

 

Viewing Your Web Page

 

1.     There are six different ways to view your web page in FrontPage 2000.

Page view-where you create and edit individual pages.

 

Folders view- where you see all the pages that make up your web page.  You also see the names of all the graphics and files on each page.

 

Reports view-  where you test the links between all the pages, graphics, and files in your Web.  You can see reports that list slow or unlinked pages, recently added files, and broken hyperlinks.

 

Navigation view-  where you look at how visitors will navigate your web page.  You can create navigation bars and zoom in to work on particular parts of the site.

 

Hyperlinks view-  where you see all the items that link together on your web page.  In this view, you can see if any links are broken.

 

Tasks view- where you list tasks that need doing, prioritize them, and keep track of who is going to do them.

 

 

 

 

 

 

 

 

Resource:  Teach Yourself FrontPage 2000 Visually

                   ISBN 0-7645-3451-3

 

Web Resources:

                   http://www.acten.com

                   www.techlearning.com

 

 

No-Frills Web Hosting and Building

http://www.techlearning.com/content/about/archives/volume21/aug.html

 

 

Taken from Technology & Learning August 2000

 

Many education market companies offer template-based Web components.  A few are listed below.

 

www.eschoolhouse.com (free)

 

www.fen.com  (free)

 

www.highwired.cpm  (free)

 

www.iteach.com (subscription required)