Creating A Course Web Site by prm13338

VIEWS: 12 PAGES: 48

									FrontPage 2002 Basics
ITD Instructional Technology


 Faculty Instructional Technology Center
 Room 214, Telecommunications Building
 615-904-8189
 June 2002




 MTSU OIT Instructional Technology         9/8/10
Table of Contents
Before You Begin ................................................................................................................................................................. 1
Unit 1: Getting Started.......................................................................................................................................................... 2
  Unit 1: 1 Learning your way around FrontPage ............................................................................................................... 2
  Unit 1: 2 Background Information in Web Site Creation ................................................................................................. 4
  Unit 1: 3 – 1 Start Building a Web Site from Scratch ...................................................................................................... 4
  Unit 1: 3-1 Import Web Wizard ....................................................................................................................................... 6
     Unit 1: 3 – 1 Adding New Pages to Your Web Site ..................................................................................................... 6
  Unit 1: 3-2 Setting Up Navigation Tools in Borders Shared Between All Pages in a Web Site ...................................... 8
     To add shared borders .................................................................................................................................................. 8
     Add a Page Banner to the Top Shared Border .............................................................................................................. 9
  Navigation Bars .............................................................................................................................................................. 10
     Change Left Navigation Bar Properties ...................................................................................................................... 10
     Add a New Navigation Bar and Set Its Properties ...................................................................................................... 11
  Unit 1: 3-3 Adding a Design Theme to Your Web ......................................................................................................... 14
     To add a theme ........................................................................................................................................................... 14
  Unit 1: 3-2a Web Page Levels ........................................................................................................................................ 15
  Unit 1: 3-4 Specifying Browser Compatibility for Your Web Site ................................................................................ 15
Browser compatibility settings ........................................................................................................................................... 16
     Unit 1: 3-4 - To target only selected browsers............................................................................................................ 17
  Unit 1: 3-5 Web Page Content ........................................................................................................................................ 17
     Unit 1: 3 #5-1 Adding and formatting text ................................................................................................................. 18
     Unit 1: 3 #5-1 Copying and Pasting Text from another Open Program ..................................................................... 20
     Unit 1: 3 #5-2 Creating Hyperlinks ............................................................................................................................ 20
     Unit 1: 3#5-3 - To import text from another program ................................................................................................ 22
     Unit 1: 3#5-4 More About Formatting Text ............................................................................................................... 23
     Unit 1: 3#5-5 Making Multi Level Bulleted Lists ...................................................................................................... 24
     Unit 1: 3#5-6 Tables ................................................................................................................................................... 25
Unit 2 Finding and Adding Graphics and Images to Your Web Site ................................................................................. 27
  Unit 2-1 Add a graphic from the Clipart Gallery ............................................................................................................ 27
  Unit 2-2 Adding a Picture Stored on Your Hard Drive .................................................................................................. 29
  Unit 2-3b Make Internet Explorer Your Default Browser .............................................................................................. 29
  Unit 2-3a Microsoft Clip Gallery Live WWW Site ........................................................................................................ 30
  Unit 2-4 Set a background picture for a page ................................................................................................................. 31
Make your Web Site Accessible ......................................................................................................................................... 32
     Guideline 1. Provide equivalent alternatives to auditory and visual content. ............................................................. 33
     How-to: Alternative Text............................................................................................................................................ 33
     How-to: Long Description .......................................................................................................................................... 34
     FrontPage Themes and Accessibility.......................................................................................................................... 34
Unit 3: Publishing Your FrontPage Web ............................................................................................................................ 35
  Before you Publish ......................................................................................................................................................... 35
  Unit 3-1 Understanding server extensions ...................................................................................................................... 35
  Unit 3-2 Understanding Web site publishing ................................................................................................................. 36
  Unit 3-2#1 Choosing a location for your Web site ......................................................................................................... 36
  Unit 3-2#2 Choosing files to publish .............................................................................................................................. 36
     Marking the pages to publish ...................................................................................................................................... 37
     Viewing the publishing status of files ........................................................................................................................ 37
  Recalculating HyperLinks .............................................................................................................................................. 37
Recalculate hyperlinks for a web or subweb ...................................................................................................................... 37
  Unit 3-2#3 Publishing your Web site ............................................................................................................................. 38
     Publishing to HTTP, FTP, or a file system ................................................................................................................. 38
     Deleting a file or folder that has been published ........................................................................................................ 39
Appendix ............................................................................................................................................................................ 40
     Server Issues ............................................................................................................................................................... 40
  Unit 5 Setting Permissions on Sub Webs ....................................................................................................................... 41
  Check your Quota on the frank server ............................................................................................................................ 44


      MTSU OIT Instructional Technology 9/8/10                                                                                                                    i
Creating a Course Web Site


           Getting Help ....................................................................................................................................................................... 44
             FrontPage Online Help ................................................................................................................................................... 44
             FrontPage Tips ............................................................................................................................................................... 44
             MTSU ITD Instructional Technology ............................................................................................................................ 44




MTSU OIT Instructional Technology 9/8/10                                                                                                                                                             ii
          Before You Begin
          Microsoft® FrontPage® is a Web site authoring and management program. It has many powerful
          features, yet it is still easy to master.

          FrontPage allows you to create individual Web pages, entire Web sites, or update existing Web
          pages and sites. Some of the functionality is enabled by server extensions, which must be loaded
          on the server where the Web content will be published.

          FrontPage server extensions are installed on MTSU’s frank server and may be used by MTSU
          faculty and staff. (Students do not have access to FrontPage extensions at the current time.) Call
          the help desk at extension 5345 to activate extensions for your account. Shortly after the
          FrontPage extensions are activated you will receive an email containing a new password that will
          be used specifically for editing your web pages with FrontPage.

          FrontPage extensions make it possible for you to edit your web pages online or edit your web
          pages on your desktop computer and then use the Publish Web Command to move the web pages
          to MTSU’s frank server. You no longer have to use WS-ftp to move your files and you no longer
          have to set UNIX permissions to make your web pages viewable on the web. Your web pages will
          be automatically viewable when published with FrontPage.




MTSU OIT Instructional Technology 9/8/10                                                       1
Creating a Course Web Site



                             Unit 1: Getting Started
                                    Unit 1: 1 Learning your way around FrontPage
                             Before you start developing your own Web pages, become familiar with the features of FrontPage.
                             The following illustration shows the Navigation view:
                                                                                                                     Windows Sizing
                             Menu Bar                                                                                buttons

                                                                                                                     Toolbars




                                                                                                                    Web Page




                             Folder List
                                                                                                                    Views Pane


                             Views Bar




                             Status Bar




MTSU OIT Instructional Technology 9/8/10                                                                                        2
                                                                                                           Creating a Course Web Site



Words to know:                                       HTML—HyperText Markup Language. The
                                                     language used to format web pages.
Browser—A program that allows you to view HTML
formatted documents (like Microsoft® Internet        Microsoft® FrontPage 2002—The latest version
Explorer).                                           of Microsoft’s Web authoring and management
                                                     program used to create and manage Web sites
                                                     and pages with no knowledge of programming in
                                                     HTML. Provides Seamless integration with the
                                                     Microsoft Office family of applications.

                                                     Microsoft® Internet Explorer 5.0—Is the latest
                                                     version of Microsoft’s popular web browser. It
                                                     allows editing and displaying of Web pages and
                                                     collaboration on standard office documents
                                                     through discussions and round tripping.

                                                     URL—Uniform Resource Locator is the name and
                                                     location of a file or web page.

                                                     World Wide Web— The collection of
                                                     interconnected computers on the Internet.

                                                     Menu Bar: The text-based menu bar allows you to
                                                     access most of the FrontPage features that you
                                                     will use via a series of drop down menus.

                                                     Folder List: The folder list displays the files and
                                                     folders contained in your web. Notice that the
                                                     actual filenames are displayed in this list, rather
                                                     than the Title names that are displayed in
                                                     Navigation View.

                                                     Views Bar: Allows quick access to the Page,
                                                     Folders, Reports, Navigation, Hyperlinks, and
                                                     Tasks view for your web site. We will be working
                                                     almost entirely in the Page and Navigation view in
                                                     this class. The folder view will be accessed
                                                     occasionally.




                 Status Bar: FrontPage displays the status of the last command (such as Save) that you gave
                 FrontPage while that command is being executed.

                 Window Sizing Buttons:           These buttons allow you to Close FrontPage,        Maximize
                 FrontPage's window,      or Minimize FrontPage's window     .

                 Toolbars: The toolbars contain icons or buttons that engage commands that are also found in the
                 menu bar. Clicking on the buttons saves time compared to locating those same commands in the
                 Menu Bar.


                                                                                                                                   3
Creating a Course Web Site

                             Web Page: A web page is a document on a web server that contains information that you wish to
                             share with others. Web pages appear as yellow or white rectangles in FrontPage's Navigation View.
                             They appear as files names with the extension ".htm or .html" in the Folder List.

                             Views Pane: The Views Pane is the blue window of FrontPage's Navigation view. This blue window
                             contains the navigation structure of your web site. The structure looks like a flow chart with the
                             home page at the top. The pages containing the main topics of your web sites appear directly below
                             the home page and sub topics appear below each main topic.




                             Unit 1: 2 Background Information in Web Site Creation
                             A web site is any document or set of documents you can view on the World Wide Web. Web pages
                             are individual HTML files that stand-alone and have their own address (URL) on the web. Web sites
                             usually include a beginning file called a home page. From the home page, you can navigate to all
                             other pages on the site. The home page is usually named index.htm or index.html. Every web server
                             had specific file names that are designated as default files. The file with the default name is the file
                             displayed when a URL is accessed that does not contain a file name.

                             Example: The URL http://www.mtsu.edu/~bkerr/demonstrate_with_default_file/ would access the
                             following URL http://www.mtsu.edu/~bkerr/demonstrate_with_default_file/index.html if
                             ―index.html‖ was the default file name for the server.

                             If you do not have a default file in your web directory a person accessing your site using the first
                             URL http://www.mtsu.edu/~dmc would see a listing of all of the files in the directory instead of
                             seeing the first page of your web site. This would allow the person accessing your site to easily open
                             any file in the directory, even those files that you have not linked. These files may not be finished or
                             you may not want them to be displayed until a specific date.

                             We will begin creating your web site by building a home page in FrontPage 2002. This is the ―front
                             door‖ to your web site and should include a greeting, a short explanation of what the web site is for,
                             and links to the rest of the web site. For this class we will create a faculty web site, so your home
                             page will be an introduction to you (your curriculum vita, contact information, possibly a picture of
                             yourself) and the classes that you teach. You may add course pages to this web site or link to those
                             that you have created on MTSU's Course Info server.



                              Unit 1: 3 – 1 Start Building a Web Site from Scratch
            1) Start FrontPage 2002 if it is not already open. When you open FrontPage 2002, you see the Page view. Close the
               blank page that is displaying to get it out of your way. Click on the ―x‖ at the top right hand side of the page.

                Note: Make sure that you don’t click the ―x‖ that closes the program. The ―x‖ that closes the program is located
                at the very top of the program window. It looks like the image below.



            2) On the Standard toolbar, click the arrow next to the ―New‖ button and then click ―Web‖. The New dialog box
               appears.




MTSU OIT Instructional Technology 9/8/10                                                                                           4
                                                                                                        Creating a Course Web Site

3)


                  New Button




                                            1.   Click the arrow next to the New Button
                                            2.   Click the Web button.




4) On the Web Sites tab,




     a) Click ONCE on the Empty Web icon. (If you click twice you will not be able to specify the location you wish to
        save your site.)

     b) Look at the Specify Location box at the right of the window. Determine whether you would like to save your
        web at the location specified. If you want to save your web at another location, type in that location.




                                                                                                                                5
Creating a Course Web Site

                        In today’s class we will save the web locally type in ―c:\_yourname‖]. I added the underscore so your
                         web folder will appear first in the list of contents on your C drive.

                        If you want to save this web to the public_html folder on your frank account type in
                         http://www.mtsu.edu/~your_username.
                         Replace ―your_username‖ with the username you were given for your frank account.

                        If you want to save this web to a sub-directory on your frank account (possibly in a directory [or folder]
                         for a specific course), type in http://www.mtsu.edu/~yourusername/subdirectoryname/.

                c)   Click OK. The Folder list appears between the Views menu and the web page.

                     Note: If you already have a web site you may want to design your new site offline and upload it when you are
                     finished. Any pages on your old site that have the same name as your new pages will be replaced when the
                     new pages are placed online.

                     Import Web Wizard: You may want to use portions of your old web in the new web site that you are
                     designing. To do this, follow the directions in the next section of this handout, ―Import Web Wizard‖. .



                                                Unit 1: 3-1 Import Web Wizard
            You may want to use portions of your old web in the new web site that you are designing. To do this, make a new web
            site following the directions in the previous section of this handout. After your new web site appears again choose
            New Web from the File menu but, this time, choose the Import Web Wizard tool instead of empty web to import your
            old web site into the new one. If you want to import your entire web site it is best to uncheck the boxes that limit the
            import. (During out class session we will not use the import wizard but will instead create new pages following the
            directions found in the next section of this handout.).




            Unit 1: 3 – 1 Adding New Pages to Your Web Site
            1) On the Views menu, click the Navigation button      . Because you have not yet added any pages, the Navigation
               view is blank. Click the new button      to add a home page. Choose Refresh from the View menu or press F5 on
               the keyboard to refresh the web site and force FrontPage to name your home page index.htm. (Check out the
               filename in the Folder List after the web has refreshed. The filename will be index.html but the home page icon
               in Navigation View will probably call the page HOME.)

            2) Right-click the home page icon in navigation view and click Rename, and then type ―your name‖. (Replace ―your
               name‖ with your real name. Example: Jane Smith.) This is the text that will appear at the top of the web page.
               This is known as the page’s Title. Choose refresh from the view menu and the new file should appear under the
               Folder List.




MTSU OIT Instructional Technology 9/8/10                                                                                              6
                                                                                                     Creating a Course Web Site




3) To add connecting pages to your home page, click the home page icon to select it and then click the new page
   button    five times to add five pages. The pages will appear under the selected home page.

     Caution: Do not refresh your web site at this time or your new pages will be named new_page1.htm,
     new_page2.htm, etc, in the folder list, instead, complete steps 7 and 8 first and then refresh.

     Note: New pages w ill always appear as child or sub pages of the page you have selected in Navigation view
     before clicking the New Page button.

4) Right-click New Page 2, and click Rename. Type Curriculum Vitae. Press the TAB key to move to the next page
   icon. (It was brought to my attention that it may not be wise to put your complete curriculum vitae on the web
   because of problems with identity theft.)

5) Repeat step 4 with the other new page icons and name them Course Index, Professional Activities, Interests, and
   Related Links.




6)    Choose refresh from the view menu one more time to refresh the folder list. (You may also press F5 on your
     keyboard.) Check to make sure that the file names in the folder list have changed to the new names.




     Note: If FrontPage refreshes the window before you have renamed the web page icons in Navigation View the file
     names in the Folder list will become new page 2, new page 3, etc. You may rename them by right- clicking on the
     file names in the Folder list. Choosing rename from the drop down menu and renaming them making sure to
     keep the file extension .htm on each file.




                                                                                                                             7
Creating a Course Web Site

            7) Locate the home page of your web site in the Folder List. It is probably called yourname.htm (see
               Brenda_kerr.htm in the above list.) Rename yourname.htm to index.htm. Press the enter key on your keyboard to
               accept the new name. All web sites have to have a default file name and index.htm or index.html is the default
               file name for MTSU’s web server. If you do not have a default file name in your web directory a user clicking on
               the following URL http://www.mtsu.edu/~bkerr would see a list of all of the files (web pages, graphics, and other
               files) in the directory /~bkerr.



                 Unit 1: 3-2 Setting Up Navigation Tools in Borders Shared Between All
                                          Pages in a Web Site
            To make it easier for people to find information on your web site, add navigational tools. The easiest way to do this is
            by adding shared borders and placing the navigation bars in the borders. Shared borders are regions that are
            common to one or more pages in a web site. A shared border may be a region at the top of the page (similar to a
            page header), at the bottom (similar to a page footer), at the left, or at the right. You only need to add the information
            once to a border and it will appear on all pages sharing the same border.


            To add shared borders
            1)      From the Navigation view, double-click the yourname home page (Index.htm in the Folder list). Your home
                    page will open in page view.

            2)      Choose Shared Borders from the Format menu.




            3)      Select the All Pages option, and then select the Top, Left, and Bottom checkboxes.




            4)      Select the Include navigation buttons checkbox below the Left option to add links to all the pages in your
                    Web, and then click OK. Dotted lines appear on the Web page to indicate where shared borders are located.



MTSU OIT Instructional Technology 9/8/10                                                                                            8
                                                                                                         Creating a Course Web Site

5)       Notice the Border Properties button at the bottom of the Shared Border window. This feature allows you to
         choose background colors or pictures for your borders. Before deciding to use this feature on your web site
         make a few sample pages and test them out on MTSU’s frank server (your web site) using both Internet
         Explorer and Netscape Navigator. You may want to try several versions of these browsers to make sure that
         the page appears correctly in each.




Add a Page Banner to the Top Shared Border
Now let’s add a Page Banner. A Page Banner is a graphic that displays the text typed on the web page icons in Navigation
View after you have chosen a graphical theme for your site. You will learn to add a graphical theme after you learn to
add and edit navigation bars.

1) Move your cursor over the top shared border area. When you move the cursor over the Comment area it will
   change to a square icon. Click and the text (comment) will be highlighted.




2) On the Insert menu, click Page Banner.

3) Select the Picture option, verify that yourname is in the Page banner text box, and then click OK. The title
   yourname can now be seen in the top shared border.

     (Note: If you chose the picture option small buttons will show up in the navigation bar instead of the typed words
     after you have chosen a theme for your site.)




                                                                                                                                 9
Creating a Course Web Site


                                                            Navigation Bars

            Change Left Navigation Bar Properties
            Now we will learn to change properties of Navigation Bars that we already have on our web pages.

            1) Click in the left shared border area. The text will highlight.

            2) When we set up the Shared Borders we set FrontPage to automatically include a Navigation Bar in the left
               shared border. Let’s change the navigation bar’s properties or settings. Right click on the bar and choose
               Navigation Bar Properties from the pop up menu.

            3) Select the Child Pages Under Home option, then select the Vertical, and Text options (You may choose buttons
               instead of text but the buttons will only display if you have chosen a theme for your web site.) and click OK.
               Hyperlinks to each of the Web pages below the home page are now located in the left shared border.




                Note: The left Navigation Bar will contain the names of the pages from the first level of your web site no matter
                which level the web page you are viewing is located. See Web Page Levels for more information.



MTSU OIT Instructional Technology 9/8/10                                                                                        10
                                                                                                       Creating a Course Web Site

Add a New Navigation Bar and Set Its Properties
1) Click on the comment in the shared bottom border area. The text will highlight.

2) On the Insert menu, choose‖ Bar based on navigation structure and click the Next button.




    Set the style for your Navigation or Link bar and click the Next button.




    Choose whether you want the bar to be aligned horizontally or vertically and click the Finish button.


                                                                                                                              11
Creating a Course Web Site




            3) Select the Global-level option. Make sure that the box in front of the Home Page option under the Additional
               Pages category has a check. Select the Horizontal and Text options and click OK. The label home can now be
               seen in the shared border at the bottom of the page.




MTSU OIT Instructional Technology 9/8/10                                                                                      12
                                                                                                          Creating a Course Web Site




    If you chose the text setting for your navigation bar it will look similar to the image below.




4) Save each page that is open in FrontPage.
           Go to the Windows menu and look at the list of open pages. Pages that an "*" behind them have not been
            saved. In FrontPage 2002 you can also look at the page title tab at the top of the page for the ―*‖.
           Choose each unsaved page by clicking on the page name in the Window drop-down menu. (In FrontPage
            2002 you can also click on the title tab of the page you wish to activate and save.) When the page displays in
            page view choose Save from the File Menu.
           When you are finished saving each page refresh the web site by choosing Refresh from the Views menu or by
            pressing the F5 key on the keyboard.


You now have a very simple Web site with navigational links between pages.




                                                                                                                                 13
Creating a Course Web Site


                                 Unit 1: 3-3 Adding a Design Theme to Your Web
            A FrontPage 2002 theme consists of unified design elements and color schemes for bullets, fonts, images, navigation bars,
            and other page elements. A theme gives the pages and navigation bars in your FrontPage Web an attractive and consistent
            appearance. After adding a theme, you can also modify the theme to represent your organization, club, or school.

            To add a theme
            1. Double-click index.htm in the folder list (the page icon with your name on it in Navigation View) to open the home
               page if it is not already open.

                Note: You could do this with any open page. It does not need to be the index.htm page.

            2. On the Format menu, click Theme.

            3. Select the All Pages option in the Themes dialog box.

            4. Click on a theme title. It will display on the right side of the window To explore the other themes, click the title
               and a preview appears in the Sample of Theme box.

            5. Select and deselect the Active Graphics, Vivid Color, and/or Background Image check boxes. You will see slight
               changes in the way each theme displays are you check and uncheck the above features.

            6. Choose a theme. Click OK. Click ―Yes‖ when the window pops up telling you that applying a theme will
               permanently change existing formatting information. The theme is applied to all pages in your Web.




            7. Select the Navigation Bar in the Left Shared border and change it to a Navigation Bar made of buttons instead of
               text.




MTSU OIT Instructional Technology 9/8/10                                                                                              14
                                                                                                             Creating a Course Web Site

    Notice that Professional Activities is too long for its button. The easiest way to fix this is go back to Navigation View
    and rename the icon. You can also go back to Format/Themes and click the modify button and then the images button
    and reset the font size for the Vertical navigation.


                                     Unit 1: 3-2a Web Page Levels
The image below shows a portion of the web site structure of my web site. Read each item in the bulleted list as you look
at the image. I will try to relate the structure to the choices in the Navigation Bar/Link Bar properties dialogue box.
      The web page icon called Brenda Kerr is my home page.
      The next level down is the level that displays when you choose Child Pages Under Home in the Navigation Bar
         Properties box (See the web page icons for Professional and Test Sites).
      ―Résumé‖ is a child page of the page titled ―Professional‖. ―Sample Form‖ and ―Default Files‖ are child pages
         of ―Test Sites‖.
      ―Professional‖ and ―Test Sites‖ would be on the Same Level. They share the same parent page. If you chose to
         add the Parent Page option clicking on the link would take the user to the Home Page.
      If you made a Navigation Bar/Link Bar that would access the Same Level on the ―Sample Form‖ page it would
         only display ―Default Files‖ and ―Sample Form‖. It would not access ―Résumé‖ because ―Résumé‖ has a
         different Parent Page.




         Unit 1: 3-4 Specifying Browser Compatibility for Your Web Site
FrontPage 2002 includes a tool that allows you to target your Web for compatibility for specific browsers and
technologies. If you are creating an intranet and know that everyone visiting your Web site in your school has the most
current versions of Microsoft Internet Explorer, all of the FrontPage 2002 features are available.

If you are creating a web site for use on the internet, and you want visitors with older browsers to see the same features
that viewers with new browsers see, you need to set the target browser for the older browsers. Commands not supported by
those browser technologies or versions are unavailable (that is, they appear dimmed) on menus in FrontPage 2002 as you
work.

The following table lists the default technologies and features supported for each browser compatibility combination. If
you override the default and enable a technology or feature not supported by a specific browser or version, your pages
might not display properly, they may contain errors. A check indicates that the technology or feature is supported




                                                                                                                                    15
Creating a Course Web Site



            Browser compatibility settings
            The following table shows features that are enabled in Microsoft FrontPage depending on the browser compatibility
            settings you choose.
                                    Browser type                                             Available Features

                                                                         ActiveX, VBScript, JavaScript, Java applets, DHTML,
            Microsoft Internet Explorer 5.0 and later
                                                                         frames, CSS 1.0, CSS 2.0, VML

                                                                         ActiveX, VBScript, JavaScript, Java applets, DHTML,
            Internet Explorer 4.0
                                                                         frames, CSS 1.0, CSS 2.0, VML downlevel image file

                                                                         ActiveX, VBScript, JavaScript, Java applets, frames, CSS
            Internet Explorer 3.0
                                                                         1.0, VML downlevel image file

                                                                         JavaScript, Java applets, DHTML, frames, CSS 1.0, CSS
            Netscape Navigator 5.0 and later
                                                                         2.0, VML downlevel image file

                                                                         JavaScript, Java applets, DHTML, frames, CSS 1.0, CSS
            Netscape 4.0
                                                                         2.0, VML downlevel image file

            Netscape 3.0                                                 JavaScript, Java applets, frames, VML downlevel image file

                                                                         JavaScript, Java applets, DHTML, frames, CSS 1.0, CSS
            Internet Explorer and Netscape 4.0, 5.0 and later
                                                                         2.0, VML downlevel image file

            Internet Explorer and Netscape 3.0                           JavaScript, Java applets, frames, VML downlevel image file

            Microsoft Web TV                                             N/A

            The following settings may be unavailable depending on the browser compatibility settings you choose.

                                    Browser type                                            Unavailable Features

            Microsoft Internet Explorer only                             Blink

                                                                         Marquee, video, table background picture, cell borders and
            Netscape Navigator only
                                                                         background

                                                                         Marquee, video, table background picture, cell borders and
            Both Internet Explorer and Netscape
                                                                         background, blink

                                                                         Marquee, video, table background picture, cell borders and
            Microsoft Web TV
                                                                         background, overline, blink, small caps, all caps, capitalize
            Note Menu commands that are incompatible with your browser compatibility selections are unavailable (dimmed) on
            Microsoft FrontPage menus. If you override the default and enable a technology or feature not supported by a specific
            browser or version, your web site might be displayed incorrectly or contain errors.




MTSU OIT Instructional Technology 9/8/10                                                                                            16
                                                                                                         Creating a Course Web Site



Unit 1: 3-4 - To target only selected browsers
1. On the Tools menu, point to Page Options, and then click the Compatibility tab.

2. In the Browser box, select the specific browsers you want.

3. In the Browser versions box, select the specific versions of browsers that you want.

4. If you have the FrontPage server extensions installed on your website place a check before ―Enabled with
   FrontPage Server Extensions‖.

5. If you are publishing to MTSU’s frank server you will need to set the Server type to Apache server. I you are using
   a departmental server you will need to check with your server administrator to find out if you are using a
   Microsoft server or a UNIX server such as frank.




                                    Unit 1: 3-5 Web Page Content
The body of a web page, otherwise known as the active page, is located below the header and contains the content of the
web page. It may include images, text, sound clips, motion clips, and links to other pages.




                                                                                                                                17
Creating a Course Web Site




            Unit 1: 3 #5-1 Adding and formatting text
            Adding text to a web in FrontPage 2002 is very simple. You can type directly in the FrontPage 2002 Web page, paste text
            from a program like Word 2002/XP, or you can import text from a file. After adding text to the active page, you can make
            the text bold, italic, or underlined. You can also change the font, the font size, the color, and much more. In addition to
            easily formatting text, you can also add bullets and numbering to lists, and indent list items.

            To add text to a page
            1) Open index.htm

            2) Type in a line of text and experiment with formatting.

                a) Click in the body of the home page and type ―Welcome to my home page!‖.

                b) Highlight the words you just typed and format them as Heading 1 text by clicking on the style drop down
                   menu and choosing Heading 1. (If the Heading 1 format looks too big choose Heading 2 or 3.)




MTSU OIT Instructional Technology 9/8/10                                                                                            18
                                                                                                            Creating a Course Web Site

    c)   Center the text by clicking on the center align button.




3) Press ENTER.

4) Type ―Visit:‖ and then press ENTER.

5) Type Curriculum vitae to learn about my educational background and academic and professional experiences.

6) Learn about the paragraph alignment buttons.

    a) On the Formatting toolbar check out the three different paragraph alignment buttons. The left align
         button, the center align    button, and the right align     button. After you have finished Left align       the
         text in the paragraph you just typed in step 5 and the word ―Visit:‖.

7) Learn to make a bulleted list. Make sure that your cursor is blinking somewhere in the line you typed in step five.

    Click on the bulleted list button     to make the partial sentence the first item in a bulleted list.

    Note: You may also choose Bullets and Numbering from the Format menu to gain more control over the bullet
    formatting. When the Bullets and Numbering window pops up click on the Picture bullets tab to choose whether
    you want FrontPage to use the bullet images from the theme you have chosen or whether you wish to specify
    another image for the bullets. You may also change the list to a numbered list or another type of list by clicking
    on the appropriate tab.

8) Make sure that the cursor is blinking at the end of the bulleted line. Press ENTER, and type the following
   sentences making sure to press enter after you type each list item:

    a) Interests to learn about my personal interests and hobbies.

    b) Course Index to view a list of courses that I teach and to access additional course resources.

    c)   Professional Activities to view more detailed descriptions of my professional activities than those found in
         my vita.


                                                                                                                                   19
Creating a Course Web Site

                d) Related links to learn about interesting educational sites pertaining to “your area of expertise”.

            9) Press the bulleted list button to cancel the bulleted list.




            Unit 1: 3 #5-1 Copying and Pasting Text from another Open Program
            You can also paste text from other word processing tools into your FrontPage 2002 Web page.

                1.   Copy the text in the word processor,

                2.   Go back to FrontPage place the pointer in the active web page, and click the Paste
                     button or choose Paste from the Edit menu.
                     (Try copying something from the MTSU home page or a Word document.)
            Note: If the command ―Paste” pastes file formatting that you do not wish to use paste instead by right clicking on the
            space you wish to paste your text and choose Paste Special from the pop-up menu. Another window will pop-up. You
            many need to experiment with several choices before you find the paste method that will produce the effect you are
            looking for. (Use Undo to get rid of any text pasted incorrectly then choose Paste Special again).


            Unit 1: 3 #5-2 Creating Hyperlinks

            Understanding the URL
            The destination of a hyperlink is encoded as a URL, or Uniform Resource Locator. URLs, or web addresses, contain
            information about web servers or network location, path, and file name.

                                    http://www.microsoft.com/frontpage/productinfo/default.htm
                                    Protocol     Web server or network location   Path            File name
                                                 Also called a domain

            Hyperlinks are made up of URLs that are either absolute or relative:
                    An absolute URL contains the full address and is generally used for linking between different web sites.
                     Example: http://www.mtsu.edu/~itres/frontpage/

                    A relative URL has one or more missing parts and is generally used for linking within a particular site. If the
                     protocol and domain are missing, the Web browser uses the protocol and domain of the current page.
                     Example: frontpage/index.html

            When you create hyperlinks in FrontPage 2002, you do not need to know the destination URL. You can browse to the
            page, or file, whether on the World Wide Web or a system you and your site visitors can access, and FrontPage 2002
            provides the correct URL. For hyperlinks to destinations in the Web you are working on FrontPage 2002 creates relative
            URLs. If you rename or move a file in your Web FrontPage 2002 updates all the URLs that point to the file. By generating
            relative URLs FrontPage 2002 saves you time and ensure that your web site is portable.

            Creating a hyperlink to a page or file in a Web
            Creating hyperlinks with FrontPage 2002 is easy. You can use the Create Hyperlink dialog or drag and drop to create a
            hyperlink to a destination such as a page or file in a Web. You can create hyperlinks from your home page to the other
            pages in the web site or create a hyperlink to an image. In this activity, you create hyperlinks to pages contained in your
            web site from the index page.

            To create a hyperlink within your Web site
            1) If your web site is not open, open it and go to Page view, and then double-click index.htm in the file area. Each of
               the bulleted list items has the title of a web page already in the text.

MTSU OIT Instructional Technology 9/8/10                                                                                              20
                                                                                                              Creating a Course Web Site

2) Highlight Curriculum Vita in the first bulleted list item. This will be the text that will serve as the link to the
   Curriculum Vita page in your web site.

3) Click the Hyperlink        button.

4) Click once on the filename, curriculum_vita.htm, in the Create Hyperlink dialog box and then click OK. The link
   text will change color and become underlined indicating that it is a hyperlink.

5) Make links from the other list items to their corresponding web pages.

    Note: If the destination page or file is in the current web and there is no text on the page that you wish to use for
    the link, you may click the page or file in the Folder List that you wish to link to, and then drag it to the open page
    where you want to place the hyperlink.

6) Close your home page (index.htm)




To create a hyperlink to the World Wide Web
1) In the Folder List, double-click related_links.htm.

2) Type the text you want to use as a hyperlink and then select it. For example, type "Check out MTSU's Home Page
   to learn more about our university".

3) Select the words "MTSU Home Page."

4) Click the Hyperlink        button.

5) Type the URL (http://www.mtsu.edu) in the URL area and click OK.
   -Or-
   Click the World Wide Web      button. In your Web browser, browse to the page that you want, and then press
   ALT+TAB to switch back to FrontPage 2002. The location of the page you visited is displayed in the URL box.
   Click OK.

    Note: If you want to create a link from a URL already typed on a page, simply type the full URL and press the
    ENTER key or SPACEBAR. FrontPage 2002 automatically creates a hyperlink to the URL you typed. For example,
    to make the typed MTSU URL a link, simply type http://www.mtsu.edu and press the space bar or the return key.
    It is a good idea to type in URLs that access web pages outside of your web site in addition to linking to the URL.
    Students who print out your pages will appreciate the printed URLs.

                                                                                                                                     21
Creating a Course Web Site

            6) Save and close Related Links.




            Unit 1: 3#5-3 - To import text from another program
            We learned about copying and pasting text in the above paragraphs. The import command allows you to import the entire
            contents of another document into a web page.

            Note: If you are taking the online FrontPage Basics class and viewing this text FROM MY WEB SITE
            (http://www.mtsu.edu/~bkerr/FrontPage_Basics/) you will need to download the curriculum_vita.doc file.
            Download the file, curriculum_vita.doc by right clicking the word "Download" at the beginning of this sentence and
            choosing " Save Target As" [Internet Explorer] or "Save Link As" [Netscape]. Decide where to save your file and click on
            the Save button.

            1. Open Curriculum Vita

            2. Make sure that the cursor is blinking in the body or content area of your web page. If the cursor is not in the body
               click in the body to place the cursor.




                                                                                            Place your cursor in the body of the
                                                                                            web page where you want the file to
                                                                                            be imported.




            3. On the Insert menu, click File. The Select File dialog box appears.

            4. In the Files of type box, select the file type the text was saved in. For example, if you saved the text in Microsoft
               Word 2002, select Word 97-2000 (*.doc) as the file type.

            5. Find the file and then click it to select it. [Choose curriculum_vita.doc]



MTSU OIT Instructional Technology 9/8/10                                                                                           22
                                                                                                                  Creating a Course Web Site

6. Click Open. The text appears in the active page.

     Note: You may receive a "not installed" or an error message when you click open. Most of the time your text will
     be imported anyway. If it is not imported call the help desk (5345) to have this feature installed.


Unit 1: 3#5-4 More About Formatting Text

To change font, font size, and font color
1.   Select some text on a web page.
     [From the imported Vita text]
2.   To change the font, from the Font drop-down list, select Times New Roman.

     Note: usually the best choice is the default font. This insures the greatest viewability on all computers.

Style drop-down list   Font drop-down list     Size drop-down list




3.   To change the font size, from the Size drop-down list, select 2 (10 pt).
4.   To change the font color, click the arrow to the right of the Font Color button. The standard and theme colors appear,
     with more colors available by clicking ―More Colors”.
                                             Font Color button




                                             Standard Colors buttons


                                             Theme’s Colors buttons


                                             HTML Hex values for the selected color
5.   To keep a consistent look and feel between pages on your web site, select a color from the Theme’s Colors area. The
     selected text will change to the new color you chose.

Note: To match a color to an existing color anywhere on your screen, select More Colors and use the color picker to
    ―pick‖ the color

To copy formatting
1. Click anywhere in the sentence or word you just formatted.

2. Click the Format Painter              button.

3. Drag the pointer across another unformatted line of text. The text formatting changes to match the first
   sentence.

     Note: If you wish to copy the formatting to more than one sentence or paragraph at a time double click on the
     Format Painter button in step two. The format will continue to paste into any line you highlight, or click on, until
     you press escape on the keyboard.

4. Save your work and close the web page.




                                                                                                                                         23
Creating a Course Web Site

            Unit 1: 3#5-5 Making Multi Level Bulleted Lists
            Note: We already made a bulleted list in a previous exercise. Use the directions below to add a bulleted or numbered list to
            other text in your web pages.




                                                                          The initial bulleted list under the
                                                                          Hobbies heading includes the
                                                                          list items, Skiing and Collecting
                                                                          Records.

                                                                          The first sub list appears under
                                                                          the list item, Skiing. It includes
                                                                          two types of skiing, water skiing
                                                                          and snow skiing.


                                                                          The second sub list appears
                                                                          under the list item, Collecting
                                                                          Records (Jazz Vibraphonists).


            Since information on a web site is most effective when it is presented briefly and concisely, you may want to use lists to
            share concepts, items, or options. For items that do not necessarily belong in a particular order use a bulleted list, or
            unordered list. For procedures or other sequential lists, use a numbered list. The procedure for adding lists to a page is
            simple.

            Note: A bulleted list created in a shared border appears on all pages of your site.

            Directions: Making a Multi-Level Bulleted List
            1) Open Interests in Page View.
            2) Download Interests_hobbies.doc or follow the directions of your instructor to locate the file on your hard drive.
               (Remember to right click on the link if you are downloading the file and save the document to your hard drive.)

                Import Interests_hobbies.doc. (Remember to set the file type for Word documents not HTML or Web Pages.) Add
                lists and format the text as you wish.

            3) Make the lists
               a) Select all of the text you wish to make into a bulleted list.
                  [Under the list heading, Interests, select Habitat for Humanity, Activities, and Antiques and Collecting.]

                     Note: All text in each paragraph will become one list item. View the paragraph characters in your web page to

                     find out where all of your paragraphs end. Click on the paragraph            button to view the hidden paragraph
                     characters.


MTSU OIT Instructional Technology 9/8/10                                                                                                24
                                                                                                             Creating a Course Web Site

    b) On the Format toolbar, click the Bulleted List       button. Each of the sentences will now have a bullet in front
       of them, and a hanging indent (the second line of text and any text on additional lines will align with the first
       letter of the first line of text, after the bullet).
    c) Select the text you wish to make into an indented sublist.
       [Under the Skiing list item select Water Skiing and Snow Skiing.]
       ¶
       To move the list [Water Skiing and Snow Skiing] to the right, click the Increase Indent           button twice while
       the cursor is blinking in the line your wish to indent or while the text your wish to indent is highlighted.
    d) Select the list items under Collecting Records (Jazz Vibraphonists) and make them into a sublist.

4) Save your work and close the web page.
Note: You can create numbered lists the same way by clicking the Numbering           button after you have placed your
cursor in a line you wish to change to a numbered list or you may highlight a series of paragraphs and click the numbering
button.

Unit 1: 3#5-6 Tables
Tables are sets of rows and columns of cells that can be used to align text or images. If you are designing a web site that
needs to be accessible by a person who is visually impaired and uses a text reader to read the web pages check with that
person or MTSU’s Adaptive Technology department to find out whether your pages are accessible.

To set up a table
1) Open the page where the table will be placed. [Course Index]

2) Position the mouse pointer where you want to insert the table on the page.

3) Click the Table        button with your left mouse button.

4) Keep the left mouse button down and drag the cursor to highlight the appropriate number of cells (for this class
   lets choose 2 columns and 5 rows). The table appears in your Web page.

5) Enter the following information in the table. (Type in your own course names and IDs or use those listed below.)

                          Course Name                           Course ID
                          Advanced Health Assessment            nurs631001
                          Advanced Pathophysiology              nurs633001
                          Assistance Clinical                   nurs316001
                          Childbearing                          nurs323001
                          Childbearing                          nurs3230ms


6) To resize the table:

    a) move your cursor over the right hand border of the table

    b) wait for the 2 arrowed cursor to display




                                                                                                                                    25
Creating a Course Web Site




                 c)   click on the border with the arrowed cursor and drag to resize the table


            To create new table cells
            1. Place your cursor somewhere in a cell near where you wish to add the new rows or columns. (For this class place
               your cursor in the Course ID cell.)

            2. Choose Insert and then Rows and Columns from the Table menu.

            3. Type the number of columns or rows you wish to add to the table.
               (For this class we will add 1 column to the right of the selection [cursor].)

            4. Using the double-arrow, resize the columns to make them equal.

            5. In the first cell of the new column, type Section #.

            6. In the cells beneath ―Section #‖, type the section numbers of the classes you teach.




            7.   Save your work and close the web page.




MTSU OIT Instructional Technology 9/8/10                                                                                   26
                                                                                              Creating a Course Web Site




                  Unit 2 Finding and Adding Graphics and
                  Images to Your Web Site
This unit will take you through the procedures for adding graphics from FrontPage's built-in Clipart
Gallery, adding more images to the Gallery from Microsoft’s Clipart Gallery Live, and adding images that
have been stored on your hard drive.

Note: When adding images to your ClipArt Gallery from Microsoft’s Clipart Gallery Live you will need to
set Internet Explorer as your default browser. Directions for setting your default browser are included later
in this document.

FrontPage 2002 includes a full library of clip art from the Microsoft Clip Gallery. Spice up your web site
with buttons, icons, background patterns, video clips, and other images from the Clip Gallery. The Clip
Gallery also includes an online feature in which you can download new graphics from Microsoft’s online
Clip Gallery Live site and then add them to the gallery stored on your computer.

The Draw Menu found in other Microsoft Office applications has finally been included in this version of
FrontPage, also. This menu provides access to the following features. 3-D effects, Shadow effects, line tool
with arrow, line tools without arrows, square and oval draw tools, border and fill setting for the draw tools,
Word Art, add clip art, add an image, add a text box, and AutoShapes.




               Unit 2-1 Add a graphic from the Clipart Gallery
1. Go back to your index page.

2. Click to the left of the Welcome text.

3. On the Insert menu, click Picture and then click Clipart.

4. In the Microsoft Clip Gallery dialog box, on the Clip Art or Picture tab, click Academic, and then
   click the stacked books graphic.

5. Click the Insert Clip      button. The image appears on the Web page.

6. Click the graphic to select it. Small boxes will appear at each corner and at the middle of each
   side.




                                                                                                                     27
Creating a Course Web Site


            7. Click the handle in the lower-right corner of the image, and drag it up and to the left to resize the
               image to fit the space.




            8. Click in between the image and the Welcome to my Web Page! Message to place your cursor.
               Press the shift and tab keys down simultaneously to create a soft return (The soft return makes a
               new line without adding a large space. The large arrow in the image below indicates a soft return.)




            9. Save your changes.

                    a.   Click on the Save button or choose Save from the File menu. A dialogue box will appear
                         allowing you to change the image filename and choose a location to save the image.

                    b.   Give the image a new name by clicking on the Rename button. Name it ―books‖.

                    c.   Click on the Folder button (next to the Rename button) and choose to save the image in
                         the images folder.

                    d.   Click on the OK button.

            10. Click the Preview Tab to view the image as it will look in Internet Explorer. The image may appear
                with a large white square around it. Follow step 11 to get rid of the box.

                Note: The white box will not appear until after you have saved the image.




MTSU OIT Instructional Technology 9/8/10                                                                               28
                                                                                        Creating a Course Web Site


11. To make the border or box around the image transparent select the image and click on the
    transparency tool. Click the box surrounding the image to make it invisible. Save your page.



12. Add alternate text that will display for those people viewing your page without a graphical browser
    or by listening to your page through a text reader.

        a.   Right click on the image
        b.   Choose Picture Properties form the pop-up menu.
        c.   Click on the General tab.
        d.   Type in a description of the image in the Text Box under Alternate Representations area.

13. Save your web page. Choose to save the images in the images folder on your web. If you forget to
    save the images in this folder click on the images in the Folder List and drag them into the image
    folder.

14. Click on the Preview tab to see how your page will look in Internet Explorer. Hold your mouse
    button over the stack of books and the alternative text will appear.



          Unit 2-2 Adding a Picture Stored on Your Hard Drive
1.      Open the slide to which you want to add the photo.
2.      Click the insert menu, the Picture submenu, and the From File command.
3.      After you find the file containing the photo you want to add, select it and click the
        Insert button.
4.      Resize the photo. You may resize the image by dragging any of the eight resizing
        handles, but it is best to use the resize box on the lower right hand corner. When
        you move your cursor over this box it becomes a diagonal arrow. This arrow
        allows you to resize the image horizontally and vertically at the same time.
5.      You can edit and adjust your image in FrontPage by using on the buttons on the
        Picture Toolbar. If you cannot see the Picture Toolbar (in the lower part of your
        screen) after you have selected the image, choose Toolbars and then Pictures from
        the View menu. Techniques for using these tools will be discussed in the
        Intermediate FrontPage class.
        Picture Toolbar



        Unit 2-3b Make Internet Explorer Your Default Browser
1.      Open Internet Explorer
2.      Choose Internet Options from the Tools menu
3.      Click on the Programs Tab
4.      Place a check mark in from of the line that asks if you would like Internet
        Explorer to check whether it is set as the default browser.
5.      Close and Restart Internet Explorer. If Internet Explorer asks whether you wish to
        make it your default browser as it reboots indicate that you do. If Internet
        Explorer just boots up normally, it is already set as your default browser.




                                                                                                               29
Creating a Course Web Site



                         Unit 2-3a Microsoft Clip Gallery Live WWW Site
            Microsoft maintains a WWW site that contains ClipArt, Photos, Sounds, and Animated
            images that can be downloaded from within the ClipArt Gallery. Follow the steps below
            to permanently save images to the Gallery on your hard drive.

            1.      Open the web page for which you wish to place the image. [Interests]
            2.      Choose picture and then clipart from the Insert menu.
            3.      When the Insert Clip Art window displays click on the image of a globe next to
                    the words ―clips online‖ displayed in the lower part of the window.




            4.      The web page http://www.microsoft.com/clipgallerylive/ will display. If you have
                    never accessed this page before you will be asked to read the copyright
                    information. Read the information and then click on the accept button. (Note: The
                    ClipArt Gallery Live works best with Internet Explorer set as the default
                    browser.)
            5.      Locate an image to download by viewing images by type, searching by keyword,
                    or browsing by category.
            6.      When you have found an image that you would like to place in the gallery click
                    on the arrow below the graphic (the download button). The image will
                    automatically download into your Clip Art Gallery.
            7.      Once the image has downloaded the image will display in the Clip Art Gallery.
                    Click once on the image and a menu will display. Click on the top button (the



MTSU OIT Instructional Technology 9/8/10                                                                30
                                                                                               Creating a Course Web Site


          insert image button) to insert the image on your page. Move back to FrontPage
          and to view in inserted image.
8.        To later find the image you saved in your gallery look under the Downloaded
          Clips category.

                  Unit 2-4 Set a background picture for a page
You can set a background picture for a page. All page elements, such as text and graphics, will appear on
top of the background picture. You can use pictures from a web, a file system, the World Wide Web, or
clip art. You can also set the background picture to be a watermark, which means the picture that does not
scroll as the page scrolls. However, not all Web browsers support watermarks.
Note: If the page uses a theme, modify the background picture by changing the graphics used in the theme.

     1.   In Page view, right-click the page, and then click Page Properties on the shortcut menu.

     2.   Click the Background tab.

     3.   Select the Background picture check box, and then click Browse.

     4.   Select the background picture:




              o   If the picture is in a web, browse to the web and folder that contains the picture, select the
                  picture you want, and then click OK.




                                                                                                                      31
Creating a Course Web Site


                         o   If the picture is on your local network, open the drop down menu in the top Look in: area
                             of the Select Background Picture window. Browse to the picture you want from your
                             local network, and then click OK.




                         o   If the picture is on the World Wide Web, click World Wide Web             button. In your
                             Web browser, browse to the picture that you want, save it, and then switch back to
                             Microsoft FrontPage. Locate the file you just saved, click the Open button and then click
                             OK.

                         o   If the picture is clip art, click Clip Art to display the Microsoft Clip Gallery, right-click
                             the picture that you want, and then click Insert on the shortcut menu.




                             Make your Web Site Accessible
            The accessibility movement encourages web sites to be built to allow people with disabilities to view them.
            For example, one accessibility standard is that all images have "alternate text" and "long descriptions"
            coded into the HTML. This would be useful for software that reads web pages out loud for blind people.
            Even if they cannot see your images, the software can read the description of the image out loud.
            In the words of the W3C, here are some things to consider about your possible viewers:

                   They may not be able to see, hear, move, or may not be able to process some types of
                    information easily or at all.

                   They may have difficulty reading or comprehending text.

                   They may not have or be able to use a keyboard or mouse.

                   They may have a text-only screen, a small screen, or a slow Internet connection.

                   They may not speak or understand fluently the language in which the document is written.

                   They may be in a situation where their eyes, ears, or hands are busy or interfered with
                    (e.g., driving to work, working in a loud environment, etc.).

                   They may have an early version of a browser, a different browser entirely, a voice browser,
                    or a different operating system.




MTSU OIT Instructional Technology 9/8/10                                                                                     32
                                                                                               Creating a Course Web Site


In the US, there are two different guidelines often used when determining whether a site is "accessible": the
US Government Section 508 Guidelines and the Web Content Accessibility Guidelines (WCAG). (Other
countries such as Australia, France, UK, Germany, etc., have their own guidelines, mostly based on the
WCAG guidelines and checkpoints.)
The US Government Guidelines are, obviously, required for US Government sites. For your convenience,
we've copied the web-site related points of the US Government Guidelines.
See the US Government Guidelines summary.
The Web Content Accessibility Guidelines are standards recommended by the powers-that-be of the
W3C. Their sub-guidelines ("checkpoints") are categorized into three priority levels.

        Priority 1 means that you must do something. If you meet all of these checkpoints, your
         web site meets Conformance Level A.

        Priority 2 means that you should probably do something. If you meet all these and all of
         Priority 1 checkpoints, your web site meets Conformance Level AA.

        Priority 3 means that can do something. If you meet all the Priority 1, 2, and 3
         checkpoints, then your web site meets Conformance Level AAA.
If you want to state that your site is conformant, you can put a statement or icon on your web site. Click to
learn more. Another way of "certifying" your site is through Bobby Worldwide (visit www.cast.org/bobby).
Bobby Worldwide also has a free online tool that tests your web page.
In later articles, we'll go over some of the basic things to consider on making an accessible site, and will
also cover the practical how-tos on making your site accessible.



Guideline 1. Provide equivalent alternatives to auditory and visual content.
The first checkpoint suggests what this may look like:

Checkpoint 1.1 Provide a text equivalent for every non-text element (e.g., via "alt", "longdesc", or in
element content). This includes: images, graphical representations of text (including symbols), image map
regions, animations (e.g., animated GIFs), applets and programmatic objects, ascii art, frames, scripts,
images used as list bullets, spacers, graphical buttons, sounds (played with or without user interaction),
stand-alone audio files, audio tracks of video, and video. [Priority 1]
In this article, we'll examine what applying this checkpoint to images looks like.

First -- why?
Visually impaired users can't see images, so you'll want to communicate the information in a different way.
By providing alternative text, a screen reader can read out this text to the user so that they can understand
the information. Furthermore, this text is also used in search engines and text-only browsers.

How-to: Alternative Text
In FrontPage, you can provide alternative text for images. If you right-click on an image and select Image
Properties, you can fill out the "Alternative representation text" field in the General tab. This text should be
meaningful, like "go," "search," or "diagram of Picture Properties dialog box."




                                                                                                                      33
Creating a Course Web Site




            If the image is purely decoration, then type a space. If the image works as a bullet, you may type "* " as the
            description.
            You will want to do this for all images on your page, even invisible "spacer" images. In the HTML, you'll
            notice that an "ALT" description has been added to the image tag. Your image tag will look something like:
            <IMG BORDER="0" SRC="newsletter/002/accessibility-diagram1.gif" ALT="diagram of Picture
            Properties dialog box" WIDTH="200" HEIGHT="194">
            If you're not sure what to put as the alternative text, read your page out loud from top to bottom. When you
            hit an image, think of how you would read it out loud to someone who couldn't see the screen.

            How-to: Long Description
            If you have an image that requires a longer description or explanation, the "longdesc" attribute of a tag
            allows you to put a url of a page that has more description. You will have to go into HTML view to do this.
            For example:
            <IMG BORDER="0" SRC="newsletter/002/accessibility-diagram1.gif" ALT="diagram of Picture
            Properties dialog box" LONGDESC="pictureprop.htm" WIDTH="200" HEIGHT="194">


            FrontPage Themes and Accessibility
            If you use a Theme applied without Cascading Style Sheets, you will be unable to meet this checkpoint.
            When a FrontPage Theme is applied without CSS, FrontPage builds your bulleted list within a table with
            bullet images. These bullet images do not have "alt" tags (an alternative text description), and there is no
            way that you can do anything about it. Applying a theme with Cascading Style Sheets, on the other hand,
            allows FrontPage to replace the bullets with a bullet image without having to use the table method.
            If you need your site to meet these checkpoints, we recommend that you apply the theme with Cascading
            Style Sheets. However, some themes are not built with Cascading Style Sheets defined, and may not
            display properly in some versions of Netscape. Be sure to test often, or use a theme that has Cascading
            Style Sheets defined. (In PixelMill, filter your search by checking the "CSS" checkbox in the right search
            column.)

            This article was provided by John Galt's Tools.




MTSU OIT Instructional Technology 9/8/10                                                                                     34
                                                                                            Creating a Course Web Site




                  Unit 3: Publishing Your FrontPage Web
There are several ways to publish your FrontPage Web. MTSU’s frank server has FrontPage extensions
installed for faculty and administrative use. The extensions allow faculty and administrative staff to edit
online or to design pages offline and then upload the pages directly from FrontPage to their web site
without having to set UNIX viewer permissions. (Web pages made by other methods and then uploaded to
the frank server need to have UNIX permissions set so that the web pages are viewable from the web.)

Students will need to design their pages offline and then publish using either the Publish Web command
from the File menu or by using WS-FTP. After the web pages have been uploaded to the server students
will then need to set UNIX permissions in order for their pages to be viewable on the web. Faculty who ask
students to design web pages need to learn how to set UNIX permissions so that they can help their
students in class. Faculty can call the Help Desk, extension 5345, or ITD Instructional Technology,
extensions 8189, to learn how to set permissions.

                                      Before you Publish
   You will need to ask MTSU’s Office of Information Technology to turn on FrontPage 2000 Server
    Extensions in order to publish your Web site using FrontPage. You will need to know the following
    username and passwords:

         o   Your frank account username

         o   Your frank account password – to check to make sure you have not gone over quota

         o   Your FrontPage extensions password – to actually publish your web pages or edit them
             online with FrontPage

   Make sure your Web site is ready for publishing by checking spelling, checking for broken
    hyperlinks, verifying that the pages look the way you want them to, and testing the Web to make
    sure that everything works. A good way to ensure your Web is ready is to preview it in a Web
    browser, navigate through the site, and then by review the status of your files in Reports view.



                   Unit 3-1 Understanding server extensions
    There are several benefits to publishing to a Web server with FrontPage Server Extensions:

    Your Web will have full FrontPage functionality when it is published. Without the server extensions,
    advanced server-side features will not work, including form handlers, search forms, hit counters,
    discussion webs and component features.

    FrontPage maintains your files and hyperlinks—each time you publish the Web (using the Publish
    web command) or it you are editing your web site directly on the server (using the Save
    command), FrontPage compares the files on your local computer to the files on the Web server.
    For example, if you move a file in your local Web, FrontPage updates and corrects any hyperlinks
    to it, and then makes the same corrections to the files on the Web server the next time you
    publish the Web.

    After you have published the Web the first time, you will be able to edit it directly on the Web
    server (however, the local version of your Web will not remain in sync).

    If your Web server has FrontPage Server Extensions and they are activated for your account,
    FrontPage 2002 can publish your Web using HTTP (Hypertext Transfer Protocol). Otherwise, your




                                                                                                                   35
Creating a Course Web Site


                Web will be published using FTP (File Transfer Protocol). Note: Students do not have access to
                FrontPage extensions. They will need to use FTP to upload their files.

                Finally, Office 2002 applications can save files directly to your FrontPage-based Web site if the
                Web server has the FrontPage 2002 Server Extensions installed.



                             Unit 3-2 Understanding Web site publishing
            If your ISP has given you a size limit on the Web server, file management is a necessity. You can keep the
            size of your Web down by deleting old files, especially old images you no longer use. If you are not editing
            your web pages directly online use the Reports view to run a report on Older Files. With this report, you
            can know which files are old. Once you have published a web site, FrontPage 2002 can synchronize the
            files on your local Web with the published files on the web server, each time you publish again.
            After you delete files on your computer, FrontPage 2002 prompts you to delete the same files on the Web
            server when you publish your Web again, and you can choose to publish only pages that have changed.
            If your Web server uses FrontPage Server Extensions, FrontPage 2002 can also match other actions on the
            Web server, such as moving or renaming files, the next time you publish your Web. FrontPage 2002
            updates your navigation bars, shared borders, and hyperlinks on the Web server to match the actions you
            performed on the Web on your computer.

            Note: If you are editing your web site directly online use the Reports view from the online version to check
            for web site problems.

                         Unit 3-2#1 Choosing a location for your Web site
            With FrontPage 2002, you can save your Web in multiple places at once. You can create your Web on a
            hard disk, network drive, or Web server. Note that only publishing to a Web server makes the Web site
            available on the World Wide Web.
            You can publish or save your Web to the following locations:
             Your hard disk or a network drive. Type the path or file location. Keep in mind that others who
                 use your computer or are on your network can view, open, and change these files through the file
                 system. Be sure to store your Web site in a subdirectory on your hard drive, not at the root
                 directory (for example, in c:\my Webs\ rather than c:\). That way, if you ever need to delete the
                 Web, you delete a file folder instead of having to select files from the root directory.

               Your school intranet server. An intranet is a Web or series of Webs that are available only within a
                particular networked environment. For example, in a school district, schools may create their own
                Web pages and then publish these pages to a computer running Web-server software. People on
                the network can view the pages by typing in a path such as http://DistrictWeb/ (intranet
                addresses don't contain the "www" prefix).

               A World Wide Web server. The World Wide Web is made up of an enormous network of servers
                located all over the world, all accessible using a Web browser. Web servers that "host" sites that
                are viewable on the World Wide Web may exist within your own district or school, or schools
                contract with a Web hosting provider or Web presence provider to host their site.

                Note: There are several companies offering free web space and FrontPage Extensions. Tripod is
                one such provider. Check out www.tripod.com.



                                    Unit 3-2#2 Choosing files to publish
            You can choose which files to publish, and which ones not to publish. For instance, if a page is incomplete,
            you can mark the file so that it doesn’t get published. Later, if you decide to publish the file, you can
            change its publishing status.



MTSU OIT Instructional Technology 9/8/10                                                                                   36
                                                                                              Creating a Course Web Site


You can also choose to publish only those files that have changed. FrontPage 2002 compares the files in the
working Web on your local computer to the published files on the Web server. If FrontPage 2002 detects a
newer version of a file on your local computer, the file is published to the Web server.

Marking the pages to publish
You can specify which files you want to publish. FrontPage 2002 automatically marks files for publication,
but you can change this setting. For example, if you have not finished editing a page but you want to
publish your Web site, you can prevent the page from being published by marking it as ―Don't Publish.‖
When you want to publish the file, mark the page ―Publish.‖

To mark a page to exclude from publishing
1) Select the file you want to mark as excluded from publishing and right-click on the file.

2) Click Properties on the shortcut menu, and then click the Workgroup tab.

3) To prevent a file from being published, select the Exclude this file when publishing the rest of
   the web check box.


To mark a page to include in publication
1) Select the file that you previously marked as excluded from publishing and right-click on the file.

2) To mark a file for publishing, clear the Exclude this file when publishing the rest of the web
   check box.


Viewing the publishing status of files
You can view the publishing status of all the files in a Web by running a report. The Publish Status report
indicates whether a file has been marked as ―Publish‖ or ―Don't Publish.‖ All files are marked as ―Publish‖
unless you change the status.

To view the publishing status of files
1) On the View menu, click the Reports button to go to Reports view.

2) On the Reports toolbar, select from Publish Status the drop-down list.

3) The Publish column displays the publishing status of each file.



                                 Recalculating HyperLinks
It is best to run the Recalculate Hyperlinks utility before you publish your web site from a computer based
web. If you always edit your web site online periodically run this utility to clear up any inconsistencies in
your web site.



                  Recalculate hyperlinks for a web or subweb
This feature is available on webs hosted by web servers running SharePoint Team Services from Microsoft
or FrontPage Server Extensions 2002 only.
    1.   On Tools menu, point to Server, and then click Administration Home.

    2.   On the Site Administration page, under Server Health, click Recalculate the web.



                                                                                                                     37
Creating a Course Web Site


                3.   Click Recalculate.
            Note You do not need to recalculate hyperlinks for a web or subweb if all your links are set up and
            maintained by SharePoint Team Services or Frontpage 2002. You need to recalculate hyperlinks only if
            you have set up some hyperlinks manually


                                    Unit 3-2#3 Publishing your Web site
            With FrontPage 2002, you can use two methods of publishing to your web hosting service—Front Page
            Server Extensions or FTP (file transfer protocol). Both work, but if your Web hosting service has
            FrontPage Server Extensions, you can publish your web by just entering the Web site’s address as you
            would when viewing it in your browser. You may also navigate to the web folder you created earlier in this
            class. If FrontPage Server Extensions are not installed on the server, you can use FTP (file transfer
            protocol) to copy the files to the server.

            Note: You can also edit your web site directly online. Each time you save your changes will appear
            immediately on your web site.

            You also have the following options regarding how to publish the files:
             Publish only the files that have changed. FrontPage 2002 compares the files on your local Web
               to the files on the Web server, and only those files that are newer than those on the Web server
               are published. However, files that have been marked Don't Publish are not published.

               Publish all files, except those that have been marked Don't Publish. The files from the local
                Web overwrite all files on the destination Web server, even if the files on the Web server are
                newer.

               Publish subwebs if the current Web has subwebs. All files and folders in subwebs are recursively
                published in addition to those in the current Web.

               Publish the Web using a secure (SSL) connection. For example, use this feature if your Web
                server uses the HTTPS protocol to authenticate its users.


            Publishing to HTTP, FTP, or a file system
            Publish using HTTP (HyperText Transfer Protocol) if the FrontPage Server Extensions are installed on the
            Web server to which you are publishing. Publish using FTP (File Transfer Protocol) if the FrontPage Server
            Extensions are not installed on the Web server to which you are publishing. If you have not already added
            the FTP location, you need to know the FTP server name and directory path.

            You can publish your web to a folder on your local file system or to a UNC path. For example, you can
            make a backup copy of your entire web site by publishing it to a new disk-based location, such as
            C:\Backup. Publishing a web site rather than just copying files ensures that all necessary files are saved and
            in the correct structure.

            To publish your Web site
            1) On the File menu, click Publish Web. The Publish Web dialog box appears.

            2) Click Options to expand the list of options.

            3) Specify whether you want to publish only pages that have changed, or all pages.

            4) To publish subwebs, select the Include subwebs check box. All files and folders of the subwebs in
               the current Web will be published, in addition to the files and folders of the current Web.



MTSU OIT Instructional Technology 9/8/10                                                                                     38
                                                                                            Creating a Course Web Site



    Note: You will learn about subwebs in the Intermediate FrontPage class.

5) In the Specify the location to publish your Web to box select the location you want to publish to:

    a) HTTP. Type the location of a Web server, click the arrow to select a location to which you have
       published before, or click Browse to locate your web folder. http://www.mtsu.edu/~bkerr
       Note: This is the preferred method. We will use this in class.

    b) File system. Type the path to the folder on your file system, such as C:\MyWebs or
       C:\MyWebs\Myfolder. To find the folder, click Browse.

6) Click Publish. FrontPage 2002 publishes your Web. If you cancel publishing in the middle of the
   operation, files that have already been published remain on the destination Web server.

To publish only pages that have changed to the same location you previously published to, click the
Publish        button.
If you are publishing to a Web server without FrontPage Server Extensions, you are notified of any features
that require the server extensions.

Deleting a file or folder that has been published
Note: The following sentences deal with someone who designs their web site offline and then updates by
Publishing each time he or she wants to update the online web site. If the web site is being updated while
online you may delete files and folders directly and then back up the site to your hard drive if you wish.

When you publish your web site, FrontPage 2002 compares the current files on your local computer to
those files on the web server. To manage files on the web server (for example, to get rid of old files or
folders), delete or move the files or folders in the web site on your local computer. FrontPage 2002 then
prompts you about which files to delete on the web server the next time you publish.




                                                                                                                   39
Creating a Course Web Site




                              Appendix
            Server Issues
            If your web looks fine in FrontPage, but either acts differently or has some components that don't work on
            the server, then you are probably running into server issues.
            Listed here are some common server issues:

                    You are editing your web site online and you get an error message when you try to save.

                    Your local web looks fine, but the web on your server is missing navigation bars or the theme
                     doesn't seem to be applying correctly.

                    Your "live" web looks fine in FrontPage, but not in a browser.

                    You used the FrontPage image editing tools to overlay text on some images, and they look
                     corrupted or don't exist after publishing to your live web.

                    When you try to create a new web directly on the server, or when you try to publish, you get an
                     error.
            Solutions
            1.   The number one culprit of most FrontPage web error messages is your frank account being over quota.
                 To resolve this problem first Telnet into your frank account and check the quota. Call Connie Fensky
                 at 8559 if you need to have your account’s quota increased. Directions for checking quota can be found
                 elsewhere in this handout.
            2.   If resetting the quota on your web doesn’t help the situation set up a local web (a web on your
                 computer) to look the way you want it to, making sure that navigation bars, etc., are working properly.
                 Note: If you edit your web site online it is important to back up your site to your computer by choosing
                 publish web from the file menu. You can use this web site backup to recreate your web site if
                 something goes wrong with the one online. It is also possible to ask to have your web site restored
                 from server backups but you should use this option sparingly.

                 Republish the web to the server from your computer. If your web on the server is still having issues,
                 then you'll know that it's a problem with the server.

                 At this point, you will need to contact either the help desk, 5345, or Connie Fensky. In most cases,
                 having them reapply the FrontPage extensions to your web and republishing your web (being sure to
                 replace all files) will fix it.

                 If you are getting an error when you try to publish or create a new web directly on the server, you may
                 be running into "permissions" problems. Contact the help desk or Connie Fensky and make sure that
                 you have access to the necessary folders. For example, if you're getting an error that you "cannot create
                 file ... myweb\_vti_pvt\page.cnf", make sure that you have permissions for the _vti_pvt folder.
            3.   Some FrontPage server issues can be a little trickier. Occasionally you may have to ask Connie to
                 completely delete everything from your folder on the server, and then try republishing. This often
                 happens if you are having problems with navigation bar images being corrupted or images that you've
                 overlayed with text being corrupted.




MTSU OIT Instructional Technology 9/8/10                                                                                     40
                                                                                         Creating a Course Web Site



                Unit 5 Setting Permissions on Sub Webs
1.   Make a new folder in your web site.
         a. One the Views toolbar, click on the Page View icon.
         b. On the File menu, click New, and then Folder.
         c. Name the new folder.
2.   Right-click on the folder and choose to make the folder a subweb
3.   Open the subweb. (It is very important that you open the subweb before going to
     step 4 or you will lock up the entire web site so that it cannot be opened with FrontPage.)
4.   Choose Security and then Permissions from the Tools menu




5.   Choose ―Use unique permissions for this web‖ on the Settings tab.




                                                                                                                41
Creating a Course Web Site


                6.   Choose ―Only registered users have browse access‖ on the Users Tab




                7.   Click on the Add button in the Users tab, an ―Add Users‖ dialogue box will appear. Choose to
                     Allow Users to ―Browse this Web‖.




MTSU OIT Instructional Technology 9/8/10                                                                            42
                                                                                  Creating a Course Web Site


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




9.   Click OK again.




10. Make a new index page in your subweb. Save the index page and refresh your web.




                                                                                                         43
Creating a Course Web Site


                11. 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.


                                  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.



                              Getting Help
                                               FrontPage Online Help
            You can get help from the Office Assistant or the online Help at any time while you are using
            FrontPage. To open the Office Assistant, click the FrontPage Help button on the Standard toolbar. To
            open the online Help, on the Help menu click Microsoft FrontPage Help. If you have an Internet
            connection, you can also point to Office on the Web on the Help menu and choose from several
            resources that may be of interest to you such as Product News, Frequently Asked Questions, and
            Online Support. Don’t forget to go to www.microsoft.com/frontpage for all the latest information.



                                                     FrontPage Tips
            Did you know that you can publish your work-in-progress site to the web without overwriting your existing
            web? You can do this by publishing your web to a subweb of your existing web.
            For example, let's say that you have your web site at http://www.mtsu.edu/~yourusername, and are working
            on a site redesign. Your new site is still on your computer, but you want to call up a colleage and have them
            look on it online. Well, all you have to do is publish your site to http://www.mtsu.edu/~yourusername/new
            and give them the url!
            This is a great way to publish a live, working example of your web site, without overwriting your existing
            site.
            Quick how to:
            Go to File > Publish Web. Type in your url followed by a forward slash and a new folder name. Click OK
            for FrontPage to publish. FrontPage may ask you questions like "A new folder doesn't exist yet. Make the
            new folder?" or "Make the folder into a web?" Click OK. FrontPage will now publish a copy of your web
            to that new location!


                                    MTSU ITD Instructional Technology
            Brenda Kerr: 615-904-8191 or bkerr@mtsu.edu
            Sherry Thorup: 615-898-2140 or sthorup@mtsu.edu
            ITD Faculty Instructional Technology Center - Main number: 615-904-8189




MTSU OIT Instructional Technology 9/8/10                                                                                    44

								
To top