Web System Assignment
Assessment Title - To prepare a website for a restaurant.
Purpose - Student should be able to:
- Apply good design and coding practices to ensure the standards-compliance, presentation, and usefulness of Web content
- Use the CSS to control Web page layout and to manipulate properties of objects on web pages
Description of the assessment: Based on task specification proposed in assignment 1 (i.e., design document developed for website), develop a website for a typical Indian restaurant. The specification of assignment is shown in Table 1.
Table 1 Specification of assignment
|
Pages
|
Requirement
|
|
Home page (index)
|
This page should have a logo (design your own logo) and a unique tagline (few words to explain the uniqueness to describe the website).
You may put images of "today's special" or similar highlight of menu for the day.
|
|
About (about.html)
|
Write brief description of the restaurant e.g. number of years in the business, the parent company if it is the chain/franchise of some reputed restaurant.
|
|
Menus (menus.html)
|
Use this page to display electronic menu of the dishes. Please use HML5 caption under each image (Hint: you may use that has img as attribute). This page should not contain any text other than caption(s). Please insert at least six (6) such images. Check out different restaurant to see what can be appropriate content here.
|
|
Inside the Kitchen (kitchen.html)
|
Embed a YouTube video that resembles activity inside your kitchen (for example a chef cooking Tandoori chicken). Write a paragraph relating to activity shown in YouTube video highlighting special skill or recipe to prepare above dish. Use a caption to reference it from the YouTube.
|
|
Skills (skills.html)
|
Use this page to indicate skills needed by chef and waiters. Write a paragraph each on skills required by staff mentioned above. You may also embed a video link of Customer Service Staff.
|
|
Sitemap (sitemap.html)
|
Create an HTML 5 site map with working links to all the pages in the website.
|
|
Contact Us (contact.html)
|
Use this page to display appropriate form elements to grab users' comments, inquiry and a fake Google map.
|
|
Footer (Not a separate page but part of all the pages)
|
Insert the Copyright information, link to sitemap and other useful links like disclaimer, privacy policy and social media links with relevant media.
|