The problem was, I wanted to be able to show as many photos as possible, as large as possible, but without giving up valuable "real estate" on the site that was needed for text. Then one day a friend directed me to the website of St. Olaf College to see her daughter in a video of the choir. That's where I got the idea to use photos cropped as long panoramics in the header of each page.
The two white arrows at the top right of each page can be used to scroll through the header photos. The main page has over 30 header photos representing all the ministries of St. George's. Each sub page has two or more photos representing that particular ministry. In the few cases where relevant photos weren't available, generic photos of St. George's grounds and stained glass windows were used.
New header photos can be added very easily, thus keeping the website fresh with minimal effort.
- The website can be displayed on even the oldest, smallest monitors without horizontal scroll bars -- the gray space on either side will simply grow or shrink to fit the screen dimensions.
- The website is search engine optimized by the appropriate use of header tags and by putting the most important content at the top of each file.
- The use of CSS (Cascading Style Sheets), and include files for repeating code such as menus and footers, allows design changes to be made to the entire site by changing just one or two files, rather than having to modify every single HTML file.