How to . . .

In the first folder that opens (the 'web root') there is a lot of junk from the ISP that we we can ignore but some of those objects are ours. They are:

android-chrome-192x192.png
android-chrome-512x512.png
apple-touch-icon.png
B7E4A7B3O8A0C
browserconfig.xml
favicon-16x16.png
favicon-32x32.png
favicon.ico
index.php
mstile-150x150.png
safari-pinned-tab.svg
sample
site.webmanifest
visitors.log
_shared

Any changes you make to any of these will have an almost instant effect but you may need to refresh any browser page or the image itself if it is already displaying a file you change. Deleting one of these files by mistake could prove disastrous!

Taking those files in the web root one at a time:

android-chrome-192x192.png
android-chrome-512x512.png
apple-touch-icon.png
These three files provide those operating systems with shortcut icons and suchlike.

B7E4A7B3O8A0C
This is the folder or directory containing the top level Collection of folders or directories containing other Collections and Albums. Of which more later.

browserconfig.xml
favicon-16x16.png
favicon-32x32.png
favicon.ico
Four more files relating to the provision of 'favourite' and shortcut tiles and icons.

index.php
This is the home page of the site and contains your text 'marked up' into HTML and PHP. You should edit it in a plain text editor such as Notepad. It is not too opaque and I would say to ignore anything between angled brackets that looks like the Matrix to you but there are some php variables at the top of the file and your own words lower down which should be fairly self-explanatory and easy to alter.

mstile-150x150.png
safari-pinned-tab.svg
Two more files relating to the provision of 'favourite' and shortcut tiles and icons.

sample
This directory contains nine album badges named after the albums they came from and the script which displays them on the home pages

site.webmanifest
A configuarion file for Android Chrome pointing to its png files mentioned above.

visitors.log
This file records page impressions of the home page. It can be accessed here too:
http://cabin-crew.uk/visitors.log
87.127.161.109 is my router, 86.151.23.216 is yours.

_shared
This directory contains files used by index.php.
BEA2_s.jpg  The watermarked tile which makes its background.
head.htm    The system part of the home page.
footer.htm  The copyright message at the foot of the home page
style.css   Contains the colours and other design characteristics used by the home page.



B7E4A7B3O8A0C

Now let's look inside the photo collection itself. This folder is called 'Albums' (and Home) in the on-page breadcrumbs and it contains:

albums.php
index.php
robots.txt
visitors.log
Acknowledgements
Aircraft
BACCES
BEA_Football_Teams
Cabin_Crew_in_uniform
Cabin_Crew_not_in_uniform
Crew_Reporting__Tristar_House
Heathrow
LGW_Airtours
Miscellaneous
Posters
Training_Courses
Uniforms
_albums-how-to
_index
_shared
_tools


albums.php
This is the script which constructs both the display of Albums in this primary Collection and generates the Albums and Picture pages of its subsidiary albums too (on the fly).

index.php
This is a short script which creates the private home page by giving a link to the Albums and some Help. It displays the main Home Page from the directory above in the page.

robots.txt
This file tells internet spiders what to do. Set to 'go away'.

visitors.log
Records page impressions by the albums.php script so includes subsidiary albums.

Acknowledgements
This folder contains the image of the condolences called 1163x1600.jpg any replacement should have the same name and dimensions.

Aircraft
BACCES
BEA_Football_Teams
Cabin_Crew_in_uniform
Cabin_Crew_not_in_uniform
Crew_Reporting__Tristar_House
Heathrow
Posters
Training_Courses
These folders each represent one Album

Miscellaneous
Uniforms
These are two more Collections of Albums.

_albums-how-to
This contains your help files.

_index
This folder contains files used by index.php

_shared
This folder contains files used by the Photo Albums

_tools
This folder contains scripts which can help when constructing new Albums.
For example, once the three sizes of image have been prepared in an Album folder and an empty 'ca' (captions) folder is waiting to be filled, copy  write-caption-files.php to the Album folder and then use your browser to open [URL to Album folder name]/write-caption-files.php and the captions will be created, based on the names of the 'sm' (small) images.


ALBUMS

Whereas you had pictures directly in an album folder on the CD, the file structure is now slightly different:

The only image in an Album folder is now badge.jpg which is used by the main menu. Every Album must have a badge.jpg which must be 240x180. (4:3).

Each album folder now has four sub-folders:
or - contains your ORiginal pictures
me - contains scaled MEdium versions of your pics to fit within 800x800
sm - contains the thumbnails or SMall versions scaled to fit 320x320
ca - contains CAption files for each photo, even if empty for no caption


COLLECTIONS

Collections are folders which contain other Collection and Album folders. They differ from Albums as they contain index.php and  visitors.log files in addition to a badge.jpg which they too need if they appear in another Collection.
When an Album or Collection is added to a Collection it needs to ba added to the index.php which controls it. Adding a standard Album is just a case of adding its name to an array but adding a Collection or something else will need its script tweaked to add another conditional statement.


FILE NAMES AND STRUCTURE

As is so often the case, another branch of computing demands that we do things to suit it, rather than continue the bad habits modern desktop operating systems have failed to discourage(!).

For files and folders to work efficiently on the www there are some conventions that are worth adopting to prevent having to muck about with having to parse a URL before it can be used; or perhaps some things will interfere with FTP uploads - these make life easier everywhere:

Don't use non alpha-numeric characters in filenames except "_" or "-". So no apostrophes, plus signs, ampersands, percent, spaces, etc.

Convention says to use underscore_instead_of_space but search engines will also take words separated-by-hyphens as important words if they are part of a filename.