Bible Baptist Ministry

Getting Started

Whether you are new to using FrontPage or more advanced, we feel you will find our templates easy to use and modify. We've tried to make all of the instructions easy to follow. All you have to do is delete our content and add your own text and images.

General Instructions

Your new web comes with several pre-designed pages. Browse through your new web to decide what pages you want to delete and what other pages you need to add. You may wish to begin adding some content to help you with this process. Note you can add as many pages as you want to the web.

Creating a new page from a layout (blank) page.

You can easily create a new page using the layout pages. The layout pages are named layout1, layout2, etc.

From the File menu, choose Save As.
Enter a name for the new page. Page names should not contain any spaces and should be in lowercase letters for the best results. For example, readme.htm, read-me.htm, or read_me.htm are all acceptable page names. An example of a bad page name is Read Me.htm
Click the Change title button. Enter a Title for your new page and click OK. Titles can contain spaces and be in sentence case, for example, Read Me.
Click Save.
Next, you need to add the new page to your navigation bars. The navigation pages are located in the includes folder and are named topnav, leftnav, and leftnav_submenu. See below for information on how to add your page to the navigation pages.

Deleting a page

To delete pages from your web, select the page or pages in the Folder Contents list and press your Delete key. Make sure you don't delete the gettingstarted.htm or templatedetails.htm pages until you are finished creating your site. You might want to print those pages for reference.

Inserting Meta data for Search Engines

We've included the meta tags so you can easily include meta data for your site so that the search engines find and index your site. Switch to Code view and change each of the following items.

Working with table-based layouts

Table-based layouts are fairly easy to work with as long as you remember that the template has very strict parameters. If you (even accidentally) happen to "move" one of the table borders by dragging it with your mouse, the template will no longer perform properly.

You may be able to drag it back so that it "appears" it is working properly, but FrontPage will have readjusted the variable portion of the template to a fixed number, and the fixed number will depend on what your monitor resolution is at the time you've done this.

If you should drag a table border in this template, immediately go to Edit | Undo. This is the only way to restore the original table layout.

Working with CSS style sheets

This template uses an external style sheet to set link colors, font size and color, and all colors and images used within the various table cells. This style sheet also makes it possible for you to have mouse-over button links rather than normal text links. If you want to make changes, open the "styles.css" file from your folder list. We recommend you make a copy of the original style sheet before making any changes.

Changing the company/organization name

The company information can be easily changed by opening the CompanyName.htm page located in the includes folder. You will change the information once and it will be changed on all of the pages within your site.

Changing the copyright information

The copyright information can be easily changed by opening the copyright.htm page located in the includes folder. You will change the information once and it will be changed on all of the pages within your site.

Creating include pages

As you can see, you can use an include page to include information that you want to change periodically but also want to appear on each page in your site. By using include pages, you only need to modify your page once and then republish the site. All of your pages will then contain the new information.

Create a new blank page and add your content to the page.
Save the page to the includes folder. Don't drag it into the navigation.
On the page the Include will show up on, place you curser in the cell you want the content to appear. Keep in mind that you can't place a large include page in a small cell without breaking the layout of the template!
From the Insert menu, choose Web Component, Included Content. Then, select Page as the type.
Click Browse. Locate and select the page you created and click OK.

Editing the navigation bars

Include navigation bars using Lists

This template uses an include page that uses lists. The navigation area can be changed by changing the includes/topnav.htm, leftnav.htm, and leftnav_submenu.htm. Simple add the new page where you want the page to appear in the list. To delete a link, remove the entire line of code for that link. To add a link, simply copy one of the existing links and then paste it where you want the new link. Enter the correct page name and title for the link. The page name is the part that has the .htm, for example index.htm is the page name for the page with the title Home. Note: don't change the page name of your home page to anything other than index.htm. This is a standard name for homepages.

The top navigation links uses code like:

<div id="hmenu">
<ul>
<li><a href="../index.htm">Home</a></li>
<li><a href="../contactus.htm">Contact Us</a></li>
<li><a href="../sitemap.htm">Site Map</a></li>
<li><a href="../search.htm">Search</a></li>
</ul>
</div>

The leftnav uses code like this:

<div id="vmenu">
<ul>
<li><a href="../index.htm">Home</a></li>
<li><a href="../aboutus.htm">About Us</a></li>
<li><a href="../store.htm">Our Store</a></li>
<li><a href="../faqs.htm">FAQs</a></li>
<li><a href="../calendar.htm">Calendar</a></li>
<li><a href="../contactus.htm">Contact Us</a></li>
<li><a href="../sitemap.htm">Site Map</a></li>
<li><a href="../templatedetails.htm">Template Details</a></li>
<li><a href="../layout1.htm">Blank1Column Page</a></li>
<li><a href="../layout2.htm">Blank2Column Page</a></li>
<li><a href="../instructions.htm">Instructions</a></li>
</ul>
</div>

The leftnav with submenus uses code like this:

<div id="vmenu">
<ul>
<li><a href="../index.htm">Home</a></li>
<li><a href="../aboutus.htm">About Us</a></li>
<li><a href="../store.htm">Our Store</a></li>
<ul>
<li><a href="../product1.htm">Product 1</a></li>
<li><a href="../product2.htm">Product 2</a></li>
</ul>
<li><a href="../faqs.htm">FAQs</a></li>
<li><a href="../calendar.htm">Calendar</a></li>
<li><a href="../contactus.htm">Contact Us</a></li>
<li><a href="../sitemap.htm">Site Map</a></li>
<li><a href="../templatedetails.htm">Template Details</a></li>
<li><a href="../layout1.htm">Blank1Column Page</a></li>
<li><a href="../layout2.htm">Blank2Column Page</a></li>
<li><a href="../instructions.htm">Instructions</a></li>
</ul>
</div>

NOTE: When you change the navigation structure, it might not be visible until you Publish the site to your web server. Try to use File, Preview in Browser to see your changes, if they don't appear, try publishing the site to a test area on your server.

Replacing images

You can easily replace the images in this template with your own. To do so, create pictures that are not larger than 245pixels wide by 160pixels in height. Save your images to the images folder. Choose Insert, Picture, From File. Locate and select your picture and click Insert. The background color on the image boxes is #80AAFF.

To create images with the feather effect, open the left.gif in Photoshop and resize it to 245 by 160. Insert your image as a layer. Select All, then choose Select, Modify, Border. Enter 4px and click OK. Choose Select, Feather. Enter 4px and click OK. Press Delete twice. Save for the web as a jpeg in the images folder. OK. Hit Counter

Inserting and modifying a calendar

Please read the instructions in the Calendar folder.

Using Headers

Use headers to separate your content. We've used css to create headers that look nice in this template. Just add text to your page, select it and then choose H1, H2, H2, H4, H5, or H6. The header text will be formatted as follows: