WyzGuys Computer Tutors

 Computer Instruction. Web Design Instruction,  and Web Hosting 

 

Using Shared Borders

 

Site Navigation

Home
Student Registration
Class Resources

Day One

Introduction
Student Sites
Web Structure
Computer Settings
Site & Pages
Explore FrontPage
Web Site Wizard
Shared Borders
Web Page Themes
Page Header
Adding Text
Homework 1
Web Hosting 101
Web Site Design
Home Page Design

Day Two

Introduction
Your Home Page
Adding Pages
About Us Content
Add More Pages
Deleting Pages
Navigation
Link Bars
Custom Link Bars
Hyperlinks
Adding Hyperlinks
Hyperlink Exercise
Publishing
Copy Your Site
Homework 2

Day Three

Introduction
Bullet List
Numbered List
Tables
Table Uses
Create Tables
Graphics Intro
Image Sizing
Photo Editing
Adding Graphics
Photogalleries
Gallery Tool
Saving Images
Adding Music

Day Four

Form Wizard
Custom Form
Form Exercise
Form Properties
Web Components
Add a Map
Add Search Box
Marquee
Buttons
Hit Counter
Split & Code View
On-Line Sales
PayPal Buttons
Building Traffic
Meta Tags
Search Engines
Appendix & FAQs
Adv Techniques
Interactive Web
Conclusion
Evaluation

We use and recommend

for your on-line transactions

Hands On Practice - Shared Borders

FrontPage has several features that are unique to it, and Shared Borders is top among them.  Instead of using layout cells to define the top, left, and bottom border areas, we will used Shared Borders.  Shared Borders allows you to define borders at the top, bottom, left, and/or right of your page that will be exactly the same from one page to the next.  This way you can put a company logo, navigation links, ads, page banners, and other elements in your site without having to add them manually to every page.

If your Shared Borders command is grayed out on the menu, you will need to enable it for your web site.  Go to Tools, Page Options, and select the Authoring tab.  In the first section FrontPage and SharePoint technologies, click in the check box in front of Shared Borders.

 

Go to Format, Shared Borders.

The Shared Borders dialog box opens. 

Select the All pages radio button to apply the shared border to all pages in your site.

Select the check boxes for the borders you wish to create.  If you check the Include Navigation Buttons box, FrontPage will automatically insert Link Bars based on your web site design (see below).

Clicking on the Border Properties button opens another dialog box that will allow you to apply different colors or graphics to you border areas.

Shared Borders are being replaced by Dynamic HTML Pages in this edition of FrontPage.  Unfortunately, I am not able to offer instruction in this area yet, but information is available on the FrontPage web site.

Adding elements to the shared border areas.

Typically, you will add Web site identity information, company names and logos, and navigation elements to the top shared border.  Navigational elements, such as link bars or customs hyperlinks or link buttons, will go into the left border.  The bottom border may contain links, and copyright and contact information. You can add pictures, advertising, or text to the Shared Border area.  Just remember, with the exception of Page Banners, whatever you put on one page will show on all shared pages. 

Your home page should look something like this.  The purple text is comment text.  It will not show up when you publish the site or view it in the Preview window.  Comments can be inserted from the Insert, Comment command on the main menu, and may be used to places notes, comments, and reminders into your site so you can see them later.

Layout Tables and Cells

While I do not teach this method, it is the more traditional way web designers create page layouts, using tables and cells.  For a good tutorial on this method from Microsoft, click here.

 

Back To Exercise Next

 

Curriculum developed by WyzGuys Computer Tutors

All Rights Reserved - updated 12/07/2006

Hosted by WyzHost.com

contact support@wyzhost.com