Program cgs4854pgm5_5
Worth 6 points

CGS 4854 - Website Construction and Management
Professor: Michael Robinson 

- 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 PGM5. Make sure to leave previous buttons and its
  contents as they were turned in for program 4.

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

                             Your Company/Project Name (display area #1)

                  *********************** new main css menu **********************   
                  Login at: _____________                   Current Time: ________
                  
 
                  Telephone #     _____________ 
                  First Name      _____________  
                  Last Name       _____________    
                  Email           _____________
                                    
                  Preferences     []CS          []IT       []Robotics    

                  Age             o Under 20    o 20-30    o 31-40
                                   
                  Samples         _____________[^]   
                                              
                                  ___________________________________   
                  Special Needs  | Non-Smoking area                  |
                                 | Sugar-Free diet                   |
                                 | Large letter monitor              |
                                 -------------------------------------
                                          
                                            
                              ______Submit Comment Display area #2______
                                     
                                    
                  FIND  SAVE  MODIFY  DELETE  CLEAR  HELP  ABOUT  CONTACT US  LEADS 
                         

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

Details:
Implement the buttons (HELP  ABOUT  CONTACT_US  LEADS) as follows:
             
1 - HELP. When the HELP button is pressed on pgm5.php page, using Controller5.php,
    call help.php which must be written in Javascript, it most be movable and resizable. 
    
    The HELP menu should contain:
     
    Information about how to use and what to expect when you press the following 
    buttons:
     - FIND.  
     - SAVE.  
     - MODIFY. 
     - DELETE.  
     - CLEAR.  
     - HELP.  
     - ABOUT
     - CONTACT US  
     - LEADS
     
2 - ABOUT. Using CSS3 create about.php describing your web page purpose 

3 - Create a new table called contacts with the fields described on question 4.

4 - CONTACT US. Create the contact_us.php program that will allow us to save unique data to the contacts table.
    This page should only have one SAVE button and one CLEAR button that clears the screen ONLY.

    **** NOTE **** Telephone IS THE PRIMARY KEY

    Your page should look like this:
    
                         Your Company/Project Name 

                  ********* new main css menu ********
                  
 
                  Telephone   ______________________ 
                  First Name  ______________________  
                  Last Name   ______________________    

                              ______________________   
                  Comments    |                    |
                              |                    |
                              |                    |
                              ----------------------


                     __Submit Comment Display area #2__
  
  
                                SUBMIT CLEAR
 
    **** NOTE **** Telephone IS THE PRIMARY KEY
    
 
5 - LEADS. Create the leads.php program to access the contacts table, allowing 
    to move to and display to the following records: FIRST NEXT PREVIOUS LAST. 

    **** NOTE **** Telephone IS THE PRIMARY KEY
    
    Your page should look like this:
    
                        Your Company/Project Name 

                    ********* new main css menu ********
                  
                    Telephone   ______________________ 
                    First Name  ______________________  
                    Last Name   ______________________    
                    
                                ______________________   
                    Comments    |                    |
                                |                    |
                                |                    |
                                ----------------------


                     _Submit Comment Display area #2_
  
  
                     FIRST   NEXT   PREVIOUS  LAST 

    **** NOTE **** Telephone IS THE PRIMARY KEY

    FIRST. When the user presses the FIRST button, it will call, from contact.php
    the first record in the contacts file, created in question 3, to be displayed
    on leads.php  (USING THE PRIMARY KEY)
    
    NEXT. When the user presses the NEXT button, it will call, from contact.php
    the next record in the contacts file, created in question 3, to be displayed
    on leads.php  (USING THE PRIMARY KEY)

    PREVIOUS. When the user presses the PREVIOUS button, it will call, from contact.php
    the previous record in the contacts file, created in question 3, to be displayed
    on leads.php  (USING THE PRIMARY KEY)

    LAST. When the user presses the LAST button, it will call, from contact.php
    the last record in the contacts file, created in question 3, to be displayed
    on leads.php  (USING THE PRIMARY KEY)



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)