Program cgs4854pgm4_6a
Worth 5 points

CGS 4854 - Website Construction and Management
Professor: Michael Robinson 

 server    = ocelot.aul.fiu.edu
 usernames = sum16_username
 password  = panther ID

- Make sure the program is properly documented and aligned uniformally, looking professionally,
- Include the following header in every page:


  <%-- ***********************************************************************************
  Author     : Your Name 
  Your URL   : ocelot-aul.fiu/~__________
  Course     : CGS 4854 session, date, and time
  Program #  : Assignment Purpose/Description 
               {A brief description of the program } 

  Due Date   : MM/DD/YYYY 
  Certification: 
  I hereby certify that this work is my own and none of it is the work of any other person. 

  ..........{ your signature }..........

  ************************************************************************************** %>

Purpose of this program:

- To your main CSS menu add a new link called PGM3. Make sure to leave previous buttons and its
  contents as they were turned in for program 2.

- All the material for program 3 is new material, we are just extending the knowlegde from 
  program 2.


                               Your Company Name (display area #1)

                  *********************** new main css menu **********************   
  
                  Telephone #     _____________ 
                  First Name      _____________  
                  Last Name       _____________    
                  Email           _____________
                                    
                  Gender          _____________[^]   

                  Age             o Under 20    o 20-30    o 31-40
                                  o 41-50       o 51-60    o Above 60     
                  
                  Preferences     []CS   []IT   []Robotics   []Engineering

                                  ___________________________________   
                  Special Needs  | Non-Smoking area                  |
                                 | Sugar-Free diet                   |
                                 | Large letter monitor              |
                                 -------------------------------------


                              ______Submit Comment Display area #2______
  
  
                             FIND   SAVE   MODIFY   DELETE   CLEAR   HELP
                         

                  *********************** new main css menu **********************   



Details:
Implement all the buttons ( MODIFY   DELETE   HELP ) as follows:

- MODIFY. Find the record first. If a record exits in the table, and you want to  
  modify any field, re-enter the field(s) and press the MODIFY button.
  The MODIFY button will then call another page which will UPDATE the record in
  the table, passing the data using POST. Then display "Record Modified" on the
  Submit Comment Line. On the screen LEAVE all data in their corresponding fields.
 

- DELETE. When the DELETE button is pressed, 
  Find the record first. If a record exits in the table,
  delete it from the table and on the Submit 
  Comment Line, using red color, display "RECORD DELETED". Leave on the screen 
  all the data corresponding to the deleted record so that the user can re-save 
  it in case the record was deleted by mistake.  
  
- HELP. Using JavaScript display the above descriptions in addition to the same
  type of descriptions used in program 3. 


Special Instructions:
- Additional code samples: 
  http://users.cis.fiu.edu/~mrobi002/databases/cgs4854/ 
  http://users.cis.fiu.edu/~mrobi002/includes/OcelotCreatingWebsite    
  http://users.cis.fiu.edu/~mrobi002/includes/Web.php



Print the corresponding php pages to this program ONLY 
and turn them in at the begining of class.

Upload to moodle a zipped copy of your public_html folder RENAMING it by adding your
name and class number (WEB 1, 2, 3 or 4)