Save the Turtles of Parismina

This is an owners’ manual for your site. It is all you will need to take care of it as if the web developers were beamed off to another planet by aliens.

Here is what is on the CD in 9 folders:

Art Today: This is a collection of graphics from the source Art Today some of which were used on your site and some were not.
Dreamweaver Extensions: These are Dreamweaver files
FLA files:
Fonts: These are the type faces used in creating your site
From Client: These are items received from the client.
Noaa: These are extra graphic files
Project Management: These are the documents we used to create the site and should be familiar. They include the Letter of Agreement.
PSD Files: These are the Photoshop graphic files that were used to make all the graphics on your site. You’ll need to find some one to use them to create more graphics if you ever want to add a page.
STTOP Website: This is the actual website. A description of what’s on there will follow on the client manual.

Client Manual

This will tell you or someone who is managing your site where the bodies are buried.

1. Your site is hosted by www.kestrel-designs.com

Client Email Accounts:

Full Name: Debbie Sherman

User Name: put username here

Email Alias: debbie (debbie@costaricaturtles.com)

Password: put password here

Maximum Disk Space: 5MB

Currently Forwards to: Vidadedebb@aol.com

Site Administrator Information:

Full Name: Save the Turtles of Parismina

User Name: put admin username here

Email Alias: info (info@costaricaturtles.com)

Password: put admin username here

FTP Host: costaricaturtles.com

Host Directory: ../../web/

Currently Forwards to: Vidadedebb@aol.com

To remove email forwarding and begin to access email directly through your Neomail account, please notify your site administrator at ahw@kestrel-designs.com. Once your NeoMail account is activated, you will be able to access your email at the following link:

http://www.costaricaturtles.com/webmail/

2. Here is a picture of where are all the web pages stored.

3. Below is a list of pages included in the site.

Splash = index.html

About Us = about.html

Hatchery = hatchery.html

The Hatchery = hatchery.html

Volunteering = help.html

How to Help = help.html

Volunteering = help.html#volunteering

Contributions = help.html#contributions

The Hatchery = hatchery.html

Turtles = turtles.html

Leatherback = leatherback.html

Green = green.html

Hawksbill = hawksbill.html

Parismina Village = parismina.html

About the Village = parismina.html

Activities = parismina.html#activities

Special Events = parismina.html#events

Eating and Drinking = parismina.html#dining

Details for Visiting = visiting.html

Places to Stay = lodging.html

In the Village = lodging.html#village

Across & Up River = lodging.html#upriver

River & Jungle = river.html

See A Slide Show! = river.html

Tours = tours.html

Map & Directions = map_flash.html, map.html, map_noflash.html

Map = map.html#map

Transportation = map.html#transportation

Printed Map ₌map_print.html

Guest Book = guest.html

Add to Guest Book = addguest.html

Missing Fields = missingfields.html

Template for second level pages = 2nd_template.html

Template for third level pages = 3rd_template.html

4. Here is a picture of how a visitor would navigate through the site.

5. Where are the images?

Images are kept in the images folder. Opening the images folder you will find 5 more folders:

1) Index where the index.html page images are stored. These should never be changed.

2) Photos where all photos are stored for each page and the slide show.

3) Secondary where secondary page artwork such as the headings for each major part of a page.

4) Subheads where lesser headings (subheads) are stored.

5) Tertiary where third page artwork such as the headings for each major part of a page.

6. Here is a list of all original artwork (created in Photoshop 6.0) and a brief description of what images each file produced.

Index images were produced with index.psd

subfolder index has:

index_baby_bottom.jpg

index_baby_top.jpg

index_costa_rica.jpg

index_enter.jpg

index_flowers.jpg

index_map.jpg

index_map_edge.jpg

index_momma.jpg

index_oxcart.jpg

index_river.jpg

index_river_right.jpg

index_strip_bottom.jpg

index_strip_long.jpg

index_strip_right.jpg

index_title.jpg

Tertiary images were produced with tertiary.psd

3rd_bg.jpg

3rd_nav_about.gif

3rd_nav_about_over.gif

3rd_nav_contact.gif

3rd_nav_contact_over.gif

3rd_nav_guest.gif

3rd_nav_guest_over.gif

3rd_nav_hatchery.gif

3rd_nav_hatchery_over.gif

3rd_nav_help.gif

3rd_nav_help_over.gif

3rd_nav_lodging.gif

3rd_nav_lodging_over.gif

3rd_nav_map.gif

3rd_nav_map_over.gif

3rd_nav_parismina.gif

3rd_nav_parismina_over.gif

3rd_nav_river.gif

3rd_nav_river_over.gif

3rd_nav_spacerA.jpg

3rd_nav_spacerB.jpg

3rd_nav_spacerC.jpg

3rd_nav_tours.gif

3rd_nav_tours_over.gif

3rd_nav_turtles.gif

3rd_nav_turtles_over.gif

3rd_title.jpg

3rd_turtleA.jpg

3rd_turtleB.jpg

print.gif

Secondary images were produced with secondary.psd

subfolder secondary has:

2nd_baby_wing.jpg

2nd_top_title.jpg

2nd_turtleA.jpg

2nd_turtleB.jpg

nav_about.gif

nav_about_here.gif

nav_about_over.gif

nav_contact.gif

nav_contact_here.gif

nav_contact_over.gif

nav_guest.gif

nav_guest_here.gif

nav_guest_over.gif

nav_hatchery.gif

nav_hatchery_here.gif

nav_hatchery_over.gif

nav_help.gif

nav_help_here.gif

nav_help_over.gif

nav_lodging.gif

nav_lodging_here.gif

nav_lodging_over.gif

nav_map.gif

nav_map_here.gif

nav_map_over.gif

nav_parismina.gif

nav_parismina_here.gif

nav_parismina_over.gif

nav_river.gif

nav_river_here.gif

nav_river_over.gif

nav_tours.gif

nav_tours_here.gif

nav_tours_over.gif

nav_turtles.gif

nav_turtles_here.gif

nav_turtles_over.gif

subnav01_hatchery.gif

subnav01_hatchery_over.gif

subnav02_volunteer.gif

subnav02_volunteer_over.gif

subnav03_help.gif

subnav03_help_over.gif

subnav04_contribute.gif

subnav04_contribute_over.gif

subnav05_volunteer.gif

subnav05_volunteer_over.gif

subnav06_leatherback.gif

subnav06_leatherback_over.gif

subnav07_green.gif

subnav07_green_over.gif

subnav08_hawksbill.gif

subnav08_hawksbill_over.gif

subnav09_parismina.gif

subnav09_parismina_over.gif

subnav10_activities.gif

subnav10_activities_over.gif

subnav11_events.gif

subnav11_events_over.gif

subnav12_dining.gif

subnav12_dining_over.gif

subnav13_visiting.gif

subnav13_visiting_over.gif

subnav14_village.gif

subnav14_village_over.gif

subnav15_crossriver.gif

subnav15_crossriver_over.gif

subnav16_nature.gif

subnav16_nature_over.gif

subnav17_slide.gif

subnav17_slide_over.gif

subnav18_map.gif

subnav18_map_over.gif

subnav19_transport.gif

subnav19_transport_over.gif

Subhead images were produced with subhead.psd

2nd_head_about.jpg

2nd_head_addguest.jpg

2nd_head_contact.gif

2nd_head_contact.jpg

2nd_head_guest.jpg

2nd_head_guestbook.jpg

2nd_head_hatchery.jpg

2nd_head_help.jpg

2nd_head_lodging.jpg

2nd_head_map.jpg

2nd_head_parismina.jpg

2nd_head_river.jpg

2nd_head_template.jpg

2nd_head_tours.jpg

2nd_head_turtles.jpg

2nd_subhead_aboutvillage.jpg

2nd_subhead_activities.jpg

2nd_subhead_contributions.jpg

2nd_subhead_eating.jpg

2nd_subhead_green.jpg

2nd_subhead_hatchery.jpg

2nd_subhead_hawksbill.jpg

2nd_subhead_helpwanted.jpg

2nd_subhead_leatherback.jpg

2nd_subhead_lodginginvillag.jpg

2nd_subhead_lodgingupriver.jpg

2nd_subhead_map.jpg

2nd_subhead_natureandanimal.jpg

2nd_subhead_specialevents.jpg

2nd_subhead_sttop.jpg

2nd_subhead_transportation.jpg

2nd_subhead_volunteer.jpg

2nd_subhead_volunteering.jpg

3rd_head_add_guest.gif

3rd_head_copyright.gif

3rd_head_green.gif

3rd_head_hawksbill.gif

3rd_head_leatherback.gif

3rd_head_template.gif

3rd_head_thankyou.gif

3rd_head_visitors.gif

3rd_head_woops.gif

3rd_subhead_credit.gif

7. Here is a list of all the scripts; they are stored in the cgi-bin.

guestbook.pl

formmail.pl

8. If you want to change the text on one of the pages here are the steps you follow.

Before beginning read note (item #10) below.

For ease of use it's best to always open from the site window.

The easiest way to get to this after one opens Dreamweaver is to click on the F8 button.

To modify

Highlight the text you want omitted and type in the new text. Save.

To add

Choose where you'd like to add text and type it in or use copy and paste.

Make sure that new text is in the same size and font style as the rest of the page.

If not highlight the new passage and, in that lengthwise rectangular box that keeps getting in your way called the Property Inspector, on the middle of the top row, find the box that says Size. Using arrow go to –1.

It will cause text to shrink. That’s OK.

With text still highlighted go to the box to the left of size that says default font and using arrow choose Arial, Helvetica, san-serif.

Now everything should look uniform.

Save.

To add a link

To add a link to another web page such as www.costaricasportfishing.com

Type or paste in URL. Double check you got it right.

Highlight it and hit control or command/C to copy it. Make sure there is http:// in the front of it. If not add it.

Paste it in the box called link in the second row of the Property Inspector. It will change color and have a line under it to indicate it is a link.

Save.

To add a link to another page inside the site:

Highlight the words you want linked and in link box in the Property Inspector type the name of the page you wish such as about.html.

Save.

9. If you want to add a picture to the site, here is how you do it.

Before beginning read note (item #10) below.

For ease of use it's best to always open from the site window.

The easiest way to get to this after one opens Dreamweaver is to click on the F8 button.

You may want to change the photo. Have your new photo saved as a jpg (jpeg) in the photo file.

Open site window F8

Click on photo and then go to the Property Inspector and locate the Src box at the top middle.

To the right of the box is a file icon click on it and a box will open.

Use it to navigate to the new jpg you have previously saved in the photo file.

When you select it, it will be placed in the place of the old photo.

Save.

10. Important note:

The first time one wishes to open a file open the site window (F8) and look for the Site menu under the site menu look for Define Site. This will open a box.

Click on New...

This will open a Define Site box.

Where it says site name type Save the Turtles.

Next to the lower box titled Local Root Folder is a little file icon at the end of a type in box area.

Click on the box. It will open a box called choose local folder.

Using the navigation buttons go to the drive that holds your CD or the place on your hard drive where you have stored the Save the Turtles files.

Highlight it and click on the Select button. You’re back at the Local Root Folder box.

Now click on OK.

Now your back at Define Site Where you click on done.

And you’re done.

11. If you want to change the navigation bar for the site, what do you do?

Before beginning read note above (item #10).

For ease of use it's best to always open from the site window.

The easiest way to get to this after one opens Dreamweaver is to click on the F8 button.

You’ll need to have the graphic button made in Photoshop.

Open site window F8

In the left hand navigation bar Click on the bottom link Guest Book hit tab this will put your insertion point at the proper place for the next link. If you have made a new link gif: In the menu at the top look for Insert.

Under Insert choose Image.

This will open a box where you will be able to navigate to the images folder where you put your new navigation gif in the secondary file previously. When you select it, it will be placed in the correct place.

Save.

This procedure needs to be repeated on all pages. Then you need to link to it on all except the original file. You do this by selecting the navigation graphic; it will look like a little box is selected around the name. While it is selected, in the Property Inspector type the name of the file or use the file icon to navigate to it and select it.

Save.

You will also need to add a new link at the bottom of the page

Type in the new page name (My New Page) among the other links, using a | to separate it from the other links. You are going to need to repeat this on all the other pages and make a link to your new page.

Now you need to link this page on all pages except the original. You do this by highlighting the text you want linked. While it is highlighted, in the Property Inspector type the name of the file or use the file icon to navigate to it and select it. It will change color and have a line under it to indicate it is a link.

Save.

After finishing you will need to do this to all the pages.

12. If you want to add a new page to the site, here is how you do it.
Before beginning read note above (item #10).

For ease of use it's best to always open from the site window.

The easiest way to get to this after one opens Dreamweaver is to click on the F8 button.

To create a new page

First one needs to decide what type of page one wishes to create.

Chances are that you will want to use 2nd_template.html but there may be cases in which 3rd_template.html would be the better choice.

Open Dreamweaver

Open site window F8

Open 2nd_template.html

Your new page needs a simple title such as My New Page. Type this in the Title Window at the top left under the menu, highlighting the Page title goes here part and leaving the Save the Turtles part.

Next decide on a simple name such as new or page and save as new.html.

Where it says template page you are going to put the title of the page. If you have made a new heading gif: click on template page and then go to the Property Inspector and locate the Src box at the top middle. To the right of the box is a file icon click on it and a box will open Use it to navigate to the new gif you have previously saved in the subheads file. When you select it, it will be placed in the place of the template page graphic.

At the bottom of the page in the text navigational area, make a new link:

Type in the new page name (My New Page) among the other links, using a | to separate it from the other links. (You are going to need to repeat this on all the other pages and make a link to your new page but we will do that later.)

You also need to make a link in the left navigational table.

Under Insert choose Image.

Save.

Now you are ready to place your text. Type in or copy and Paste your text copy.

Highlight all the text In the Property Inspector, on the middle of the top row find the box that says Size.

Using arrow go to -1. It will cause text to shrink. That’s OK.

With text still highlighted go to the box to the left of size that says default font and using arrow go to Arial, Helvetica, san-serif.
Save.

You may want to change the photo. Have your new photo saved as a jpg in the photo file. Click on photo and then go to the Property Inspector and locate the Src box at the top middle. To the right of the box is a file icon click on it and a box will open Use it to navigate to the new jpg you have previously saved in the photo file. When you select it, it will be placed in the place of the old photo.

Save.

13. After changing the text and picture how do you upload the revised pages to the Web?

To upload changes one needs to FTP the changes to your sever. You can do this from Dreamweaver.

Open site window F8

Open Define sites and leave the setting on save the turtles.

Click on Edit…

This opens site definition for save the turtles.

On left under categories, click on remote.

Click on FTP.

This opens the remote info. This is where you put in your information as shown below.

Click on OK.

Click on Done.

Select the file you wish to load. (For more than one file click on top file you wish to load then holding shift key down click again on bottom file you wish to load.)

At top right are two arrows: a green one pointing down and a blue one pointing up. Click on the blue one to upload. You’ll need to establish a connection to your server if you don’t already have one established. Let the server do its’ thing.

14. What pages have a component that required a programming script? What changes can you make to those pages?

“Contact Us” page: You may change any of the text on the page, but do not add or delete any fields without the help of a programmer.

“Guestbook” page: You may change any of the text on the page, but do not add or delete any fields without the help of a programmer.

15. Here is a list of all the scripts and programs that were created for your site. Included is a brief description of what each script does.

“Contact Us” page: Gathers all of the information from the contact form and sends it to you in an email.

“Guestbook” page: Gathers all of the information from the “Add Me” form and posts it to the Guestbook page.

16. Important graphic information you may need if you want to make changes:

Page Background Color = #020225

Table Background Color = #F7F6F3

Text Color = #000000

Link Color = #006666

Active Link Color = #663333

Visited Link Color = #336699

Body Text = font face="Arial, Helvetica, sans-serif" size="-1"

Text Links = font face="Verdana, Arial, Helvetica, sans-serif" size="-2”