Navigation, Shared Borders and Themes

Set Up the Web's Navigation Structure
Set Up Shared Borders
Apply a Theme
Adding New Pages
Troubleshooting
Free Themes
Quick Steps for Creating Web
Review of Some Features
 

FrontPage themes can give any website a professional appearance. When used in combination with FrontPage navigation and shared borders, maintaining navigation links when adding new pages is a snap! If you already have a few pages of a web ready, here is a way to convert it to a web using a FrontPage theme.  If you need to create a web for your case, go to Quick Steps First.

Set Up the Web’s Navigation Structure

• Open up your home page, usually index.htm, in the regular page view. Click on View, Navigation
• There will be a box on the right side pane that says home, right click on the box and choose Rename. Give it a short title for your home page, press enter.
• Go to the left pane and drag the .htm file of a page that should be linked to the home page to the right pane so that it lines up under the home page. Continue dragging page files to complete the navigation structure you want for your web. As you drag a new page over, right click on it to rename it if necessary.
• For more information on the navigation structure, see the "Working in Navigation View" section of the Microsoft FrontPage  Quick Source folder.

Top of Page

Set Up Shared Borders

• Go back to View and select Page and open up your home page.
• Click on Format and select Shared Borders
• Select All Pages if you want to coordinate your entire web
• Decide where on your pages you want to have your navigation links. Check off Top to get a page banner and check off navigation buttons if you want your page links to be graphical buttons directly under the banner. Click OK.
• In page view of your home page, right click on the "Edit the Properties for this Navigation Bar to display hyperlinks here" copy, choose Navigation Bar Properties.
• Selecting Child level, and Home and Parent (under additional pages) usually works well. Select Horizontal and Buttons under Orientation and Appearance. (There are countless combinations, but these are good for beginners.) Click OK.

Top of Page

Apply a Theme

• Go to Format and select Theme.
• Select All Pages if you want the same theme throughout your web.
• Highlight the various themes and experiment with selecting Vivid Colors, Active Graphics and Background Picture. If you want, you can also modify the color schemes or graphics of a theme. Click OK.

Top of Page

Adding New Pages

From now on, remember to go to View, Navigation and drag new pages to the appropriate place in your web’s navigation. FrontPage will then automatically maintain the navigation, links and theme for your site.

Top of Page

Troubleshooting

• Completely remove all shared borders before trying out a new shared border scheme.

• If you want the same theme or shared borders throughout the website but it doesn't show up on each page, check to make sure you've selected all pages after apply theme to.

•      Oops! If your link bar looks like:
   

  [Edit the properties for this link bar to display hyperlinks here]

  then you either:

  1.       don't need a link bar on this page,

  2.       haven't added the current page to your navigation structure, or

  3.       your link bar isn't configured properly.
  
  For example, if your navigation bar is set at "Child level", and the current page has no children (pages beneath it in the navigation structure), then this message will be a placeholder for your link bar since it has nothing to display.

  In any case, the [Edit the properties ... ] message will NOT appear when you publish your site. It only appears in Design View for your convenience. Sometimes pages have link bars present when they are not needed. In this case, the message just lets you know that there's a link bar there if you need it later on.

   

Top of Page

Free Themes

The following sites offer free themes for download.   (List compiled June 20, 2002.)

Microsoft (Find Add-ins: and select Themes, enter Go)
www.microsoft.com/frontpage/downloads/addin/default.asp

PixelMill (23 free - click  on Themes and sort by low to high price)
www.pixelmill.net

Paul Vineburg (5 free)
www.paulsfrontpagethemes.com/free_stuff.htm

KEP Internet FrontPage Themes (3 free)
www.kepthemes.com

Theme Mart (2 free)
www.thememart.com

Theme-Pak - Themes for Microsoft FrontPage (2 free)
www.themepak.com

Top of Page

Quick Steps for Web Page

1. Create a One-Page Web   C:\My Documents\CIS125\My Webs\Name FrontPage Case Study.
2. Create 3 new pages  ( sketch out your pages for case) and immediately give them filenames.
3. Set shared borders (to your preference)
4. Set a theme
5. Go  to navigation view and made sure the three pages are connected
to home
6. Double click the page banner on each page and make it more
descriptive
7. Go back to nav view to see how the boxes are now more descriptive
titles
8. Go into the Page Properties of each of the four pages and gave it a
Page Title for search engine reasons

Top of Page

Review of some features:

1. Review of how to bring in information from a Word Document when in FrontPage:
   1. Have a blank new page up in FrontPage
   2. (In FrontPage . . .)  FILE – IMPORT – Add File – Find File – OK
   3. You will now see the Word Document in the File/Folder List
   4. Open that file and EDIT – Select All – Copy
   5. Come back to the blank new page and right click – Paste Special
   6. Select Formatted Paragraphs
   7. Clean up the document as you may lose some formatting
   8. Note: If you want to just hyperlink to this Word document, that is fine. It will then open up in Word when you link to it

2.      Custom Colors (Page Properties)  the hue (a place on color matrix), saturation (amount of color, deepness) and luminosity (amount of white added to a color).

3.      Image as a Background – watermarks don’t scroll as web pages do. Background picture becomes embedded picture, and carry through to store the image in the Images folder if you can.  FORMAT – Background. Click the check box for Background Picture, Browse-Cancel, Clipart selection. Change folder to put in Images folder if this option comes up.

4.      Downloading Clips – Like we did in PowerPoint and Word.

5.      Picture Editing (call up your VIEW – Toolbars – Pictures) –

a.       Beveling tool

b.      Cropping tool

c.       Flip vert vs. horizontal

d.      Brightness

e.       Transparency

f.        Sizing will be more exact (rather than using sizing handles) if you go to Picture Properties (right click image to get this) and then Appearance and specify size in pixels or percentage.  Checkmark the “Keep Aspect Ratio” (if not already checked) to keep width and height proportions.

g.       Set “horizontal and vertical spacing” between picture and other page elements in this same Picture Properties – Appearance screen.

h.       Alignment – (Picture Properties – Appearance) can also be set for absolute as well as top, bottom, left, center . . .

6.      Hot Spots – Select the picture and click “circular hotspot button” on the Pictures Toolbar.  Use this to mark the spot you want to be “hot”.  The “Highlight Hotspots button” will help you find that hotspot if you lose track of it.  Create Hyperlink dialog box to set the target to link to.

7.      Marquee – INSERT – Component – Marquee (set color and size).  Scroll is text continuously scrolling one way. Slide is scrolls and stops and  Alternate is back and forth from one side to another. If you Increase the Speed Delay, the slower the marquee.

8.      Page Transitions and Animations – Page transition how the page enters the screen (like in PowerPoint) and Animations includes DHTML Effects and how objects move.  Get to these through FORMAT menu.

Top of Page

 Tests are meant to evaluate a student's independent ability to perform. Not all students will receive "A's", and it is likely that not all will deserve them given their varying efforts and abilities.

Each test is thorough, but not necessarily difficult, as they are similar to other projects we will have done in class. Tests are worth 200 points. Students can miss 20 points and still receive an A. The Case Studies (worth 100 points per phase) are meant to give students an opportunity to get a perfect 100 points by preparing a project (following guidelines) outside of class. Good performances on case studies can offset poorer point totals on exams as they are both included in the total points worth 60% of the final grade.

Students who have high skill levels and are prepared will finish the tests in 1 hour and 50 minutes with minimal "textbook referencing".

Students who are less-prepared will likely reference their text more often and use up some valuable time.

·   BACK