Program cgs4854pgm2_5h 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: 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 1 - Create your header page named YourLastName_header.php located in the includes folder displaying the following (centered): ====This is a Teaching Website==== Your Full Name ___________________________________________________________________________________________ The First line can be any color, any font, any size Your Full name can be any color, any font, any size The horizontal line MUST BE red 2 - In your home directory, add a NEW html hyper link called program2, to your current menu in the index.html file, to display the following (centered): Home Program 1 Program 2 a) When you press your "Home" hyper link, it will reload your Home page b) When you press your "Program 1" hyper link, it will load your Program 1 c) When you press your "Program 2" hyper link, it will load a new page named program2.php located in your includes folder. 3 - a) Create a new page called mainMenu.php that will contain your new dropdown menu Save it inside the includes folder. 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. Choose whatever colors, fonts and sizes you want This mainMenu.php is to be called from anywhere in your webpages using the following command: b) This new CSS3 dropdown menu should look as follows: Home Program 1 Program 2 c) When you hover over the Program 1 CSS link, it will show a dropdown menu that will have ALL the Program 1 links you had in your index.html file, but this time we are creating them using CSS dropdown links as follows: program 1 page1 page2 page3 page4 Home Each one of the CSS dropdown links MUST take us to their corresponding pages, that where used in the html hyper links for Program 1. d) When you press the Program 2 CSS link, this link will load your new page named program2.php located in the includes folder. 4 - Creating Program2.php located in the includes folder. a) Call your header.php program leave one empty row b) Call your mainMenu.php program leave one empty row c) Create the following Front End page using: 1) 4 Regular Text Input fields leave one empty row 2) On the left column create 4 new Regular Text Input fields 3) Create the four Input Checkboxes shown on the front end below 4) Create the four Input Radio Buttons shown on the front end below 5) Create the dropdown input field shown on the front end below 6) Create the TextArea Input field shown on the front end below 7) Leave one empty row 8) Centered, display the word $message leave one empty row 9) Create 4 Regular Submit buttons 10) Create one ClearScreen button that will clear the screen ONLY leave one empty row 11) Display your mainMenu.php program In the following order: ====This is a Teaching Website==== Joe Smith ______________________________________________________________________________________________ Home Program 1 Program2 Telephone Number ________________ Email Address ________________ Last, First Name ______________________________________________ Full Address ______________________________________________ City _____________ Major [] IT [] CS [] Robotics [] Cyber State _____________ Coffee o Light o Cuban o Sweet o Decaf Country _____________ Dropdowns ___________________^ Zip _________ Comments ---------------- | | | | ---------------- $message Save Find Modify Delete ClearScreen Home Program 1 Program2 - MAKE SURE THAT YOUR ENTIRE FRONT END IS TOTALLY ALIGNED AS SHOWN ABOVE. - On the title section display your last name, first name initial, Program 2 5) When you press any of the first four(4) buttons ( Save Find Modify Delete ), 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) Home, Program 1 or Program 2 c) Display ALL labels from Program2.php front end with all the inputed corresponding data d) Display the name of the submit button that was pressed on the front end of Program 2 example: "You pressed the Save Button" "You pressed the Find Button" "You pressed the Modify Button" "You pressed the Delete Button" 6) When you press the ClearScreen button, it will ONLY clear the screen 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 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 *** PLEASE REMEMBER, WE ARE HERE TO HELP YOU ***