In this assignment, you are required to prepare a comprehensive client-side interface for a
Web Application. You are free to choose any web application of your liking which can easily
demonstrate majority of features or techniques implemented in modern web applications and
covered in this course curriculum. You can take inspiration from the list of applications
presented in the lecture but you are not limited to any of those applications. You are strongly
encouraged to carefully select your web application considering that you will be further
enhancing the same assignment introducing additional features as the semester goes by.
Assignment 1 is focused on learnt techniques in Lecture 1 and Lecture 2 e.g. HTML, HTML 5
and CSS. You are expected to use the knowledge gained through Lecture 1 and 2 to;
• Demonstrate a complete understanding of Web Application types and their
requirements.
• Prepare and showcase important information collection and presentation for
your selected application.
• Use a broad range of HTML tags and HTML 5 features.
• Demonstrate ability to design an easy to navigate user interface and visually
appealing to a variety of audience.
• Design and implement different types of CSS files for your web application
interface.
• Demonstrate effective use of CSS for your web application using a broad range
of CSS rules.
• Demonstrate your understanding of the HTML and CSS code by adding in
comments in your code wherever possible.
Assessment Criteria:
Assignment will be assessed based on the quality of;
• Contents (3 marks)
• Layout and Design (3 marks)
• Navigation (3 marks)
• HTML/HTML5 (3 marks)
• CSS (3 marks)
Submission:
Assignment should be submitted on the loop,
1. A single zip file containing all relevant code files.
a. The main HTML file (starting point of your application) must be named as
index.html.
b. All HTML files must be in a single folder.
c. The main folder must have two subfolders, one for images and the other for
stylesheets, which must contain image and css files respectively.
d. You code must be properly commented for each section/function within your
code files.
e. An optional readme file containing any instructions to run your web application.
2. A one-page briefing document explaining your web application.
Important Notes:
You are encouraged to build your web application from the scratch; however, this is not a hard
requirement. Inspiration from the online available templates or use of any frameworks/tools is
permitted. However, in case of using templates or frameworks it is up to you to demonstrate
a complete understanding of the underlying code, which can be done by adding comments in
the code files or attaching a separate document detailing your approach to build your
application and discussing code in each file. Inspiration from the template means you get the
idea of layout or initial files but then you develop your own application for a very different
domain. Exact copy/pasted template from online web applications with the same contents are
not acceptable.
The assignment will be assessed only for HTML and CSS. Please make sure that there is no
JavaScript code or any other advance level web contents design techniques used in your
assignment. Assessors are instructed to disable any code other than HTML and CSS before
grading the assignment which can result into breaking the layout of your website. Please make
sure that you only use HTML and CSS for this assignment.
Student must ensure that their web application must not have any broken links if executed on
a different machine. All images and files must be linked using relative paths ( e.g.
AboutUs.html , ./images/myphoto.jpg or ./CSS/mycssfile.css) rather than absolute paths (e.g.
C:\\MyFolder\Module\Assignment).
In this module, each subsequent assignment will be further enhancing your existing
application; hence, it is not allowed to change the domain/theme of your application after the
first assignment submission.
In case you failed to submit assignment 1 on time and wish to submit subsequent assignments,
you still must submit assignment 1 work without any grades.
![[docker] Docker 基本管理](https://img-blog.csdnimg.cn/direct/4096616faf7c493a914b355f985d70eb.png)
![[每日一题] 01.23 - 画矩形](https://img-blog.csdnimg.cn/direct/250bda83656b4502b5ffa418821fba8c.png)
![[人话版]spring事件监听机制 和观察者模式](https://img-blog.csdnimg.cn/direct/9f91a5dca76f4424afef1df1057fbc5f.png)
