To edit the site you can use any website editor. The instruction are based for the Netscape 7.0 composer that comes with the Netscape browser. For more information on website tools see the free article section of this site.

The site looks like this:

First step is to Download the site and install it on your computer:

Download Cub Scout Web Site
(Updated 7-9-2003)

After downloading and installing the file you need to create a directory for your website development. We recommend C:\Web Development. Then create a directory for your Cub Scout Website. C:\Web Development\CubScout\.

Next unzip the zip file into this directory with the create sub directory option turned on.

The rest of this article will deal with editing the websit

Editing the Header and Footer:

The header and footer are modified in a JavaScript file that you open in Netscape composer. The file name is "control_data.js" - you will have to set the file listing to all to see this file. After opening the file you will see a number of comments and a lot of code. You will change specific parts of the code and then save the changes.

To change the header graphics, there is a file in the images directory called header.jpg. Edit this file to change the top graphic header.

To change the footer text look for the following code in the listing. Replace the footer information. Then save your changes. The entire site will now have been changed. You will still have to change the title on each individual page to modify the title bar.

//Footer Information
//For additional lines just add one and increment the number.
Footer_Line[0]="Pack 50";
Footer_Line[1]="Cub Master John Smith";
Footer_Line[2]="2689 Willow Creek Dr.";
Footer_Line[3]="Waynesville, OH 45235";
Footer_Line[4]="E-Mail This e-mail address is being protected from spam bots, you need JavaScript enabled to view it ";

The pictures for the footer are located in the images directroy and sized for 100 x100 pics. They are:

footer_left.gif (do not replace)
footer_right.gif

Editing the Home Page:

Edit Calendar Page:

To edit the calendar page open the page "calendar.htm" in your editor. There is a month listing on the left hand side. The text can be changed and the formatting will stay the same. Do not remove any of the table cell features.

Put the entire years schedule in at once. Find the table with the month you need to add dates and time with events and descriptions. The date is put in the far left cell, time in the center cell and the event with description in the larger cell. The formatting for this text is predefined.

If you need to add rows for more dates and you are using Netscape composer, select the last row of the month and click the left hand side of the mouse. A menu listing will come up, select "Table Instert.. Row Below". This will insert a new row below the one you clicked over. Add as many dates as you wish for that month. You can also remove rows in a similar manner.

Do not Delete Any of the Months.

This is a scripted page that will only show one month at a time. If you open the page in your browser it will show the current month and click on the left to select other months.

Edit Scrapbook Page:

To edit the scrap book page open the file "scrapbook.htm" in your editor. This page is a scripted page with a number of hidden features. The only setting you need to change are in the table in the lower part of the page.

The table has a header with descriptions of the data to be put in the rows below it. You may add or remove rows to add or remove the number of pictures in the scrap book page.

All the picture files need to be placed in the images directory. Just put the name of the picture file in the left column, the name to appear in the left hand selector and the text that will appear below the picture in the right cell. To see the page you will have to open it in a browser window.

It will show one picture at a time with the picture listing on the left. Picture sizes are recommended to be 300 to 500 pics wide. The larger the picture the slower the download time.

Edit Other Pages:

To edit the other pages of the site:
Join us - joinus.htm
Tiger - tiger.htm
Wolf - wolf.htm
Bear - bear.htm
Webelos1 webelos1.htm
Webelos2 webelos2.htm

These page all similar formats. There is a picture on the top left sized 150 x 150, text below it and a picture that is tall and skinny. There is text in the main part of the page. You can replace any of these items easily. Font Setting: (See Changing Fonts and Colors)
.textNormal - all text is formatted to this by not bold.
.textTopicHeader - on links page
.textLink - links on link page.

Changing Fonts and Colors:

All of the fonts and colors for the text are controlled in the file "contorl_Fonts.css". This can be edited in Netscape Composer.

Each font will have a definition in the file.

.textNormal { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #000000}

font-family: controls the fonts.
font-size: controls the font size. It needs to be in px 12px, 14px, 16px ect.
color: controls the color of the fonts. This is in hex formatting. (#000000 to #FFFFFF) You can use Netscape's or the Windows color selectors to get the proper color code for the color you desire.

Most of the class settings are for a specific page. ".textNormal" will change the text from most of the sight. IF you change the font formatting on a page using its formatter then it will over ride this setting but not remove it. All text you do not specifically change will default to the settings in this file.