Orange County WatershedApril, 2009
What I Did:
PHP, HTML, CSS, Javascript, Flash
Partners:
- Project Management
Arroyo Design - Graphic Design
Herkelrath Communication Design
Developed and designed website according to provided Photoshop templates.
PHP coded HTML templates with modern tableless look utilizing CSS stylesheets.
Embedded flash intro video and programmed it to display only once. A skip button was provided as an option.
Programmed javascript toggle to allow for displaying various content when clicked on.
Created a PHP script that could randomly and dynamically display highlighted information in left column and as a whole on a separate "Did You Know?" page.
-
Home pageView Larger
Layout of home page.
-
Flash intro preloadView Larger
A preload was added to assure fluent play back.
-
Flash intro videoView Larger
Flash video portraying clean waves in the ocean. A skip button was included to allow website visitors to proceed on their own will.
-
Flash outro videoView Larger
A fade into organization's logo and enter website link appeared.
-
Toggle contentView Larger
This page featured a javascript toggle content depending on clicked topic.
-
Expanded toggle contentView Larger
When a topic was clicked a javascript toggle would display the content of that respective topic.
-
Sub page with column highlightView Larger
On each sub page a PHP script would randomly display a highlighted item in the left column.
-
Highlighted items pageView Larger
The various random highlighted items displayed as whole on a separate page.
Launch Website: http://ocwatershedcenter.org/