Program cgs4854pgm2_5bb_ONLINE 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 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, 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 the 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 press the link for Program 1, 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 - 1 Textarea input e - 1 Dropdown box f - 2 Check Boxes g - 2 Radio buttons 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 # _____________ First Name _____________ Last Name _____________ Email _____________ ___________________________________ Requests | Non-Smoking area | | Sugar-Free diet | | Large letter monitor | ------------------------------------- Samples _____________[^] Preferences []CS []IT Miles o Under 20 o 20-30 ______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. - CHOOSE YOUR OWN FIELD NAMES BASED ON YOUR WEBSITE TOPIC. - When you press any of ALL the four(4) buttons (FIND, SAVE, MODIFY, DELETE), call a new page named Controller2.php, and display "The XXXX submit button was pressed". XXXX means (FIND or SAVE or MODIFY or DELETE). - In the Controller2.php program display the "new main CSS3 menu" at the beginning of the page. - On the title section display your last name, first name, Controller2.php - 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. 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