Program cgs4854pgm2_5g 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 - 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 folder. This mainMenu.php is to be called, from anywhere in your webpages using the following command: Program 2: ---------- 1) 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: program 1 program 2 home When you press your hyper 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: program 1 program 2 home c) When you hover over the Program 1 CSS link, it will show a dropdowm 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 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. 4) When we press the program 2 link, located at the includes folder a) Call your header.php program leave one empty row b) Call your mainMenu.php program leave two empty rows c) Create the following Front End page using: 1) 4 Regular Text Input leave two empty rows 2) 1 Textarea input 3) On the right of the Textarea add 5 Check Boxes 4) On the right of the Textarea add 5 Radio buttons On the right of the Textarea add add 1 empty row 5) On the right of the Textarea add 1 Dropdown box leave one empty row 6) Centered, display the word $message leave one empty row 7) 4 Regular Submit buttons 8) 1 ClearScreen button that will clear the screen ONLY leave one empty row 9) Your mainMenu.php program In the following order: ====This is a Teaching Website==== Joe Smith ________________________________________________________________________________________________ pgm1 pgm2 home Primary Key ________________ Last Name _______________ First Name _______________ Zip _________ Comments ---------------- Major [] IT [] CS [] Robotics [] Law [] Cyber | | Coffee o Light o Cuban o Sweet o Dark o Decaf | | ---------------- Dropdowns ___________________^ $message Save Find Modify Delete ClearScreen pgm1 pgm2 home - MAKE SURE THAT YOUR 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) 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) 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