Televirtual

On arrival at Televirtual I was faced with updating and maintaining their website, that had evidently been built or modified in some software like word or an old version of Frontpage. Many unnecessary tags and now depreciated html tags, such as the font tag, had been added into the code making it much harder to find what you needed to edit. To make things easier I started by sorting through the whole site and removing many years of orphaned html pages images. I then rebuilt all the required webpage's using XHTML1.0 strict and CSS to provide a website that looked exactly the same but was compliant to current standards and much easier to update or modify. I also took the opportunity to tidy up the images used on the website, removing ugly artefacts and ensuring that the company logo colour was consistent throughout the site.

I later had the opportunity to rebuild their entire website making the site much more unified in its appearance. The pages are built using XHTML Strict 1.0 and CSS standards, ensuring that the page is displayed the same in all browsers, or will fail gracefully when it is not fully supported. I also tried to follow as many of the Accessability guidelines by the W3C as was possible, managing to gain AA compliance for WCAG1.0.

Some features included in the website include:

Transparent Text Areas

Since IE 6 and below doesn't support full PNG alpha transparency by default or at all, I created a fake transparency (every other pixel fully transparent and saved as a gif) that is the default text area background. With the use of a JavaScript browser type detector the background can be changed when the page is loaded to a semi transparent PNG if the browser can support alpha transparency.
This means that the older browsers and IE can display the web page as close as it the page was intended to be viewed.

Televirtuals website

Main Image Rotation

With the use of JavaScript, the main image on televirtual's website swaps once a day to an image stored within an array. This feature was included to provide regular visitors with a bit of variety. To reliably get the image to swap once a day the reading in milliseconds is retrieved from the computer then divided the number by the number of milliseconds in a day, and finally got the modulus using the length of the array.