Program cgs4854pgm2_5aa_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:
<!-- ***********************************************************************************
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, 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 - 3 Radio buttons
e - 3 Check Boxes
f - 1 Dropdown box
g - 1 Textarea input
h - ______Submit Comment Display area #2______ for know just display the word $message
i - 4 Regular Submit buttons
j - 1 Clear Submit button that will clear screen ONLY
l - 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 _____________
Miles o Under 20 o 20-30 o 31-40
Preferences []CS []IT []Robotics
Samples _____________[^]
___________________________________
Requests | 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 display "The XXXX submit button was pressed".
XXXX means (FIND or SAVE or MODIFY or DELETE or CLEAR).
- 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, CLEAR).
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