The making of
Features
Cycling images - Acronyms - external links - anchor links - lists - nested lists - form (drop down options, radio buttons, check boxes, submit/reset button) - Java script buttons - ssi content - table
Index page
The home page was the template for all other pages. It was designed to help with css design to get positioning right. Also it was the ideal spot for a changing picture. Also this is where the menu design began, a simple unordered list which later got moved to ssi, same with the footer. The banner was too designed here, but did not go into ssi.
Form page
The form page uses a form field. Without the form a radio button was created for the first input of users. Next was a text input. An option select bar was the next to be put in, followed by a text field to explain thier selection. A group of check boxes was next to go in, again followed by a text field to explain thier selection. Another such group of check boxes and a text field was to follow. Lastly a submit and resest buttons were added to complete the form.
Showoff page
The showoff page had alot more programming than any other page. It requires a good knowledge in javascript. The page is full of labels and buttons, for every statistic label are a minus and add button
Css
The css style was of the more difficult parts. It requires alot of patients lining up and typing out all id's that were created. The form, showoff page and tables had to be done seperatly in order to get the alignments right.
Java script
Java script was another time consuming aspect. The changing pictures in the index page i got from a web site (see reference). The showoff page had a total of 12 buttons, half were to add certain states and other half subtracting them. Each function of these buttons make sure you can't go bellow min or over total and give/take from the free states. In order to change any of these aspects its all in the script. A statistic label function is used to give information about what the user adds and subtracts from the states to see the affect. Lastely in the script is the form validation, which checks to see that the first field is not empty and that in the two check box groups the same check box can't be ticked (concradictory)
References
| Site Page | Reference |
|---|---|
| Images | All images have been screen shotted from WAR |
| Banner background image | http://moneyne.ws/wp-content/uploads/2008/02/wo_logo.jpg |
| Java script help | http://mtsu32.mtsu.edu:11075/JavaScript/JavaScript_Image_Cycle.htm |
