首页 > > 详细

CS2204编程辅导 、讲解 Java程序语言

- 1 -
CS2204 Fundamentals of Internet Application Development
Course Work No. 1 (CW1)
Semester A 2024-2025

10% Marks
Due Date: 13 October 2024, 23:59 [Week 6]

Learning Outcomes:

• Design structures of web pages for a more realistic, commercial-like website
• Achieve user requirements by using appropriate HTML5 markups.
• Produce web pages that can pass through validation.

- 2 -
1. Overview

You must build a simple Web site for Visionary Innovation Hub by going through the 3S’s: structure,
style, and script. This CW1 is the first step focusing on structure only. The Web site, therefore, would
not be fully functional until the second and third parts (CW2 & CW3) using CSS and JavaScript are
completed.

To encourage you to have critical thinking and investigation, only the basic information of the Web
pages is specified, and you have the freedom to design the structure if it can fulfill the specified
requirements. However, like any design, some structures are better than others.

To ensure timely feedback to the student’s questions, each of the following TAs will be responsible for
different groups of students according to the last digit of your student ID. If you have any questions,
you can contact the corresponding TA directly by email. A TA will also attend the tutorials in person
to answer your questions related to the assignment.
• Student ID’s last digit 0 ~ 2: YAO Yiming (yimingyao3-c@my.cityu.edu.hk)
• Student ID’s last digit 3 ~ 5: WANG Xueying (xywang85-c@my.cityu.edu.hk)
• Student ID’s last digit 6 ~ 9: ZENG Xiangrui (xiazeng9-c@my.cityu.edu.hk)

Guideline for late submissions:
• Late within 3 hours - 10% marks deduction
• Late within 3 ~ 12 hours - 50% marks deduction
• After 12 hours - no submission will be accepted

- 3 -
2. Requirements of Structure
Required information on the Web site is grouped into blocks, then pages. There are six main pages and
one design page. All contents, unless specified, should be completed by yourself. If you use information
and ideas from others online, you MUST acknowledge and quote the source on the design page. If you
are found to have plagiarized, you will be subject to severe penalties, including but not limited to
a zero for this coursework, failing the course, and being reported to the school authorities.
Therefore, please follow the above rules to ensure the successful pass this course.


There are 7 pages in total. The default landing page of the Web site is the Home page. The contents of
every page can be found in the file "cw1-contents.txt" available on Canvas.

Home Page

a) This page contains information grouped into 5 blocks, 3 of which are the standard header,
navigation bar, and footer blocks as follows:

a.1) The header/banner block consists of a logo (logo.png) and the heading of the Website;
these are separated and should not be done in one single image. You should use
for
the heading block. The size of the logo should be set to 334×100. The following is an example
of how to set the size of an image:



a.2) The navigation bar should include links to all the website’s six main pages (except the
Design page); all jump hyperlinks must be valid in the navigation bar. Ensure all links point to
the correct page so users can access the required information without problems. Also, ensure
that the layout and design of the navigation bar are consistent across all pages so that users can
easily find the information they need. You also need to note that you need to use a reasonable
HTML structure to organize the navigation bar. You need to note that there is no requirement
for the navigation bar to be horizontal or vertical.