Program cgs4854pgm2k_6 CGS 4854 - Website Construction and Management Professor: Michael Robinson e-mail : michael.robinson@cs.fiu.edu Worth 5 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 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 signature }.......... ************************************************************************************** %> 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, php, and css. - NOTE The main menus MUST be done using CSS. See examples at: http://users.cis.fiu.edu/~mrobi002/teaching/cgs4854/CSS/cssDropdownMenu.html Choose whatever colors, fonts and sizes you want, NO drop downs required (unless your want) Program 2: - Add a NEW link (called pgm2) to your main menu, which will call a new page named pgm2.php - Do the following in the new pgm2.php page - At the very top give this page a company/project title - At the beginning and end of this page, display a new main menu using the necessary code from CSS 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, but make sure you can call all the pages created in program one, from this new CSS menu. - In pgm2.php create the following fields between the two, top and bottom, menues: a - 4 Regular Text Input b - 6 Radio buttons c - 1 Dropdown box d - 4 Check Boxes e - 1 Textarea input f - ______Submit Comment Display area #2______ for know just display the word $message g - 4 Submit buttons h - 1 Clear button that will clear screen and the database values in RAM, if any. i - 2 Display areas as shown below In the following order: Your Company/Project Name (display area #1) *********************** new main css menu ********************** Telephone # _____________ First Name _____________ Last Name _____________ Email _____________ Gender _____________[^] Age o Under 20 o 20-30 o 31-40 o 41-50 o 51-60 o Above 60 Preferences []CS []IT []Robotics []Engineering ___________________________________ Special Needs | Non-Smoking area | | Sugar-Free diet | | Large letter monitor | ------------------------------------- ______Submit Comment Display area #2______ FIND SAVE MODIFY DELETE CLEAR *********************** new main css menu ********************** MAKE SURE THAT YOUR FRONT END IS TOTALLY ALIGNED AS SHOWN ABOVE. CHOOSE YOUR OWN FIELD NAMES BASED ON YOUR WEBSITE TOPIC. When you press any of ALL the five(5) buttons (FIND, SAVE, MODIFY, DELETE, CLEAR), call a new page named Controller2.php, and pass the name of the button pressed, using POST. At the Controller2.php file, display the following data: 1 - Display the main menu. 2 - The name of ALL the input fields being passed, with the inputed data in pgm2. 3 - The name of the button pressed, example: ****************** new main css menu ****************** Telephone # 555-555-5555 First Name Joe Last Name Martinez Email abc@abc.com Gender Male Age 20-30 Preferences IT Engineering Special Needs Non-Smoking area Sugar-Free diet Large letter monitor this is the controller2 page. MODIFY was pressed. 4 - Test ALL five(5) above submit buttons (FIND, SAVE, MODIFY, DELETE, CLEAR). Special Instructions: - Additional code examples to help you with this program: http://users.cis.fiu.edu/~mrobi002/databases/cgs4854/ I encourage you to fix the errors, if any, that you had in program one. Submission of program 2: 1 - Print the NEW PHP pages ONLY and turn them in at the begining of class, when due. 2 - Please 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 https://moodle.cis.fiu.edu/ when this program is due, or before. If you have any questions, please 1 - Ask in class 2 - Ask during my office hours 3 - Ask my FREE tutors at PG6 Room 102 Open M-F from 1 pm to 9 pm 4 - email me