Program cgs4854pgm2_5d

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

Worth 6 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, pgm2.php and 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 full name }..........
 ******************************************************************************* -->


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, css3 and php
- Using tools shown ***** IN CLASS ONLY *****.

- In this program we will create new CSS dropdown menues, See examples at:  

  http://users.cis.fiu.edu/~mrobi002/teaching/cgs4854/CSS/cssDropdownMenu.html

  Choose whatever colors, fonts and sizes you want, 

  Name the new main CSS3 menu as mainMenu.php and save it inside the includes folders.

  This mainMenu.php is to be called, from anywhere in your webpages using the following command:

   <?php  include( 'mainMenu.php' ); ?> 
   
   
   
Program 2:
----------
 - Add a NEW link (called program2) to your menu, in your home directory, to display the following:

                                    program 1    program 2    home

   When you press link "program 2" this link will load a new page named program2.html

 - Do the following in the new program2.html page
    1 - At the very top give this page a company/project title
    2 - At the beginning and end of this page, display a new main menu using the 
        necessary code from CSS3 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, Make sure you can call all the pages created 
              in program one, from this new CSS3 menu.

    3 - This new CSS3 menu should look and do the following:

                program 1     program 2     home

    4 - When you hover over the Program 1 link, it will show a dropdowm menu that will
        have ALL the links you had on program 1             
             
                program 1
                page1
                page2
                page3
                Home

        Each one of the dropdown links MUST take us to their corresponding pages.

    5 - When we press the program 2 link, create the following Front End page:
        a) 1 Display area as shown below, with your project/company name
        b) Your new CSS3 menu 
        c) 5 Regular Text Input
        d) 1 Textarea input
        e) 3 Radio buttons
        f) 3 Check Boxes 
        g) 1 Dropdown box
        h) Comment Display area #2, just display the word $message
        i) 4 Regular Submit buttons
        j) 1 ClearScreen Submit button that will clear the screen ONLY 
        l) Your new CSS3 menu    

        In the following order:

                                       Your Company/Project Name (display area #1)
                                                             
                                                     pgm1 pgm2 home
                                                              
                                                                  
                    Primary Key   ___________________   Coffee    o  American  o  Cuban  o  Colombian 
                    Last Name     ___________________                                                             
                    First Name    ___________________   Major     [] IT        [] CS     [] Robotics   
                    Email         ___________________                                                             
                    Telephone     ___________________   Dropdowns ___________________^ 
                                     
                    Comments      -------------------   
                                  |                 |
                                  |                 |
                                  -------------------
                                                                             
                                                          $message
                                                                                       
                                            Find  Modify  Save  Delete ClearScreen
                                                             
                                                                       
                                                     pgm1 pgm2 home
     


 - MAKE SURE THAT YOUR FRONT END IS TOTALLY ALIGNED AS SHOWN ABOVE.
 - MAKE SURE TO HAVE THE SHOWN LINE SPACES ABOVE 
 - On the title section display your last name, first name, Program 2


 - When you press any of the first five(5) buttons (Find  Modify  Save  Delete ClearScreen), 
   call a new page named Controller2.php, and display the following:

   -  This is controller2.php
   -  Display all fields names from program2.html with all the inputed corresponding data
   -  The ???? submit button was pressed".

       ???? means (Find  Modify  Save  or Delete).

   - The ClearScreen button will ONLY clear the screen    
   - Test ALL five(5) above submit buttons (FIND, SAVE, MODIFY, DELETE, ClearScreen). 

 

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 to avoid losing points again.



Submission of program 2:
------------------------
1 - 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 CANVAS AND https://moodle.cis.fiu.edu/
    when this program is due, or before.

    
If you have any questions, please 
1 - email me
2 - Ask our FREE professional tutors at PG6 Room 102