Program cgs4854pgm5and6a
Worth 10 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 three new links called PGM5, Contact Us and Contact Data.
  Make sure to leave previous buttons and its contents as they were turned in for program 4.

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

- This is a sample on how program 5 should look.

 

                               Your Company Name (display area #1)

                  *********************** new main css menu  PGM5  Contact Us   Contact Data
  
                                  |_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                     |
                                 |                                   |
                                 |                                   |
                                  ___________________________________


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

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


THIS PROGRAM WILL BE THE LAST PROGRAM OF THIS SEMESTER AND IT IS WORTH 10 POINTS

1 - For PGM5, the labels that were on the left of the fields in programs 3 and 4 should be inside the fields, 
    as explained in class and shown above in the sample figure, except for radio and check boxes. 
    On dropdown put a title on the box, as shown in class.

2 - Create a new table called contacts with one primary key field and at least one other field of your choice.

3 - Create the contact_us.php program that will allow to save unique data. NO mofidy, delete, find, etc. JUST SAVE

4 - Create the Contact_Data.php program to access the contacts table, allowing to move and display to the following 
    records: First Next Previous Last 

5 - On your laptop install LAMP for Linux, or WAMP for Windows, or MAMP for Apple


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)