• 1. Accessing Website Source
• 2. Webpage Structure
• CSS Stylesheet
• JavaScript Functions
• 3. Sensors and Channels
• Database
• SVG Maps
• Pictures and Spectra

2. Webpage Structure

---

[ Prev ] [ Index ] [ Next ]

---

The main webpage is at index.php. It is divided into various divs, which are explained in the picture below:

Div boundaries:

container: red
content-container: blue
map: orange
content: green
subcontent: magenta
footer:yellow

The top half of the "subcontent" div is the "search" div, and the bottom half os the "channelsection" div. The content of these sections is generated by PHP. In particular, a PHP script queries the channel database to populate the dropdown list in the "search" div. When the form in the "search" div is submitted, another query is sent to the database to look up the information related to the selected channel, and the content in the "channelsection" div is generated from the result of the query.

Other aspects of the webpage are controlled by a CSS stylesheet and a set of JavaScript Functions.