This Web Site

The code within these downloadable files is the code that I have used for testing, before I uploaded the files to the website, any passwords used for the online database have been removed but testing passwords have been left in place. Minor edits are sometimes required for the files to work online. (see below, the links to the downloadable files are at the bottom of the page, below this)

The main problem I had in getting the test versions to work online was related to upper case character differences. The test system is running under Microsoft on my PC and as such all file names can be a mixture of upper and lower case characters, I tend to use "camel case" (Upper case characters within multiword names without spaces, for instance "mainProgram"), Microsoft completely ignores the case of a character and will accept "mainProgram", "mainprogram" and "MainProgram" as all being the same. On line these are three different file names. As a general rule I now attempt to keep all file names in camel case with the first character in upper case ("MainProgram")

The other problem is with the main "Index" files, when on-line the index file will open by default when a directory is opened, this is ideal when users are browsing the site as simply accessing "www@thejudds.net/Programming" will result in the "Index" file in this sub-directory being opened and displayed. This same rule applies when testing using EasyPHP, I personally find this awkward as I frequently want to open a different file in the directory for testing. For this reason all the "Index" files in the test area are preceeded by the corresponding section name, this section name is then deleted from the front of the file name after the file is uploaded. This also helps when editing as it is obvious which index file is being edited. To avoid the down side that I would need to remember to edit all the links to these index pages from the other pages, these index pages simply contain redirection links to the actual pages displayed. All internal page links going directly to the appropriate page, not via these index pages. In addition I have added index links to all subdirectories so that if they are entered when browsing they will simply redirect to the appropriate page in the parent folder.

To see any web site's code all you need do is right click on any background or text area and click on "View Page Source". Unfortunately this just shows the actual information loaded at the time of display, there is frequently a lot going on behind the scenes (at the server) before this is downloaded to your computer. This is necessary to alow for dynamic pages that appear differently each time they are loaded. In addition there are two other main reasons that I can see: Security and Speed. The vast majority of the pages on this site are static and what you see when you click on "View Page Source" is exactly what is stored on the server and simply copied to your computer. This is most decidedly not the case with the "Map" page within the "Florida Holiday Home". The "Map" page is dynamically created and dynamically updated each time a button on the page is clicked on, if all the information related to this page was downloaded before it was displayed, most people would give up and go elsewere before the dispaly occured, as it would take so long.

To see if any link on any website actually goes where you would expect it to go, look within the page's source for the term "href=". The part in quotes after this (and before the closing >) is the actual site that will visited. Following this and before the closing </a> is the displayed link that appears on the page. If these do not match (within reason) then it is probably a scam. You will see at the top of this page's source an internal link to "../webstyle.css", this is on my site and controls the appearance of my web pages, (click on it to see the style controls or download the file below) this is on all my pages to try and provide a consistant appearance. (Deep turquoise header on a pale yellow background etc). On my Programming/Index index page you can see links to external sites and, although the link text does not exactly match the displayed text, you can see that the links make sense.

The web site files are stored in a directory structure as below (directories in bold, with files listed before subdirectories for clarity). If you want to set up a working copy on your home computer you will need to create the same structure manually. Most of the files are included for download, the downloaders would need a downloader for each file and this would be impossible, these are all very similar and will need to be created by you if this part of the functionality is to be duplicated, one sample is included. In addition only one copy of the duplicated "CoverPage" and "CoverIndex" is included for download, the other is identical and only included on the website so other pages can recall it without having to edit for "Index". The pictures, icons and map tiles can be downloaded individually or in bulk by right clicking on any of them and selecting "View Image Info", select the images that you want and then click on the "Save As..." button. The original directory structure was built within the EasyPHP program directory, inside its www subdirectory (in C:\Program Files (x86)\EasyPHP-12.1\www), this is the default location used by EasyPHP and I have never bothered to change that.

Notes:

The site has grown considerably since I first produced this page and not all the new areas have been added below. If there is a particular area of interest that you cannot find, let me know and I will give it priority.

After downloading any of the following files, simply drag the file to where it is wanted to save it.

If, when using the following links, you open a page, rather than saving it, all that pages internal links will be unavailable.

As a minimum all the customized formatting will be lost, while some pages may fail completely or in unpredictable ways.

For the internal links to work the data/directory structure below is required, however it does not have to be located anywhere in particular as all internal links are relative.


www (This is the subdirectory inside the local EasyPHP, On-line the same directory name is pre-provided and must be used.)

CoverPage.html (This is a file inside the root "www" directory)

CoverIndex.html (This becomes "Index" in the root directory and is a copy of the cover page)

webstyle.css

AboutMe

AboutMe.html (This is a file inside the "AboutMe/" directory)

AboutMeIndex.html (It is these index files that have the names edited on-line, they are all very similar)

FeedBack

Florida

FloridaHome.html

FloridaIndex.html

GetIconMainGroup.php

GetIcons.php

JavaFunctions.js

LocalAreaMap.php

MapStyle.css

Icons

IconsIndex.html (This file inside the "Florida/Icons/" directory path redirects to FloridaHome.html)

(In addition there are a large number of icons used on the map)

Photos

PhotosIndex.html

(In addition there are the photographs used on the cover page)

WebTiles

WebTilesIndex.html

(In addition there is very a large number of square map tiles)

(As well as the Keymap and the map key )

Programming

Programming.html

ProgrammingIndex.html

WebSite.html (This page, as with all the non index html pages, can also be copied after viewing the source)

Downloaders/

DownloadersIndex.html (This file inside "Programming/Downloaders/" redirects to WebSite.html, this page)

WebSiteDownload.php (An example of the files used to provide the downloads)

(Every download needs a corresponding download file, they are all very similar)

(Also included here are the files that differ from the on-line version to protect the passwords)

SSS (See the "SSS" section for more details)

SSS.html

SSS.xls

SSSDownload.php

SSSIndex.html

Return to General Programming Page

Return to Main Cover Page