Program cgs4854pgm2_5c 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, such as pgm2.php, 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, and css3 and php all tools shown ***** IN CLASS ONLY *****. - NOTE The main menus MUST be done using CSS3. See examples at: http://users.cis.fiu.edu/~mrobi002/teaching/cgs4854/CSS/cssDropdownMenu.html Choose whatever colors, fonts and sizes you want, Please 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 webpage using: 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 - 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 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. - This new CSS3 menu should do the following: program 1 program 2 home - When you hover over the Program 1 link, it will show a dropdowm menu that will have ALL the links we had on program1 program 1 page1 page2 page3 page4 Home Each one of the dropdown links MUST take us to the corresponding pages. - 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 - 4 Regular Text Input d - 2 Radio buttons e - 2 Check Boxes f - 1 Textarea input g - 1 Dropdown box h - ______Submit Comment Display area #2______ for know just display the word $message i - 4 Regular Submit buttons j - 1 ClearScreen Submit button that will clear screen ONLY k - Your new CSS3 menu In the following order: Your Company/Project Name (display area #1) *********************** new main css menu ********************** Telephone # _____________ Last Name _____________ First Name _____________ Email _____________ Miles o Under 20 o 20-30 Preferences []CS []IT ____________________________________ Requests | Non-Smoking area | | Sugar-Free diet | | Large letter monitor | ------------------------------------- Samples _____________[^] ______Submit Comment Display area #2______ FIND SAVE MODIFY DELETE ClearScreen *********************** new main css menu ********************** - MAKE SURE THAT YOUR FRONT END IS TOTALLY ALIGNED AS SHOWN ABOVE. - On the title section display your last name, first name, Program 2 - CHOOSE YOUR OWN FIELD NAMES BASED ON YOUR WEBSITE TOPIC. - When you press any of the first four(4) buttons (FIND, SAVE, MODIFY, DELETE), call a new page named Controller2.php, and display: This is controller2.php The ???? submit button was pressed". ???? means (FIND or SAVE or MODIFY or DELETE). - The ClearScreen button will ONLY clear the screen - Test ALL five(5) above submit buttons (FIND, SAVE, MODIFY, DELETE, ClearScreen). - On the controller2.php title section display your last name, first name, Controller2.php - On the Controller2.php program display the "new main CSS3 menu" at the beginning of the page. - Display the following information obtained from the front end program 2 page: Telephone # _____________ Last Name _____________ First Name _____________ Email _____________ Miles o Under 20 o 20-30 Preferences []CS []IT ____________________________________ Requests | Non-Smoking area | | Sugar-Free diet | | Large letter monitor | ------------------------------------- Samples _____________[^] INCLUDING the data that was entered bt the user 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. 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 https://moodle.cis.fiu.edu/ when this program is due, or before. If you have any questions, please 1 - Ask during my office hours 2 - Ask our FREE tutors at PG6 Room 102 3 - email me