Creating a Course Web Site

FrontPage2002: Intermediate
Creating a CourseWebSite
MiddleTennesseeStateUniversity
OIT Instructional Technology
Monday, October 07, 2002

1

MiddleTennesseeStateUniversity
OIT Instructional Technology10/16/18

Creating a Course Web Site

Table of Contents

Before You Begin

Check your Quota on the frank server

Downloads

Open the Previously Created Web Site

Subwebs

Create a nested subweb to hold a set of course pages

Password Protect the Subweb

Using Web Templates

To Create a Web site with the Class Wizard

To create a new page

Rename the Home Page Icon in Navigation View

Using Themes

Apply a Theme.

Using Shared Borders for Navigation and for Placing Information that you want to appear on each page of your Web Site.

Change Your Web Site’s Shared Borders

Reset the Shared Borders for Specific Web Page back to the Web default.

Add Navigation Bars

Adding Contact Information to the Bottom Shared Border

Modifying Navigation Bars

Using Categories to Create a Site Map

Create a Sitemap page called Course Content

To create categories

To apply categories to pages

To create a Site Map

Creating a Threaded Discussion (Bulletin Board)

To create a Threaded Discussion Web

Managing Discussion Threads in FrontPage 2000

Viewing Discussion Files on the Web Server

To display files in hidden folders

Deleting an Article

Locate a filename from within your web browser.

Locate filenames by searching for text from within FrontPage

To remove an article from the web

Removing Whole Threads from Your Discussion Web

To find and remove discussion threads based on subject name

To find and remove discussion threads using the table of contents hyperlinks

To add a Hit Counter

Hyperlinks

Add an external hyperlink to a navigation bar

Close the Online Web and Open the Starting Web

Creating a bookmark

Make a New Page for Practicing Making Bookmarks

To create a bookmark

Create a hyperlink to a bookmark

Adding linked graphics to a Web

To insert and format an image

To add ALT text to a graphic

To create a hyperlink from a graphic

Creating image maps

Insert the image that will be used to create the image map

To create a hotspot

To create a text hotspot

Removing hyperlinks

To remove a hyperlink from your Web

Web Site Management

View site statistics

Managing Hyperlinks on your Web site

Verifying hyperlinks

To verify your hyperlinks

Repairing broken hyperlinks

To repair a hyperlink

Unlink an unfinished web page from a navigation bar

Adding interactivity to a Web with forms

Getting Started

Create a form using a wizard

1

MiddleTennesseeStateUniversity
OIT Instructional Technology10/16/18

Creating a Course Web Site

Creating a Course Web Site

In this hands-on session, you will learn how to:

  • Check your web site quotas
  • Create and password protect a subweb on your FrontPage web site – directions are included for doing this but at this point we are having problems with the FrontPage extensions on MTSU’s frank server so we will not do this as a class activity.
  • Create a web site from a template
  • Upload a web site into a subweb – We will not do this in class – but it is possible to do – Contact Brenda Kerr before attempting this.
  • Edit your web site online.
  • Make a Site Map instead of a Table of Contents
  • Apply a different theme to your web site and learn where the features are that allow you to modify the theme.
  • Deactivate and Reactivate Shared Borders
  • Add and modify Navigation bars
  • Create a Threaded Discussion (Bulletin) Board.
  • Modify Discussion Board postings.
  • Add a Hit Counter
  • View site statistics
  • Add and external hyperlink to a navigation bar
  • Create a bookmark and a hyperlink to the bookmark
  • Make an image link to another web page or image.
  • Add an alternate description to an image
  • Create an image map
  • Manage hyperlinks
  • Add a form to your web site.

Before You Begin

Check your Quota on the frank server

  1. Telnet to frank.
  2. Log in
  3. Type “quota –v username” (Don’t type the quote signs, place spaces after the word, quota, and before your username. Replace the word, username, with your frank username.)
  4. Press the Enter key
  5. Your file and space quota will appear. If you have gone over your quota call the help desk at “5345” or Connie Fensky at 8559.

.

1

MiddleTennesseeStateUniversity
OIT Instructional Technology10/16/18

Creating a Course Web Site

Downloads

We will use this “starting web” twice during this course. It will be used first to practice publishing before we publish to your web site online. The second time we use it we will create bookmarks and hyperlinks that access the bookmarks on the Curriculum Vitae web page.

  • Classes held in OIT's TechnologyTrainingCenter: A faculty web site has been created for this class and installed on this computer.
  • If you are taking this class online your will need to download the starting web zipped file, and unzip it onto your hard drive.
  • (08-19-02)

Open the Previously Created Web Site

We will be creating subwebs, or mini-web sites, inside the faculty web site. (Note:We are having a problem with subwebs on the frank server right now. Until we upgrade the extensions we will not create the subweb online in class. If you have a reason for doing this it can be done if you call Connie Fensky and tell her that you are ready to create a subweb. She will need to stop some actions that are occurring on the server so that your subweb can be created.) These subwebs will contain all course materials for a specific course. The subwebs can be opened separately without having to open the entire faculty web site. This saves computer resources because you will be working with only a portion of the web site at a time. It also allows you to password protect each course web site to restrict access to only students in a particular class restricts access to a particular student web designer.

Let’s begin by adding a subweb to your online web site. (Later on we will do the same thing to the “starting web”.

  1. Open FrontPage
  2. Choose Open Web from the file menu
  3. Open your web site on the frank server. (Type

Subwebs

Create a nested subweb to hold a set of course pages

(Note: This will not work at this time unless you call Connie Fensky)

  1. On the Views toolbar, click the Folders Icon to go to the Folder view.
  2. On the File menu, click New, and then Folder.
  3. Name the new folder.
    (For this class lets call the folder Biology 100 or a name of a course that you teach.)
  4. In the Folder List, right-click the folder you just created, then click Convert to Web on the shortcut menu.
    Note: After we have created our class web offline we will publish it to the folder we just created.

Password Protect the Subweb

(Note: This only works if you are editing your page online and you may need to stay online with Connie Fensky to actually get this accomplished.)

  1. Open a subweb. (It is very important that you open the subweb before going to the next step or you will lock up the entire web site so that it cannot be opened with FrontPage.)
  2. Choose Security and then Permissions from the Tools menu

    FrontPage 2002 with FrontPage 2000 extensions on the server

    FrontPage 2000 with FrontPage 2000 extensions on the server
  3. Choose “Use unique permissions for this web” on the Settings tab. Click the Apply button.

  4. Choose “Only registered users have browse access” on the Users Tab

  5. Click on the Add button in the Users tab, an “Add Users” dialogue box will appear. Choose to Allow Users to “Browse this Web”.

  6. Type in a username and password for the new user and click OK.

  7. Click OK again.

  8. Make a new index page in your subweb. Save the index page and refresh your web.
  9. Choose “Preview in Browser” from the file menu and preview your page in either Netscape or Internet Explorer. You will need to enter the new username and password before the browser will access the page.

Using Web Templates

This section describes how to quickly create a class Web site to deliver course materials and timelines, and to provide a forum for your students to communicate electronically.

You will use the FrontPage Web Wizard to create your Web from a template, name it, and then choose the server on which you want to store your Web.

The following illustration shows the dialog box you use to create a new Web from a Wizard or a template:

To Create a Web site with the Class Wizard

The website we create with the wizard will be created in the subweb we just created.

  1. Start FrontPage.
  2. On the File menu, click New,andthen clickWeb.
  3. Left click once on the Personal Web icon to select it.
  4. Type the address of your Web server in the Specify the location of the new Web box, and then click OK.
    For this workshop type in C:/_yourname_date in the specify location field.
  5. Click on the OK button to build the web site.
  6. In the Views bar, select the Navigation icon.
    The organizational structure of your new Web will display in the Views Pane. You can now add your own information to the pages created by the Wizard and even create additional pages as necessary. Later in this workshop you will learn how to add a Threaded Discussion page to your site.
  7. Take some time to browse through the web site. There are two ways to preview your work. You can preview the page by clicking the Preview tab in FrontPage or by choosing Preview in Browser from the File menu. Some web page components will only preview correctly in the browser. Try each method.
  8. Make a new web based on the Project template. Choose to save it to a new folder in the current web, the Personal Web that you made previously.
  9. When FrontPage finishes, check out the new web site. Notice that you now have two copies of FrontPage running. The one of the versions will contain your Personal web site and the other version will contain your Project Template.

To create a new page

  1. Make sure that you are in the version of FrontPage that contains your Project Template.
  2. Click on the page icon that you want the new page to be attached to (or be subordinate to). [Click on your home page]

    Highlight the page that will serve as the parent to the new page.
  3. On the File menu, click New, and then click Page or just click the New Page button.
  1. Locate “New Page 1” in Navigation view. Right-click on itand then click Rename.
  2. Type Surveyin the page title box and then press Enter to save your changes.
  3. Double-click the Survey Page you just created to open it in Page view.
  4. Type in a brief synopsis at the top of the survey that describes to perspective respondents the reasons why they should take the time to fill out the form. Save your work.
    This survey will collect information concerning...

Rename the Home Page Icon in Navigation View

  1. Go back to Navigation view. Rename the home page. Type in the name of a course in Standard English, in other words, use separate words and the appropriate capital letters. This is not a file name so we don’t need to worry about not using spaces. (Example: Biology 100 or a course name of your choosing.) This name will display in the page bannerand in the blue bar at the top of the web browser window. Notice that the file name is index.htm – see the Folder List. You should leave the index.htm filename as is because it index.htm and index.html are the standard default filenames for web sites.

If someone types in “ without placing a file name after the address “ and there is no default file in the directory, the person viewing your web site will see a list of all files in that directory. He or she will then have to decide which file to click on. If there is a default file he/she would automatically be taken to the default file.

Using Themes

The Personal and Project templates use both use a theme (a standard design for all the pages in your site). Themes make it easy to format the appearance of an entire Web site. Selecting a theme changes the fonts, colors, buttons, and background into a single page or site-wide format. Choosing a theme allows you to change the entire look of your site with just one click.
Note: Individualized page formatting that has been added to your pages will be overwritten when a new theme is applied. Therefore, the general rule of thumb is to choose a theme first and then modify individual pages to suit your needs

Apply a Theme.

You may choose a different theme to apply to your course Web site

  1. Open your home page in Page View. In the Format menu, click Themes. In the Apply Theme to: option area, select either Selected page or All pages, based on your preference.
  1. Scroll up and down the list of themes in the Sample of Theme list to select the individual themes you want to display. Once you have selected a theme, click OK to accept the changes and close the list. If you would like to modify the theme you have chosen go to step 3 before clicking the OK button.
  1. If you would like to change the components of a theme, click the Modify button and click the area you want to change (Color, Graphics or Text), and then make your changes in the resulting dialog boxes. (Note: In the advanced class we will make our own theme.)
  2. Click OK to save your changes to the theme.

Using Shared Borders for Navigation and for Placing Information that you want to appear on each page of your Web Site.

One of the most important considerations in creating a Web site is to make it easy to navigate. Users need to be able to find and use the pages in your site quickly and easily. If your site is difficult to use, it will not be an effective learning tool.

With FrontPage you can use the structure available in the Navigation view to organize your pages. Through this view you can use shared borders to provide complete navigation of your site. Simply drag the pages in the Navigation view to the appropriate spot in the hierarchy of Web pages and then place navigation bars on your Web pages to guide students through your site. The Navigation Bars automatically update as you make changes in the Navigation structure in Navigation View.

Note: Since we are using FrontPage 2000 extensions on MTSU’s web server we can only use the “Bar based on navigation structure” type of navigation bar. The “Bar with custom links” and the “Bar with back and next links” will not work on our server.

Change Your Web Site’s Shared Borders

  1. Open the Survey page in Page view, right-click anywhere on the page and select Shared Borders from the pop-up menu.
    (Note: Shared borders have already been added to your personal and project webs.)
  2. Click the check boxes for the borders you want to use and select Apply to: All pages or Current page, based on your preferences.
    (Note: For this class we will not actually change the shared border settings. We will just review how to change them.)
  3. Click OK to accept your changes and close the dialog box.

Reset the Shared Borders for Specific Web Page back to the Web default.

If you have changed a shared border and you now want to change it back to border setting that the rest of your web site uses you will need to go back into the Shared Border settings and put a check in the box that sets the page’s shared borders back to the web default.

  1. Choose Shared Borders from the Format menu.
  2. Select the Current page radio button.
  3. Choose Reset Borders for Current Page to Web Default to return the Shared Border settings to those of the main web.

Add Navigation Bars

The templates that were used to create the two web sites that we are using include navigation bars, however, you can add additional navigation bars either in Shared Borders so that they appear on other pages on the web site that display Shared Borders, or on the body of a web page in which case they would only appear on that particular page.