Design website HTML

EFFAT UNIVERSITY

COLLEGE OF ENGINEERING

COMPUTER SCIENCE DEPARTMENT

EFFAT UNIVERSITY

COLLEGE OF ENGINEERING

COMPUTER SCIENCE DEPARTMENT

COLLEGE OF ENGINEERING

COURSE TITLE: INTERNET AND WEB PROGRAMMING: CS 489

WEB ENGINEERING: CS431

WEB APPLICATION DEVELOPMENT: IS 373

Instruction:

The Future school has decided that it require a web site. Your job is to design a web site for the school that should follow the following guidelines:

1. You are requested to create a comprehensive website for Future school. The pages on this site should all have a small logo in the top left hand corner of the page, and the contact information at the foot of each page. The home page should have a link to these other pages:

· Board: The names of the school board and their roles (Chair, Vice chair, member)

· About: Mission / Vision / Values

· Admission: Admission requirements and registration form

· Activities: After school activities, including swimming, music, basketball, and computer

· Contact: Contact information

All pages should use consistent formatting styles.

2. Use external style sheet for the styling of the webpage.

3. Make the site more dynamic by using JavaScript (i.e. personalized welcome, rollover buttons for all the main links etc.).

4. Add a form that allow a new students to register on-line (under admission section), the form should include the following fields and the form will be sent to your email address upon submission (hints=use mailto for form action):

· First Name

· Last Name

· Gender (Male / Female)

· Age

· Current Grade (Drop down list: PK4, PK3, KG, One, Tow, Three, Four, Five, Six)

· Address

· E-mail

· Phone

· Personal statement (text area)

5. The student should be able to book activities on-line. Your site should display a weekly schedule for each activity that includes the number of places available and the instructor at each session. Users should enter their names into a form along with the details of time and activity.

Sample data

Board members

Role	Name
Chair	Dr. Lawrence S. Feldman
Vice chair	Dr. Marta Pérez
Member	Dr. Dorothy Bendross-Mindingall
Member	Ms. Susie V. Castillo
Member	Ms. Perla Tabares Hantman
Member	Dr. Martin Karp

About

MISSION We provide the highest quality education so that all of our students are empowered to lead productive and fulfilling lives as lifelong learners and responsible citizen

VISION We are committed to provide educational excellence for all

CORE VALUES Excellence We pursue the highest standards in academic achievement and organizational performance. Integrity We build positive relationships through honesty, respect and compassion, which enhance the self-esteem, safety, and well-being of our students, families and staff.

Equity We foster an environment that serves all students and aspires to eliminate the achievement gap.

Citizenship We honor the diversity of our community by working as a team to ensure the educational success of all of our students and recognize that our obligations go beyond our professional responsibilities to promote democratic principles.

Admission

Documents needed at time of Registration

· Original birth certificate

· Verification of age and legal name

· Proof of a physical examination by an approved health care provider including a tuberculosis clinical screening, appropriate follow-up, and a certificate of immunization

· Two (2) verification of parent/legal current residence (address)

Activities information

To register online, a form should be filled with the name, activity, instructor option, and time option

Activity	Instructor	Time options
Basketball	· Mrs. Laura · Mr. Mandel	· Mon 3:00 – 4:00 · Wed 3:00 – 4:00
Music	· Mr. Jackson · Ms. Peterson	· Sun 3:00 – 4:00 · Tue 3:00 – 4:00
Computer	· Mr. Zack · Mrs. Smith	· Mon 3:00 – 4:00 · Wed 3:00 – 4:00
swimming	· Mr. Ali · Mr. Patrick	· Sun 3:00 – 4:00 · Tue 3:00 – 4:00

Submission:

Due Date: 2nd January 2017 (Monday) before 5.00pm

Things to submit:

The softcopy should contains the following files in a zip file and submit it

1] Assignment submission cover with grading sheet (attached)

2] Assignment report (sample attached)

3] Webpage (include all relevant attachment in a folder=source code: HTML, CSS, JS and instruction, if any)

Project Submission Cover with Grading Sheet:

No	Student Name	Student ID	Final Score
1
2
3

Program Grading

(To Be Filled Out By the Instructor)

	Grading Elements
Items			Remarks
Homepage	8
Pages	3
Form (s)	3
JavaScript	4
CSS	4
Overall Feel	3
Project report	-5 if not submitted
Overall Score (25%) Late Submission Penalty 2marks x ____ Day(s) Final Score

Assessment:

Homepage 8M:

· Information provided 3M (3 - all required form/information included, good usage of language, 2 -some requirement missing, 1- minimum information)

· Hyperlink: all links working 2M (2- yes, 1- no)

· Multimedia elements included (images, video, sound, etc.) 3M (3- More than enough, 2- Adequate, 1- Minimum)

Form 3M:

· Form features applied 2M (2- 2 or more features, 1- less than 2 features)

· All features working 1M

Java script 4M:

· Dynamic features of the website 3M (3- more than 1 feature, 1 - only 1 feature)

· All features working 1M

CSS 4M:

· Formatting style 3M (3- consistent and interesting, 2- moderate, 1- inconsistent formatting, distracting)

Overall feel 3M

(3- Good, 2 -Moderate, 1-Poor)

Project Report (maximum 2 pages)

1. Work distribution:

Please list the work distribution for each group member: Example:

Member A: create main page content, java script for welcome page…etc

Member B: create form, gather images for the website…etc

Member C: create CSS file, create logo. Prepare report…etc

2. Website features:

Highlight/ list the important features that you have included in your website:

Example:

Form:

Data validation for the input data

Autocomplete

Confirmation message upon form submission

Dynamic features of your website:

Personalized welcome page

Good Luck

1

1

1