BN109 Web and Multimedia Systems

Description of the assessment:

In this assignment, student is required to develop website. Table 1 shows the description of all the pages of the website that you need to create in this assignment. Please read table carefully and develop the website to show case your IT skills to prospective employer(s).

• Home page (index): This page should have a logo (design your own logo), a unique tagline (Few words to explain the uniqueness to describe the website). Please design your unique favicon that goes with respective page title. You may include your image and your goals you want to achieve in future.

• Education (education.html): Write a brief description of yourself on maximum academic qualification you have achieved so far. You may mention your high school education and the program you are currently enrolled.
• Digital Images (collage.html): Use this page to display collage that you will develop during your lab participations. Write brief summary of how you prepare collage. Collage and other images should have neat caption below them. Provide alternative text for every images/non-text media. See example in appendix at the end of this document.
• Digital Video (video.html): Insert a video you have developed in labs using HTML video tags.
• Skills (skills.html): Use this page to indicate skills you require to have to as an employable web developer. Embed a YouTube video relevant to skills required for a web developer.
• Contact Us (contact.html): Use this page to display appropriate form elements to grab users’

Comments and inquiry.

• Footer (Not a separate page but part of all the pages): Insert the Copyright information, useful links like disclaimer, privacy policy and social media links with relevant medias.

In addition to above requirements of webpages shown in the table, go a step further to demonstrate the use of search engine optimization as outlined in the marking scheme. You can usedefinition to optimize the search in each page

Marking Criteria

• Home page: As dictated in your design document and wireframes. Please refer to above table for further specification. 10
• Education: Write a brief description of yourself on maximum academic qualification you have achieved so far. You may mention your high school education and the program you are currently enrolled. 10
• Digital Images (collage.html): Use this page to display collage that you have develop during your labs. Write brief summary of how you prepare collage. Collage and other images should have neat caption below them. Provide alternative text for every images/non-text media. See example in appendix at the end of this document. Steps of collage creation may be documented as unordered list (bullet points). 10
• Digital Video (video.html): Insert a video you have developed in labs using HTML 5 video tags. Provide unordered list (for steps to insert transition) 10
• Skills (skills.html): Use this page to indicate skills you require to establish your career. Embed a YouTube video relevant to above skill sets. 10
• Contact Us (contact.html): Use this page to display appropriate form elements to grab users’ comments and queries including an embedded email link
• HTML : Good use of semantic HTML5 tags. Do not clutter your code by unnecessary CSS code in HTML (i.e. use external CSS) and ‘meta’ definition for SEO (Search Engine Optimization)
• CSS: Use of CSS code in form of external CSS. Do not use any framework for CSS (e.g. Bootstrap, HTML boilerplate, or similar.