INT1012 Prototype Website :
| Subject Code and Name | INT1012 – Introduction to Web |
| Assessment Number | 3 |
| Assessment Title | Prototype Website |
| Assessment Type | Individual Website Prototype Files & Code |
| Length or Duration | 3 Website Pages |
| Subject Learning Outcomes | SLO 4, SLO 5 |
| Submission Date / Time | Due by 11:55pm AEST Sunday end of Module 9 (Week 9). |
| Weighting | 15% |
INT1012 Prototype Website Assessment Purpose
Prototypes are an important component of website development. They allow developers and clients to see how basic elements of the plan look, feel, and function. And, are a good way to determine whether any aspects don’t work, so they can be tweaked.
The purpose of this assessment is to introduce the development process of building a website, by first creating a prototype. The task requires you to produce HTML documents as well as a stylesheet as part of the website prototype.
Website Assessment Task / Item
For this assessment, you are to develop a website prototype using HTML code, based on the design document you submitted for Assessment 2. This prototype must be submitted as an HTML file type, in a zipped folder.
Assessment Instructions
Your prototype should be produced using HTML code that you produce. This should be done with an appropriate code editor. It should not be copied from another website.
The website should contain content relevant to the theme you have chosen. For example, if the website is about games the images and text should be related to games. Images and text may be sourced from other websites, however, you must reference any items used from external sources using the Harvard referencing style. Place this list in the ‘About’ or ‘About us’ section of the website.
The prototype must include the following components.
- A minimum of two (2) web pages.
- A logo and a functional navigation bar.
- Relevant text content and headings.
- Images relevant to the topic of the website.
- Valid HTML code.
- CSS code linked from an external stylesheet.
- References for information sourced online.
The website should NOT:
- Contain lorem ipsum, filler text or random characters
- Contain placeholder images that are of no relevance to the website’s topic
- Be created from templates or code that has been generated automatically by software
- Be copied from the work of other students
- Be copied from sources other than the ones approved by your teacher.
Checklist
Before submitting your assessment:
- Make sure there is a minimum of two (2) HTML pages
- Make sure the website contains references for the images used, in the Harvard referencing style
- Make sure there is a CSS file included
- Make sure all images used are included in your submission.
Submission
Place all your files in a compressed folder following the naming convention below. Make sure your compressed folder does not exceed 25MB in size.
[Student_ID]_[Surname]_[First Name]_[SubjectCode]_[Assessment_#] E.g.: 1234_Singh_Visha_PRG1002_Assessment_01
If you are not sure how, see the pages below:
- For Windows Compress and uncompress files (zip files) – Windows Help
- For Mac https://support.apple.com/kb/PH19074?locale=en_GB
All work must be submitted via the LMS, in the assignments section appropriate to this brief. Please ensure the above mentioned submission date and/or time are adhered to, or penalties may apply.
For more information on late submission, please see the Assessment Policy
Academic Integrity
The integrity of the assessment process is fundamental for ensuring appropriate evaluation at AIT. All work submitted should be your own, and where additional resources are used, they must be referenced according to the Harvard style. Additionally, TurnItIn is available in the LMS to test plagiarism in your writing.
For more information on academic integrity, please see the Academic Integrity and Academic Integrity Penalties Policies.
Appeals
Fair application of the assessment rubric, rules and guidelines should be administered for each assessment. If you feel an evaluation requires further consideration, you may be entitled to an appeal.
For more information on your right to an appeal, please see the Assessment Appeals Procedure and Policy.
Policies
For access to the policies mentioned above and related to education at AIT, please see the footer of the AIT website, and follow the link named Education Policies and Procedures.
Website: https://www.ait.edu.au
Assessment Rubric
| Task Descriptor | (F) Fail | (P) Pass | (C) Credit | (D) Distinction | (HD) High Distinction |
| Interpret and follow project brief and meet project expectations 20% | Fewer than three (3) of the following criteria are met. Other criteria are not included or poorly applied. 1. A minimum of two (2) web pages; A logo and a functional navigation bar; External CSS stylesheet; Relevant text content and headings; Images relevant to the topic of the website; References for information sourced online | Three (3) of the following criteria are met. Other criteria are not included or poorly applied. 1. A minimum of two (2) web pages; A logo and a functional navigation bar; External CSS stylesheet; Relevant text content and headings; Images relevant to the topic of the website; References for information sourced online | At least four (4) of the following criteria are met, including the first three (3) criteria. 1. A minimum of two (2) web pages; A logo and a functional navigation bar; External CSS stylesheet; Relevant text content and headings; Images relevant to the topic of the website; References for information sourced online | At least five (5) of the following criteria are met, including the first three (3) criteria. 1. A minimum of two (2) well designed, structured and engaging web pages; A relevant logo, consistent with the website design and a functional navigation bar; External CSS stylesheet with minimal errors; Relevant text content and headings, with consistent sizes, fonts and colours; Images and colour relevant to the theme and branding of the website, used appropriately alongside content; Credible, relevant and current references used for information sourced online | ALL six (6) of the following criteria are met. 1. A minimum of two (2) well designed, structured and engaging web pages; A relevant logo, consistent with the website design and a functional navigation bar; External CSS stylesheet with minimal errors; Relevant text content and headings, with consistent sizes, fonts and colours; Images and colour relevant to the theme and branding of the website, used appropriately alongside content; Credible, relevant and current references used for information sourced online |
| Apply HTML to create structure in web pages 40% | The HTML code includes fewer than four (4) of the following criteria: Valid HTML code; The page markup structure is constructed correctly where a page has doctype, head, title, and body elements; | At least the first five (5) criteria are met. Valid HTML code; The page markup structure is constructed correctly where a page has doctype, head, title, and body elements; | At least six (6) of the following criteria are met, including the first five (5). Valid HTML code; The page markup structure is constructed correctly where a page has doctype, head, title, and body elements; | At least seven (7) of the following criteria are met, including the first five (5). Valid HTML code; The page markup structure is constructed correctly where a page has doctype, head, title, and body elements; | ALL eight (8) of the following criteria are met. Valid HTML code; The page markup structure is constructed correctly where a page has doctype, head, title, and body elements; |
| Where applicable, HTML elements are closed correctly using proper closing tag; Links for navigation are clearly labelled and consistently placed across all pages; All pages are be linked together and the user should be able to navigate through pages easily; Appropriate HTML elements used, like Heading, div, p, img, lists; Appropriate names used for class, ID or attributes; No broken links | Where applicable, HTML elements are closed correctly using proper closing tag; Links for navigation are clearly labelled and consistently placed across all pages; All pages are be linked together and the user should be able to navigate through pages easily; Appropriate HTML elements used, like Heading, div, p, img, lists; Appropriate names used for class, ID or attributes; No broken links | Where applicable, HTML elements are closed correctly using proper closing tag; Links for navigation are clearly labelled and consistently placed across all pages; All pages are be linked together and the user should be able to navigate through pages easily; Appropriate HTML elements used, like Heading, div, p, img, lists; Appropriate names used for class, ID or attributes; No broken links | Where applicable, HTML elements are closed correctly using proper closing tag; Links for navigation are clearly labelled and consistently placed across all pages; All pages are be linked together and the user should be able to navigate through pages easily; Appropriate HTML elements used, like Heading, div, p, img, lists; Appropriate names used for class, ID or attributes; No broken links | Where applicable, HTML elements are closed correctly using proper closing tag; Links for navigation are clearly labelled and consistently placed across all pages; All pages are be linked together and the user should be able to navigate through pages easily; Appropriate HTML elements used, like Heading, div, p, img, lists; Appropriate names used for class, ID or attributes; No broken links | |
| Apply CSS styles to create an effective layout and presentation 20% | Incorrect CSS syntax with many significant errors; Only one (1) type of CSS selector is used; Only inline CSS is used; OR No CSS code is used at all | CSS syntax used with some major errors; Only one (1) type of CSS selector is used; Only Internal CSS is used | The CSS syntax applied has a multiple syntax errors; Only two (2) types of CSS selectors are used; CSS external files is correctly linked to HTML pages | Most of the CSS syntax applied is correct; Only two (2) types of CSS selectors are used; CSS external files is correctly linked to HTML pages | Correct CSS syntax applied; All three (3) types of CSS selectors are used, including class, ID, and element selectors; Use of external CSS files, correctly linked to HTML pages |
| Organise and present content suitable to the website’s theme 20% | The first two (2) criteria are not met. Other criteria are also not met or poorly applied: The overall design scheme is clean, consistent and creative; The layout is well- organized and | At least two (2) of the following criteria are met, including the first two (2): The overall design scheme is clean, consistent and creative; The layout is well- organized and | At least three (3) of the following criteria are met, including the first two (2): The overall design scheme is clean, consistent and creative; The layout is well- organized and | At least four (4) of the following criteria are met, including the first two (2): The overall design scheme is well considered, with consistent spacing, colours and fonts and relevant to the website theme and branding | ALL five (5) of the following criteria are met: The overall design scheme is well considered, with consistent spacing, colours and fonts and relevant to the website theme and branding |
| appropriate for content; Each page includes a footer section; All photo or graphics files are high quality images; Images are resized properly, not stretched vertically or horizontally | appropriate for content; Each page includes a footer section; All photo or graphics files are high quality images; Images are resized properly, not stretched vertically or horizontally | appropriate for content; Each page includes a footer section; All photo or graphics files are high quality images; Images are resized properly, not stretched vertically or horizontally | The layout is expertly structured, with appropriate amounts of relevant content used in each section; Each page includes a footer section, which is clearly separate to the main page, and designed in accordance with the website’s theme and branding; All photo or graphics files are high quality images; Images are relevant to the theme and content they support, are of appropriate size and shape, and are not distorted or plagiarised | The layout is expertly structured, with appropriate amounts of relevant content used in each section; Each page includes a footer section, which is clearly separate to the main page, and designed in accordance with the website’s theme and branding; All photo or graphics files are high quality images; Images are relevant to the theme and content they support, are of appropriate size and shape, and are not distorted or plagiarised |
Visit:https://auspali.info/
Also visit:https://www.notesnepal.com/archives/767
YOUR COMMENT