Instructions for updating web site



Download 51.34 Kb.
Date conversion27.05.2017
Size51.34 Kb.
TypeInstructions
INSTRUCTIONS FOR UPDATING WEB SITE

Table of Contents


Adding Adult or Kitten Photos 2

Adding a New Row to an Existing Table 3

Inserting a Photo 4

Adding Cat’s Description 4

Saving the File and New Images in the Correct Folders
6

Deleting Photos of Cats that Have Been Adopted 7

Putting Photos on Adopted Cats Pages 8

Using Paint Shop Pro 8

Using Front Page to create the Thumbnail Images
8

Updating the Home Page 9

Cats of the Month 9

Senior Cats 10


What’s New 11



Adding New Pages to the Web Site 12

Using a blank page rather than a template page 12



Modifying the Navigation Bar on the left 13

Adding a New Link to a Navigation Image that Doesn’t Have Any Existing Drop Down Links 15

Adding Additional Drop Down Links 15

Adding Adult or Kitten Photos

1. Open FrontPage 2003 from icon on desktop.

2. Type user name and password in box that pops up. Both are case-sensitive.

Name: ntsl312179

Password: look in index

3. In the Folder List, double-click on the name of file that you would like to update.

Adults pages are (in alphabetical order): Kitten pages are:
photo-adults.htm photo-kittens.htm
photo-adults18.htm photo-kittens1.htm
photo-adults17.htm photo-kittens2.htm

photo-adults16.htm photo-kittens3.htm


photo-adults15.htm

photo-adults14.htm Other pages are:

purebred.htm

special-needs.htm


foster1.htm


Find the page where the name of the new cat you are adding would fit in the cat list alphabetically and open that file in FrontPage.

Adding a New Row to an Existing Table

4. Click on the photo (or anywhere within the row) above or below where the new cat should be added.

- Click on “Table”  “Insert”  “Rows or Columns”. Choose whether you would like the new row above or below where you first clicked, and click “OK.” This will insert the new row where you will add the cat’s photo and story.

- you can also add a row ABOVE the existing row by:

- Moving the cursor anywhere within the row with the cat’s picture and story  right click  click on “insert rows”


Warning: this will only add a row above the selected row, not below…in order to add a row below you must follow the original instructions

Inserting a Photo

5. Click inside the left box in the new row that you just added. Click on “Insert Picture from File” icon on top of page. Icon:

A box that says “Picture” will pop up.

Find the file with the cat’s name under the images/adults or images/kittens folder, click on it, and click “OK.” * Remember - the file path that you saved the pictures under is Local Disk (C:)  Inetpub  wwwroot  pbs  images  adults or kittens.


The picture will now appear in the box on the page.

Adding Cat’s Description

6. Click the cursor directly next to the right side of the picture. While holding down the Shift key on the keyboard, press Enter. This will move the cursor directly below the picture. Type: Cats’s name - male or female - age. If you need to insert a ½ for the age, got to “Insert”  “Symbol.” Click on ½, click “Insert,” and then click “Close.”


For adults, below name, type: “I’ve been here since: Month, Year”.


7. Now you need to add what is called Alternative Text to the image. With your cursor, highlight “Cat’s name - male or female - age,” right-click on it and choose “Copy.” Then, right-click on the cat’s picture, and go down to “Picture Properties.” Click on the “General” tab. In the white box that says “Text:”, right-click and choose “Paste.” Click “OK.”



This text will show up when someone has their cursor on the image. It also is helpful for search engines and people who are handicapped.

8. In the right side box next to the picture, type details about the cat’s personality and what type of home they would do best in. You might not have history on the cat, so if this is the case, just write something like “I just came to the shelter. More details about my personality coming soon.” For pairs of cats or litters of kittens, you should use the same story.


  • Darlene will email stories to us in Microsoft word format. To add her story to the web page, open up the attachment to her email. Copy the story and paste it in FrontPage next to the photo. Make sure text is default font, size 10.

  • Sometimes, if you cut and paste directly from MS Word, the formatting , including the font and size will overwrite what you want. You want to change the Style to normal and that’s done in the drop down box to the LEFT of the Font box


Then, at the bottom of the box below the story, type “Donation Fee: $85.00” for adults. Purebreds are $125.00-$250.00. For kittens, the fee is usually $100.00. Maine Coon Mixes or Siamese mixes are $125.00. Check with Priscilla for prices.



Saving the File and New Images in the Correct Folders



  1. Once you have finished with the picture and story, Right Click on the current tab you’re under and hit the “Save” icon. A box will pop up that says “Save Embedded Files.”


Make sure that the folder the cat is saved under is correct…In the above picture the adult cat is being saved under Images/Kittens. This is incorrect and needs to be fixed.



  • Click on “Change Folder”  click on “Images”  Click on either “Adults” or “Kittens

Deleting Photos of Cats that Have Been Adopted





  1. Find the picture of the cat that has been adopted on one of the photo-adults or photo-kittens pages. Open that file. (All are listed alphabetically.)



  2. Move the cursor the left side of the photo until you see a horizontal arrow. Click once to highlight the row with the cat’s picture and story. Right-click somewhere within the highlighted area, and choose “Delete rows.” If you accidentally delete more than the one row you meant to, just go up to
    “Edit” “Undo Clear.”



  3. 2. Click the “Save” icon at the top of the page (looks like a disk).





Putting Photos on Adopted Cats Pages




Using Paint Shop Pro

1. In Paint Shop Pro, click “File”  “Open.” Find the file with the adopted cat’s name under the images/adults or images/kittens folder, click on it, and click “Open”.


2. Go to “Image”  “Resize.” Type in 125 for the width and click “OK.” This creates a smaller picture to put on the adopted cats page.

3. Click on the blue left arrow that says “JPEG” in the bottom row of icons at the top of the page. Click “OK”.

4. A box will pop up that says “Save copy as”. Name the file (cat’s name) using lower-case letters, with _small after the name (davis2_small.jpg , for example). Choose to save the file in the “images/adults” or “images/kittens” folder and click “OK”.

Now you can insert this image onto the page (remember to choose the one with _small.jpg), click on it, and click “OK.” The picture will now appear on the page.


Using Front Page to create the Thumbnail Images



Note: This is much quicker to do than using PaintShopPro

Select the web page where you want to insert the cropped image. Click on “Insert Picture from File” icon on top of page (8th from right, looks like square with mountains). A box that says “Picture” will pop up. Find the file with the cat’s name under the images/adults or images/kittens folder. Insert the file (it will be too big but you’ll change that)


Select Tools from the Menu bar. Then select Page Options and then the Auto Thumbnail tab. Now you can set the Width to be 125 pixels. Click OK.
Put your cursor on the photo you want to resize to make it active. Little boxes will appear on all four sides and that shows you that the picture is selected.
Look at the bottom of your Front Page screen and you’ll see a little icon that looks like a big photo with a little photo on top of it. It should be near the left side of your screen. When you mouse over it, it will display as Auto Thumbnail.

Click it and watch what happens to the original photo. Front Page will automatically resize it for you and will rename it by adding a _small after the name. For example, if the original photo was priscilla.jpg, this will now be priscilla_small.jpg.

It also creates a hyperlink to the original photo, so you’ll want to remove that link, unless you want someone to view the larger image. This is a nice feature to use sometimes and it allows you to put smaller images on the page but let people view the big ones.

To remove the link, just right click on the thumbnail, select Hyperlink Properties and then Remove Hyperlink.
Below the picture, type the cat’s name.

6. With cursor, highlight the cat’s name, right-click on it and choose “Copy.” Then, right-click on the cat’s picture, and go down to “Picture Properties.” Click on the “General” tab. In the white box that says “Text:”, right-click and choose “Paste.” Click “OK.” What you’re doing is adding Alternative Text that displays when someone puts their cursor on the photo. It’s also helpful for anyone who is handicapped and has their computer set up to ‘talk’ to them. This way they’re know that they are hovering over an image.


7. When you are done adding the cats that were adopted, click the “Save” icon at the top of the page (looks like a disk).
If you’ve used FrontPage to create the thumbnail, you will be asked to save the file. The folder listed should be okay since the original was either in the images/adults or images/kittens folder and that’s where you want the _small version to be as well.

Updating the Home Page

The home page is called index.htm.

This page has two sections that will not need much updating: Adoption Information (in the left column) and Fund Raising/Donations/Scholarships (in the right column)


The sections that get updated regularly are the “Cats of the Month”, “Senior Cats” and “What’s New.”

Cats of the Month


This cat appears in the left column

If one of the featured cats is adopted, or to change the featured cats, highlight the cat’s picture and story that you want to take off, and press the “delete” key on the keyboard.

Then, follow the basic instructions for adding adult photos, but post the story below the picture in the same cell. Use the current layout as a guideline.

Also include a link to the adoption application form.



Senior Cats


These cats appear in the right column, across from the Cat of the Month
If one of the senior cats is adopted, or to change one of them, click on the cat’s picture and press the “delete” key on the keyboard. Also highlight the cat’s name and delete it as well. The cats are currently in alphabetical order. Follow the instructions for adding an adult photo.

To resize the photo, use FrontPage’s Auto Thumbnail feature.


Select Tools from the Menu bar. Then select Page Options and then the Auto Thumbnail tab. Now you can set the Width to be 125 pixels or whatever width you want. Click OK.
Put your cursor on the photo you want to resize to make it active. Little boxes will appear on all four sides and that shows you that the picture is selected.
Look at the bottom of your Front Page screen and you’ll see a little icon that looks like a big photo with a little photo on top of it. It should be near the left side of your screen. When you mouse over it, it will display as Auto Thumbnail.
Click it and Front Page will automatically resize it for you and will rename it by adding a _small after the name. For example, if the original photo was priscilla.jpg, this will now be priscilla_small.jpg.
It also creates a hyperlink to the original photo, so you’ll want to remove that link, unless you want someone to view the larger image. This is a nice feature to use sometimes and it allows you to put smaller images on the page but let people view the big ones. To remove the link, just right click on the thumbnail, select Hyperlink Properties and then Remove Hyperlink.

In this case, you’ll be changing this hyperlink to go to the cat’s listing.

Type the cat’s name below the picture.
Also include a link to the adoption application form below the cat’s info.
Now –
Right-click on the picture, and go to “Picture Properties.” Click on the “General” tab. In the white box that says “Text:”, type “Cats’s name - male or female - age.”
Find the senior cat you have just added in the regular adult cats for adoption pages. Click on the photo, then go up to “Insert” “Bookmark.” Type in the name of the cat and click “OK.” Save the photo-adults page by clicking the “Save” icon at the top of the page or select the Ctrl and S keys simultaneously.
Back on the home page, highlight the cat’s name, right-click on it, and choose “Hyperlink Properties.” In the white box that says URL: remove the existing hyperlink and type in the location of the cat on the website, followed by # and the cat’s name.

For example, photo-adults16.htm#Patches or photo-adults18.htm#Ernie.


This will bring the web user to the cat’s picture and profile by clicking on the name below the picture on the home page.


What’s New


This consists of the information below the Fund Raising info, on the right side of the page.
This is the place to put info about fundraisers, shelter news, etc.
You can separate items by using the little row of cats graphic. Just right click on the image, select copy and then put your cursor where you want the new information to appear and right click and select paste.

Adding New Pages to the Web Site

If you need to create new pages, use one of the existing template pages if you can as it contains all the necessary code to make the navigation bar work.


Using a blank page rather than a template page


When you create a blank page, the html code looks like this:









New Page <font style="color:#55F;">1</font>





The database is protected by copyright ©hestories.info 2017
send message

    Main page