Printable Version

[ Home ] [ FrontPage Part 1 ] [ FrontPage Part 2 ] [ Printable Version ]
 

FrontPage Part 1
FrontPage Part 2
Printable Version

This version contains all of the contents of this site and is designed for printing. Please use the print preview to limit paper consumption and to insure that you are printing only the pages you need.

As Trevor educators, we know that the most effective learning is that which is immediately necessary in order to move on to the next step. Most of us learn best when its meaningful stuff...when we need to know, not just in case we need to know.

Just in case connotes wrote learning.  Whereas, just in time connotes true constructivism, putting together all the facts in a quest for understanding, just in time when the quest for knowledge is most meaningful.

In the words of Bambi Betts, Director of The Principals’ Training Center For International School Leadership...."Just in case" is becoming a far too random way to prepare students for a future which is impossible to predict. "Just in time," as contradictory as it sounds, could help create learners who are about inventing the future, not just prepared for it.

It is up to you to come back to this site for guidance when you need to know, just in time, to review, to ask and to ask again for help when you are on the edge of the technological  abyss. We are here for you and for your students. Please ask for help and build your web site just in time!

1. All webs that are created on TrevorNet should follow the school's guidelines of acceptable use.
2. Teachers are ultimately responsible for the content of their own webs.

1. Yes, you can find it at http://www.trevornet.org/aup and it describes what would be inappropriate content for web sites as well as abuses of the school network. You will sign an agreement that you have understood all of the standards and practices as part of your Faculty Handbook Agreement Registration
2. Do not share your network password with anyone. It may come back to haunt you.

1. You can post whatever personal information you wish to share that would be appropriate for school community.
2. Your page will not be available to the public.
3. The Acceptable Use Policy also applies to personal pages.
4. Remember that any pages you make, which are linked, can be found by our Google search engine.

You can post anything which would be helpful to your students and families. Some things are required such has homework or assignment pages in the Upper School. For those requirements, you may want to refer to: the New-Faculty Technology Handbook

Refer to the page on Trevor Knowledge Base, Titled: Protecting Students. There you will find guidelines the guidelines for posting content about and from students.

How do I get connected to my FrontPage Web?

1. At School:
   1. The Easiest Way: Someone has already set up FrontPage to open automatically. Simply open FrontPage!
   2. The Easy Way: 
      1. Go to http://www.trevornet.org/
      2. Add your /tds/yourusername to the end of the address: http://www.trevornet.org/tds/jzulakis
      3. Find and click the FrontPage edit button on the top menu of your IE 6 browser
         
      4. If you are using IE 7, in the Command Bar click Page, then Edit with Microsoft Office FrontPage:
      5. You may be prompted for a user name and a password. See Password Instructions to Enter Secured Pages on TrevorNet
      6. Begin editing your page.
   3. The Surefire Way
      1. On the File menu, click Open Site, in the Folder Name box, type the URL to that web, and then click Open.
      2. To open a web named jzulakis on the server named http://www.trevornet.org, enter your complete web address http://www.trevornet.org/tds/jzulakis.
      3. You may be prompted for a user name and a password. See Password Instructions to Enter Secured Pages on TrevorNet. 
2. At Home:
   1. First connect to your Internet service provider (AOL, EarthLink, ATT, etc.) then follow the instructions above. Note: The reaction time may be slower given the speed of your Internet access.

Tips:

• To open a web that you've opened recently, In FrontPage, in the Open Site dialog box, click the drop-down arrow at the right of the Folder Name box, click the web you want, and then click Open. Or, if you aren't in the Open Site dialog box, point to Recent Webs on the File menu, and then click the web you want.
• To open the last web you worked on automatically each time you start FrontPage, click Options on the Tools menu, and then select the Open last web automatically when FrontPage starts check box.
• In the Open Site dialog box, click an icon on the left (such as History, Favorites, or Web Folders) to open a web in one of those locations.
• If you already have a web open, each subsequent opened web creates in a new FrontPage window.

1. The Folder List: The folder list appears on the left side of your FrontPage screen. It shows all the files and folders in your website. If you cannot see a folder list, try selecting it from the View menu menu or click Alt-F1. If you still cannot see it, you probably are not actually connected to your website.
2. Website, Open Page and Current Page Tabs: Located along the top of the main editing or folder view of FrontPage, Open Page tabs show you which pages you have open for editing, the Current Page tab shows you the page currently being edited.

3. The Website Tab (Above): opens another tab bar at the bottom of  the FrontPage page editing window. It is for controlling your entire site.
4. Folders View: This view shows the actual files and folders of your web site. Tip: This is the best place to delete batches of files.
5. Remote Web site: Allows you to publish your site to a remote location or on your hard drive.
6. Reports View: This selection allows you to create reports, which analyze your web site. 
7. Navigation View: This is a visual technique for creating and viewing the logical, hierarchical structure for your web site. By combining the power of shared borders* and navigation bars (see below), the navigation structure is automatically created for you!
8. Hyper Links View: Hyperlinks view presents a visual "map" of the hyperlinks to and from any page in your web. On the Views bar, click the Hyperlinks icon to switch to Hyperlinks view, and then in the Folder List, click the page you want to analyze.
9. Tasks View: This view is designed to help you maintain your site by adding tasks to complete in the future. This can come in handy if you are sharing your web with an assistant or associate who could complete future tasks on your web in your absence.

How do I create a new page?

There are several ways to create new pages in FrontPage.

1. In Page View
   1. Click the white blank page icon in the Standard Menu Bar at the top left of the page.
   2. A blank page will open
2. In the File Menu
   1. Click the File menu
   2. Select New Page or Web
   3. Make a selection from the Task Pane on the right. There are templates available to help you with all sorts of types of pages. Take advantage of them.
3. In the Navigation View (We will learn more about the power of navigation tools later)
   1. Right-click on an existing page icon above the navigation level in which you would like to add a new page
   2. Select New Page
   3. A new page will appear under the icon you selected.
   4. Rename the page to reflect your new content

In all cases, you will be asked to save the page. See the instructions for naming new pages. If you included any graphics, they will also be saved in an automatic menu. Be sure to think about which folder you place the images in. Read more about placing images in the How do I add Pictures? page.

There are many names and labels associated with web pages:

1. The File name which will end up in your folder view
2. The Page Title, which will display in the blue bar at the top of a web page.
3. Navigation bar and button titles which will display if you use the automated navigation features of FrontPage
4. Page (meta) descriptions

If you begin with a headline or introductory statement, FrontPage, like Word will try to name the filename and title accordingly. But of course, all of this can change in a snap and become disjointed or confusing.

1. Each file in a FrontPage web is potentially named in three different places.
2. The Filename (In FrontPage, filenames are found in the folder list or page views) and they appear on the web in the address line of your browser.
   • Rule: Filenames (and folder names) must not contain spaces (use underscores _ instead) and must not contain uppercase letters
   • Tip: If you create and name new pages in the navigation view, FrontPage will create a Title, Banner and filename automatically, that is lowercase and contains no spaces.
3. The Page Title: The title that appears in the top blue border of the Internet Browser
   
   1. To Change the title name:
      1. Right click anywhere in a blank space on the page
      2. Select Page Properties
      3. Change the text in the Title field.
   2. Note that in this example, the filename is  different than the page title.

4. Navigation Bar and Page Banner Titles: These titles correspond to the way files are named in the navigation view of FrontPage. Whatever the name is, becomes transferred to the Navigation Bars and Page banners of the site.

1. In the Navigation View:
   1. Select an icon
   2. Right click and select Rename

Where is my Data stored?

It is important to know that your data is not stored on your computer. It is stored on one of our Internet servers named IS2 (Internet Server 2.) Each time you save a page, the file is saved on this server and then, based on the permission settings, shared with web users.

Teachers' pages are usually usable by the entire Trevor community but are not available to external users.

Remember: When you save, your information is immediately available to users.

1. Files can be opened in several ways. To open a file:
   1. In the navigation view, Double click on an icon 
   2. In Folder view, double click on a file
   3. In the File menu Select File/Open 
2. Text editing Paragraphs and Sentences
   1. Unlike Word: Enter produces new paragraph, two lines down
   2. Unlike Word: Shift-enter produces a line break next line down
   3. Unlike Word: Tabbing does not produce predictable results
   4. Unlike Word: Cutting and pasting from word documents can produce stubborn editing limitations
   5. Like Word: Sentences automatically wrap when they run out of space
   6. Like Word: Paragraph based style formatting (style box, justification [Left, Center, Right] indents, numbered lists and bullets)
   7. Like Word: Selection based changes (Select the text to change and use the various font attribute tools:
      1. Font face:
      2. Font size:
      3. Font color:
      4. Font attributes
         1. Bold:
         2. Italic:
         3. Underline: (Tip: Please do not use underline as this attribute confuses users into thinking the underlined text is a link)
         4. Left, Center, Right and Full Justification:
         5. Left and Right Indents:
      5. The Font Menu:  Right clicking a selection and choosing Font will open the font menu. This menu holds many more fancy attributes. But be careful some are not compatible with all web browsers.

1. A Preview tab at the bottom of the page view gives a satisfactory preview but it is not always perfect. Don't trust it.
2. The small Preview icon in the menu bar at the top of FrontPage will actually open the file "live" in Internet Explorer on the internet.
3. When you preview in browser, don't forget to "Refresh" your web page to view changes.
4. Remember the ESPREE routine:
   1. Edit
   2. Save
   3. Preview
   4. REfrEsh

   Or, EspreE!

1. Method 1: Typing directly on the page.
   1. If you know the exact address of the link you want to add to your page, you may type it in directly.
   2. Type the complete link like this www.trevor.org
   3. Press the space bar or enter after the link and it will become an active link. Note that email links may be written in the same way.
   4. To give entered link a title rather than the URL or (web address):
   5. Select the entire typed link with your mouse.
   6. Type directly over the selection with a real title.
   7. Example: Visit Trevor.org Often
2. Method 2: Use the Hyperlink Menu If you have created a file in your web, you can user the hyperlink menu, selected from the menu bar,  and enter or select the address or file to be included. Then you may also type the text to display in the corresponding dialogue box.
3. Method 3: First type the title of the link on the page, then make it a hyperlink.
   1. Enter a real title for the Link. Example: Trevor Internet Site
   2. Then click and drag to select the text. Example: Trevor Internet Site
   3. Then click the hyperlink menu and enter or select the address to make it a link.
4. Method 4: Click and drag files from the Folder List
   1. Simply click and drag any file into position on the desired page.
   2. The page title will be used to describe the link.

Working with Pictures and/or Clip Art

It is important to understand how pictures work in FrontPage.  While they can come from multiple sources, once they have been imported, they are added somewhere in the website and linked to the pages in which they've been included.  This means that they are linked and not embedded.  If the picture file is accidentally deleted, then it will no longer appear in the page in which it was inserted. 

The other difference inherent in adding pictures to Web sites as opposed to word is that they are always relative to the text.  His helpful to think of them as one letter within a sentence.  The user can either left justify, center or right-justify pictures. Pictures can also be organized within tables but this is a relatively complex process and is better left for more advanced users.

To insert a picture:

1. Place cursor in a position relative to text.
   • Note: Images cannot be place anywhere on web pages unless you are using advanced layout tools. They must be placed in relationship to text.
2. Click the Picture Icon
3. Follow the menu instructions to insert a picture
4. Resize picture (reduce only*):
   1. Double-click on the picture
   2. Change the width and height variables and click Ok
   3. A small icon will appear a the bottom right of the image if you resize it.
   4. Click the small icon on the bottom-right of the picture and select Resample Picture to match size size
   5. Right, Center or left justify the picture.

*Note: It is not a good idea to increase picture size once the picture has been resampled or imported from another source. The result will be that the picture lacks clarity and/or is highly pixilated.

Uploading Video to the Media Archive and Embedding it in FrontPage
	Trevor Media Archive Home Page Tutorials Home Page Logging In Viewing Digital Photos and Video Sharing Media with Others Downloading and Saving Photos Purchasing Prints and Other Merchandise Submitting Images and Descriptions Via Email Submitting Images in Bulk Adding Captions Uploading Video and Embedding it in FrontPage Uploading Video and Embedding it in Moodle   Unlike other external video storage sites, the Media Archive will store your videos permanently. In addition, the archive automatically converts your videos to Flash Media, the most ubiquitous, compatible  and user friendly form of video streaming on the web today. The Media Archive allows you to share your videos. You may send users links to these videos or embed them in web pages. This tutorial will guide you through the steps of adding videos as a Media Assistant and embedding them into a FrontPage website.           Enter Viewing Password in this screen         Enter Media Archive Assistant credentials in this screen.         Creating a Gallery and Uploading Videos Watch the Jing Video demonstration of this process. Navigate to the Media Archive at http://tds.smugmug.org. If you have not been there already, enter the case sensitive viewing password: trevords08$ (If you do not check the box relating to "I'm using a public computer, don't save this password" being on a public computer, the password will be saved until you have deleted your browser's cookies. Login as a Media Archive Assistant Scroll to the bottom of the page and click Login. Email: tds Password: tds566photo (Note this will be saved until you click logout) You will notice when you are on the page now that more features have been added. Click the Add Photos button and select New Gallery   Complete the following fields: Title: Enter the name of the new gallery. Category: Select the current academic year Quick Settings: Select Trevor Click Create Gallery   If this is your first time importing images into the Media Archive, you will be prompted to select a method for uploading images. We suggest you use the Simple method with Internet Explorer so, here's how: Click Simple. You will be prompted to download and install some software. Follow the on screen instructions carefully. The final results will be in a window that appears such as in the example below:   Click and drag all of your video files into this window or use the Add Files or Add Folders buttons. (Note: Your files must be between 5-10 minutes and they may be no larger than 512mb each. If you do not know how to determine file size, please ask a member of the technology team for assistance.) Once you have imported your videos into the window, it will look like the example below:   If you should like to remove one of the images, you may do so by hovering over the image and clicking on the X.   Click the Upload button. Note: Uploading videos is very bandwidth intensive. This may take some time. A screen will appear to show the progress of the file upload:   When completed a small popup window will appear to say that the upload is complete. Click OK and click the link with your new gallery name at the top.      You will see small thumbnail versions of your videos on the gallery screen. Note: This may take some time as it takes the system some time to convert the videos into Flash Movie format. Embedding Video from the Media Archive in FrontPage In the thumbnail view, click on the desired video which you would like to embed. Click the small Share button above and select Get Link.   A SmugMug page will open containing several lines of code. Locate the line of code next to Web: Click on the line of code once. The word "Copied" will appear to the right. Open FrontPage and open the intended site and page. Click the cursor in the position in which you would like the video to appear. Paste the code (CRTL-V or Right Click - Paste) directly onto the page. You will see a small Paste dialogue appear at the bottom right of the code. Select Treat as HTML Tags.   The code will produce a large white box in FrontPage, with a small in the upper right corner. The video will not display in FrontPage. Save the page and preview it in your web browser. The page may produce a security warning. You should place a comment at the top of any page with embedded video to reassure users that the page is actually secure.
Trevor Day School ©2009 All Rights Reserved. This page is meant for the exclusive use of the members of the Trevor Community. Contact the Web Administrator for more information. Last updated on 02/27/2009 12:03:43 PM

1. Easy viewing and logical drill-down navigation
2. Very automatic page creation and navigation controls on pages.
3. Pages are automatically filled with hyperlink buttons to related pages
4. Banners are automatically written which uniquely name each page
5. Webs usually are organized hierarchically, with the most general information at the top or entry point of the web and more detailed information flowing below. The structure of a web therefore resembles a pyramid, with the homepage of the website at the pinnacle. The pages attached to the homepage spread lower and wider as they move down, representing sub categories, which may be split into further sub-categories.
   1. A page in the row above another page is called a parent
   2. A page in the row below another page is a called a child

1. Your job is to provide timely and well organized content. Navigation tools let you focus on content without being distracted by design.
2. Themes and shared borders are preconceived graphic designs and structures for web sites designed to make entering content very easy. Some official Trevor sites have pre-established themes and standards.
3. Themes and standards have an affect on everything about your web. (See the list below.)
4. You should use all of these devices because with them, you can spend your time focusing on content and not on laboring over designing pages with custom graphics and fonts. This takes a lot of time away from developing content, which is the first priority of teaching.
5. Themes include pre-designed versions of:
   1. Text
   2. Backgrounds
   3. Buttons
   4. Bullets
   5. Banners

Shared borders are:

1. represented and separated from the content of your pages by dotted lines on the periphery of your site. These dotted lines are invisible on the web. 
2. sections on the top and left side of your site that contain Navigation bars and (on the top only) Page Banners.
3. operate on every page of your web and work dynamically with the navigation view

 

• Tip: It is a good idea to avoid editing anything in a shared border unless you understand the consequences! Regard shared borders as barbed wire. Cross them at your own risk!

1. On the Format menu, click Theme.
2. Click the check box for All pages.
3. In the list, select the theme you want to apply. A preview of the theme is displayed under Sample of Theme.
4. You can also select any of the following check boxes to set the appearance of the theme:
   1. To use a bright color scheme, select the Vivid colors check box. Clear this check box to use the normal color set.
   2. To use a lively set of banners, buttons, bullets, and other graphical elements, select the Active Graphics check box. For example, select this check box if you want to use hover buttons instead of plain buttons. Clear this check box to use the normal graphic set.
   3. To use a background picture, select the Background picture check box.
   4. Click OK!

There are many names and labels associated with web pages:

1. The File name which will end up in your folder view
2. The Page Title, which will display in the blue bar at the top of a web page.
3. Navigation bar and button titles which will display if you use the automated navigation features of FrontPage
4. Page (meta) descriptions

If you begin with a headline or introductory statement, FrontPage, like Word will try to name the filename and title accordingly. But of course, all of this can change in a snap and become disjointed or confusing.

1. Each file in a FrontPage web is potentially named in three different places.
2. The Filename (In FrontPage, filenames are found in the folder list or page views) and they appear on the web in the address line of your browser.
   • Rule: Filenames (and folder names) must not contain spaces (use underscores _ instead) and must not contain uppercase letters
   • Tip: If you create and name new pages in the navigation view, FrontPage will create a Title, Banner and filename automatically, that is lowercase and contains no spaces.
3. The Page Title: The title that appears in the top blue border of the Internet Browser
   
   1. To Change the title name:
      1. Right click anywhere in a blank space on the page
      2. Select Page Properties
      3. Change the text in the Title field.
   2. Note that in this example, the filename is  different than the page title.

4. Navigation Bar and Page Banner Titles: These titles correspond to the way files are named in the navigation view of FrontPage. Whatever the name is, becomes transferred to the Navigation Bars and Page banners of the site.

1. In the Navigation View:
   1. Select an icon
   2. Right click and select Rename

1. Yes! Open navigation on your Views Bar. Navigation View displays your current web structure, which at a minimum, includes your home page. In Navigation view, do the following:
   1. We will first learn the best way to create a new page using the Navigation View
      1. To add a new page, right-click a parent page, and select New Page on the resulting context sensitive menu.
      2. A new page will appear as a child to the parent.
      3. Right Click  to rename the new page.
   2. Add an existing page: to click the page in the Folder List, and click and drag it to the position in the navigation structure.
   3. Move a page: within the navigation structure, click and drag the page, to a new  location, such as under or next to another page. 

• Note: The Navigation view is also hierarchical from left to right. When viewed in a vertical navigation bar on a web page, pages ordered from left to right in the Navigation View will appear from top to bottom on the page.

4. Add an external page (a page that is not in your web), right-click the parent page and select External Hyperlink. Then specify the destination in the URL box.
5. Delete a page from the navigation structure, select the page, and then press DELETE on your keyboard. Select Remove this page from all navigation bars or Delete Page from this web entirely.

• Tip: To open a page to edit it, double-click the page.