INFORMATION

Navigation etc.

Navigation is done mainly by clicking on the icons at the top left.
Home The "Home Page" button takes you to the web page with thumbnails showing allof the trip reports. You can then click on a thumbnail to take you to the report.
Sight-impaired options The "Font Options" button brings up a display that enables you to tailor the font: it's size, colour and family/face. Press the "HIDE OPTIONS" button when you are finished. It remembers your preferences across web pages for the current session, but if you close the browser and open it again, your font settings will be lost and you'll have to set them again.
Photo album The "Photo Album" button takes you to Elusien's Picasaweb page. Here you will find albums of photos, mostly from diving holidays, but more will be added in the near future.
Video album The "Video Album" button takes you to Elusien's Vimeo web pages. Here you will find albums of movies, mostly collections of video clips from my digital camera.

Cameras

For those technically oriented:
Underwater camera Camera Underwater housing some of the photos were taken using a Panasonic Lumix DMC-FZ7 with a 12x zoom and image stabilizer. The earlier underwater photos were taken with my Olympus Mju 400 in its PT-016 underwater housing with 46mm UR/Pro filters attached. For later underwater photos I used my Canon Digital Ixus 850is camera in a WP-DC9 underwater housing. I also use this excellent little camera for above-water shots. The photos it takes are very good and the controls (which include an "underwater scene" setting) are clear and easy to understand.
See: www.digideep.com for information about underwater housings for other cameras.

Photo processing

I download the JPEG images onto my home computer. Then:

Video processing

I download video clips from my camera onto my home computer. Then:

Web hosting

These web pages are hosted by a company called "1and1". 1and1 I have had very few problems with the company and their prices and services are very reasonable.

Web pages

I created the web pages by hand using an excellent free editor for windows called "crimson editor" Crimson Editor rather than use a WYSIWYG editor such as NetObjects Fusion, as I have done before. That way I have more control over the finished product, can use various CSS techniques and don't end up with heavily-bloated HTML. I have recently moved from crimson editor to another free HTML editor called "HTML kit", though I still think crimson editor is less cluttered and easier to use, so I'll probably revert to using it. There are other editors out there, far better than "notepad", one of which is called "notepad++" Notepad++. To get the most out of these pages you should ensure that you have images switched on (default) as well as javascript enabled (to see how click here).

jQuery

I have started to experiment with jQuery, especially a plugin: www.malsup.com/jquery/cycle. I have used it to code the slideshow that is on the "HOME" page and to handle the "sight-impaired" font-options on all the pages. It is also used to create the "footer" at the bottom of each page.I have some more ideas of using it to enhance the website. This is the best javascript/css/DOM framework I have come across. It is well structured and the plug-ins make it very extensible. It is used on loads of well-known websites, like google and the BBC and Microsoft even bundles it with one of their products - vitually unknown for an OpenSource project! Anyone who is thinking of enhancing their website with a bit of flair should consider using it.

HTML and CSS validation

I validated the HTML and the CSS using the W3C organisation validators:
valid HTML and valid CSS
Unfortunately, because browsers handle opacity differently, I have had to include a couple of browser-specific CSS declarations that cause strict validation to fail. But I think the effects that are produced warrant this minor infringement of the rules. To indicate this I use a slightly modified CSS validation logo in the footer of the web pages; it is red instead of the usual blue one and the tick is replaced by a line.

Web browsers

I have developed these web pages mainly in the Microsoft Windows XP environment, using a number of different browsers. I have used the latest versions of these browsers, and I would advise you to upgrade to the latest version, if you haven't done so already (especially Internet Explorer). I have also tested these web pages on Linux, using the Firefox browser.
There is an excellent debugging plug-in for Firefox called Firebug Firebug. This is great, as it enables you to see the objects on the page, and their HTML properties, including the css definitions. It is invaluable for Javascript debugging. Normally, without firebug, you would just get a cryptic error message. With firebug enabled you get a good error message, it shows you where in the code the error occurred, you can look at avrious variables and structures, you can even set a breakpoint to pause when it gets to the statment etc....
The majority of the testing though was done on Microsoft Windows XP (SP2) using the following browsers:
Firefox Firefox IE IE Opera Opera Safari Safari

Other useful utilities

I make use of the following utilties:
Google Earth Google Earth Open Office Open Office Shockwave Flash Shockwave Flash Adobe reader Adobe Reader

Printing the pages

I suggest that you print these pages with the option "Print Background Images" set to "Yes".

Web resources

I am grateful to various people who have created resources, such as images, icons and CSS techniques, that I use on these web pages. In particular I would encourage you to visit the following websites if you decide you want to put your own pages on the web: