Program cgs4854pgm2_5f

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

 
 ******************************************************************************
 *    !!!!*** USE THE TOOLS THAT WE HAVE LEARNED IN OUR CLASS ONLY ***!!!!    *
 ******************************************************************************

--------------------------------------------------------------------------------
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 documentation in EVERY web page:
  <!-- ***********************************************************************************
  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

- 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:
----------
 1) In your home directory, add a NEW link called program2, to your menu to display  
    the following:

                           program 1    program 2    home

    When you press link "program 2" this link will load a new page named program2.php
	located in the includes folder.

 2) Create a new page called header.php, located in the includes folder, that will
    display the following:

    a) "CENTERED", display the following message:
       ====This is a Teaching Website====
       using courier font, color black, size 5
	   
    b) On the next line display your full name, "CENTERED"
       using times new roman font, color red, size 3

 3) Create a new page called mainMenu.php that will cointain your new dropdown menu
	   
    a) See the instructions to create your dropdown menu, learned in class 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.
	   
    b) This new CSS3 menu should look and do the following:

                pgm1  pgm2  home

    c) 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.
				
 4) When we press the program 2 link, located at the includes folder 
    a) Call your header.php program 
    b) Call your mainMenu.php program 
    c) Create the following Front End page using:
       1) 4 Regular Text Input
       2) 1 Textarea input
       3) 4 Check Boxes
       4) 5 Radio buttons
       5) 1 Dropdown box
       6) Centered, display the word $message
       7) 4 Regular Submit buttons
       8) 1 ClearScreen button that will clear the screen ONLY 
       9) Your mainMenu.php program 

       In the following order:

                                               ====This is a Teaching Website====
                                                            Joe Smith
                ________________________________________________________________________________________________

                                                        pgm1  pgm2  home
                                                              
                                                                  
                Primary Key ___________________   Major     [] IT     [] CS     [] Robotics  [] Law    
                Last Name   ___________________                                                             
                First Name  ___________________   Coffee    o  Light  o  Cuban  o  Sweet     o  Dark  o  Decaf
                Email       ___________________                                                             
                                                  
                Comments    -------------------   Dropdowns ___________________^
                            |                 |
                            |                 |
                            -------------------
                                                                             
                                                          $message
                                                                                       
                                            Save  Find  Modify  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 initial, Program 2


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

    a) This is controller2.php
    b) Called from program (the program that called it) pgm1 or pgm2 
    c) Display ALL fields labels from program2.php with all the inputed corresponding data
    d) The ???? submit button was pressed"

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

    e) The ClearScreen button will ONLY clear the screen    
       Test ALL five(5) above submit buttons 

 

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   


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 - Attend my office hours
3 - Ask our FREE professional tutors at PG6 Room 102