Instructions for updating the "We're on our Way" and "China Pictures" Webpages. #1.) Getting the "program" shells that I built for you from the internet back to your PC. Sign onto CuteFTP to access your webpages on the internet to get copies of the shells you will need to update. Make sure the left window is accessing the World Tour folder on your laptop. (If it is not you may need to navigate around a bit to find the correct folder. Copy FROM the internet (right window) TO the World Tour folder on your laptop (left window) the following two webpages. To do a copy, highlight the name in the right window and drag it to the left window. Do this for each of the following: picsonourway.html picschina.html
You now have the two shells you will need to update stored on your local hard drive of your laptop for later use. Close the FTP software. You will use it again later, but you need a fresh copy then.
2.) Copy the pictures you want to put on the internet to your PC from the camera "card". Open the World Tour Folder on your desktop. (Double click on it). Plug the reader into the back of your PC. GO to My Computer (or whatever Greg calls it) and select Drive F. Open the correct folder that houses the pictures. Repeat these steps for each picture you want to copy: Right click the first picture. A menu selection window pops up. Left click on "copy". Move your cursor to the World Tour folder that is already open on your desktop and click somewhere in the folder. Then paste the picture in there (control V). Remaining in the World Tour Folder, right click once on the picture you just copied and then left click on "rename" when the menu comes up. Rename the picture without the underscore using a sequential type name. ie: For china pictures you may want to call them: o picschina01 o picschina02 o picschina03 o etc.
After all pictures are copied into the World Tour Folder from the reader move onto step 3.
3.) Updating the webpage "shell" with the picture names. In this example we will say you are updating with pictures from china. Note you will need to have a count of how many pictures of China you are putting on the webpage. In this example we will say there are 8 pictures you want to put on the webpage. From the World Tour Folder, open the picschina.html "shell" You can open it two ways: Right click it and then from the menu choose "open with Notepad" (or "send to notepad" double clicking on it. This may "run" the page on your laptop and you will see the "fake pictures" of china start flipping. That is ok. Simply go to the top and click on View and then click on "Source". This will bring up the actual "shell" of code. Within the shell you need to change the following things: Change 1: You need to change the numbers in the code that make the pictures "flip" or "loop" around. These numbers change based on how many pictures you have. See example below. Original code: var i = 0 var numimgs =5 var rollimgs = new Array(6) for (j=0; j<6; j++)
New code: (assuming 8 pictures) var i = 0 var numimgs =7 var rollimgs = new Array(8) for (j=0; j<8; j++)
Change 2: You need to put the name of each picture in the double quotes. Shell has room for 6 pictures. If you have more you will need to copy the lines of code, if you have less you will have to delete some. IMPORTANT NOTE: The LAST rollimgs line MUST have a 0 in the [ ]s. Numbering should go from 1 to "1 less" than the total number of pics. The last picture is in the rollimgs[0] slot. If you have 8 pictures you would have rollimgs[1] thru [7] and then [0] takes the place of the eighth picture. This is how the pictures continuously flip.
Original code: rollimgs[1].src = "china.jpg" rollimgs[2].src = "china2.jpg" rollimgs[3].src = "china.jpg" rollimgs[4].src = "china2.jpg" rollimgs[5].src = "china.jpg" rollimgs[0].src = "china2.jpg" New code: (assuming 8 pictures from China): rollimgs[1].src = "picschina01.jpg" rollimgs[2].src = "picschina02.jpg" rollimgs[3].src = "picschina03.jpg" rollimgs[4].src = "picschina04.jpg" rollimgs[5].src = "picschina05.jpg" rollimgs[6].src = "picschina06.jpg" rollimgs[7].src = "picschina07.jpg" rollimgs[0].src = "picschina08.jpg"
Change 3: You need to change in the source field the name of the "first" picture that is to be displayed. It should match the name of the first picture in your list. Original code:
New code:
BE SURE TO FILE SAVE THIS WHEN YOU ARE DONE. (It should be saved in the World Tour Folder. You should replace the existing file if it asks you to).
4.) Test the new page on your laptop to be sure it works before copying it up to the web. After you save your changes, double click on the file (in this case picschina.html) in the World Tour folder. You should see the page load and the pictures flip on your PC. If it doesn't work, you coded something wrong. Hopefully this won't happen. If it does and you can't find the problem, email me the file and I will look at it and email it back to you.
5.) Copying the edited shell and pictures up to the web. Sign back onto CuteFTP. The left window should still be accessing the World Tour folder on your laptop. (If it is not you may need to navigate around a bit to find the correct folder. Copy FROM the World Tour Folder (left window) TO Internet folder (right window) the following: The updated program shell (in this example picschina.html) all of the china pictures you included in the picschina.html shell o in this example picschina01 thru picschina08
Do each copy by clicking on the file in the left window and dragging it over to the right window. Close the FTP software. You now updated the web with your new webpage and all the pictures that it requires to display. You can test this by going to your real website and clicking on the icon on the latest pics page. Remember you may need to refresh on AOL to see the changes.
To change settings on AOL to hopefully avoid this issue of not refreshing change the setting on AOL by clicking on the following while dialed into AOL: My AOL Preferences WWW Under temporary internet files, click Settings Under check for newer versions of stored pages click Every visit to the page. Save changes (click ok or apply)
Instructions for updating the nmngWorldTour Home Page with new links. #1.) Getting the homepage source/shell from the internet back to your PC. Sign onto CuteFTP to access your webpages on the internet to get a copy of the homepage you need to update. Make sure the left window is accessing the World Tour folder on your laptop. (If it is not you may need to navigate around a bit to find the correct folder. Copy FROM the internet (right window) TO the World Tour folder on your laptop (left window) this webpage. To do a copy, highlight the name in the right window and drag it to the left window. Do this for each of the following: index2.html
You now have the webpage you need to update stored on your local hard drive of your laptop for later use. Close the FTP software. You will use it again later, but you need a fresh copy then. #2.) Make a back-up copy of index2.html in case you make a mistake. Call it index2bkup.html or index2mmdd.html (where mmdd is the month and day). Click on index2.html in your World Tour folder. When the page starts "running" on your PC up top in the menu bar click on View and then Source. The "source code" is displayed. Before doing anything else click on File, Save As, and then give it a name of index2bkup.html (Or index2mmdd - where mmdd are the month and day). This should be saved in the World Tour Folder as well. Close this file (otherwise you will end up editing the backup version instead of the real one). #3) Edit index2.html to add/change/delete links. Go back to the World Tour folder and double click on index2.html. When the page starts running again, click on View and then Source. This time you will edit the source. Look in the code for this line: I have typed the instructions in the page as well as here. Just some basic info first: A link starts with an"
" tag and ends with the "" tag. The characters (between the quotes) " " create a "space" between links. The characters (between the quotes) "
" put the link on a new line on the page. To add a new link you would need to create a new "
"
You need to change the http address and the actual text to be displayed. See this sample below: Begin sample Click here for the whatever site End sample You would change the "www.whatever.com" to the real url address. You would change the "click here for whatever site" to the real text you want to see. To add spaces between links use the " " That is for one space. Three spaces would be (this is just cosmetic by the way to space out the links ). To put a link on a brand new line use the "
" tag. To delete an existing link simply delete everything between and including the "
" tag and the "" tag
Note: Mary by the time you are done this world tour I will be able to hire you as a webpage builder if I ever get my own company going. You will be a pro!!!
BE SURE TO FILE SAVE THIS WHEN YOU ARE DONE. (It should be saved in the World Tour Folder. You should replace the existing file if it asks you to).
4.) Test the new page on your laptop to be sure it works before copying it up to the web. After you save your changes, double click on the file index2.html in the World Tour folder. You should see the page load and the new links appear. (Or simply hit refresh if the page is still displayed on your PC). If it doesn't work, you coded something wrong. Hopefully this won't happen. If it does and you can't find the problem, email me the file and I will look at it and email it back to you or I can just post it up to the web myself.
5.) Transfer the edited homepage back up to the web. Sign back onto CuteFTP. The left window should still be accessing the World Tour folder on your laptop. (If it is not you may need to navigate around a bit to find the correct folder). Copy FROM the World Tour Folder (left window) TO Internet folder (right window) the following:
index2.html
Do the copy by clicking on the file in the left window and dragging it over to the right window. Close the FTP software. You now updated the web with your updated homepage and its new links. You can test this by going to your real website and clicking on the globe and entering your site. You should see the changes. Remember you may need to refresh on AOL to see the changes.