Program cgs4854pgm2_5e 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: 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: 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.php - Do the following in the new program2.php 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) 4 Radio buttons f) 4 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 ___________________ Dropdowns ___________________^ Last Name ___________________ First Name ___________________ Major [] IT [] CS [] Robotics [] Business Email ___________________ Telephone ___________________ Coffee o American o Cuban o Colombian o Dark 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.php 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