Program cgs4854pgm2_6b

CGS 4854 - Website Construction and Management
Professor: Michael Robinson 
e-mail   : michael.robinson@cs.fiu.edu 


 Worth 5 Points


- Make sure your program is properly documented and aligned uniformally, looking professionally
  I will take points off if it is not.
  
- Include the following header in every web page, such as pgm2.php, Controller2.php:

  <%-- ***********************************************************************************
  Page Name  : current page name 
  Author     : Your Name 
  Your URL   : ocelot-aul.fiu/~__________
  Course     : CGS 4854 session, date, and time
  Program #  : Assignment #
  Purpose    : Describe what this page does 

  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:
------------------------
- Create this assignment using an editor only, NO TEMPLATES OR IDES ALLOWED.

- Extend your current website creating the new pages, described below, using html, and css.

- NOTE The main menus MUST be done using CSS. See examples at:  
  http://users.cis.fiu.edu/~mrobi002/teaching/cgs4854/CSS/cssDropdownMenu.html
  Choose whatever colors, fonts and sizes you want, NO drop downs required (unless your want)


Program 2:
----------
 - Add a NEW link (called pgm2) to your main menu, which will call a new page named pgm2.php
 
 - Do the following in the new pgm2.php page
   - At the very top give this page a company/project title
   - At the beginning and end of this page, display a new main menu using the 
     necessary code from CSS dropdown menu found at:

     http://users.cis.fiu.edu/~mrobi002/teaching/cgs4854/CSS/cssDropdownMenu.html 
     
     Note: Not all the code in the previous cssDropdownMenu.html code sample is 
           needed for this step, but make sure you can call all the pages created 
           in program one, from this new CSS menu.
     
   - In pgm2.php create the following fields between the two, top and bottom menues:

     a - 4 Regular Text Input
     b - 3 Radio buttons
     c - 1 Dropdown box
     d - 3 Check Boxes   
     e - 1 Textarea input
     f - ______Submit Comment Display area #2______ for know just display the word $message
     g - 4 Submit buttons
     h - 1 Clear button that will clear screen ONLY 
     i - 2 Display areas as shown below
   
     In the following order:
     
                               Your Company/Project Name (display area #1)

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

 
                  Telephone #     _____________ 
                  First Name      _____________  
                  Last Name       _____________    
                  Email           _____________
                                    
                  Preferences     []CS   []IT   []Robotics 

                  Miles           o Under 20    o 20-30    o 31-40
 
                  Samples         _____________[^]   
                 
                                  ___________________________________   
                  Requests       | Non-Smoking area                  |
                                 | Sugar-Free diet                   |
                                 | Large letter monitor              |
                                 -------------------------------------


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

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


MAKE SURE THAT YOUR FRONT END IS TOTALLY ALIGNED AS SHOWN ABOVE.
CHOOSE YOUR OWN FIELD NAMES BASED ON YOUR WEBSITE TOPIC.


When you press any of ALL the five(5) buttons (FIND, SAVE, MODIFY, DELETE, CLEAR), call 
a new page named Controller2.php, and display "a submit buttons was pressed".
In the Controller2.php program display the "new main css menu" at the beginning of the page.
On the title section display your last name, first name, Controller2.php
                    
   4 - Test ALL five(5) above submit buttons (FIND, SAVE, MODIFY, DELETE, CLEAR). 


new main css menu:
------------------
Modify the menu in program1 by adding to the right a new link "pgm2" which when pressed will load program 2.
On program2 create a CSS3 menu that will contain:
                          
                          PGM1  PGM2  HOME 
                          
When you pressed PGM1 it will load program1, which will have a dropdown menu containing all program1 links 
When you pressed PGM2 it will load program2
When you pressed HOME it will load your index program

                           
Special Instructions:
---------------------
- Additional code examples to help you with this program: 
  http://users.cis.fiu.edu/~mrobi002/databases/cgs4854/ 
  https://users.cs.fiu.edu/~mrobi002/teaching/cgs4854/CSS/cssDropdownMenu.html   

Fix the errors, if any, that you had in program one.


Submission of program 2:
------------------------
1 - Print the pgm2.php and Controller2.php pages ONLY and turn them in at the begining of class, when due.
2 - Zip your public_html folder and rename it as follows:
    your last name, first initial of your first name, pgm2, zip
    and upload it to https://moodle.cis.fiu.edu/
    when this program is due, or before.
    
    
If you have any questions, please 
1 - Ask in class
2 - Ask during my office hours
3 - Ask our FREE tutors at PG6 Room 102 Open M-F from 10 am to 9 pm and Sat 10 am to 4 pm
4 - email me