Reference no: EM132622268

WPDD202 Webpage Design and Development - Kent Institute Australia

Learning Outcome 1: Describe and use the client-server internet model, W3C standards, mark-up languages, client-side scripting, server-side scripting to access and manipulate data, database access and internet security

Learning Outcome 2: Analyse and model requirements and constraints for the design of client-server internet applications

Learning Outcome 3: Apply HTML 5, CSS, JavaScript, Multimedia and interactivity to develop highly effective websites

Learning Outcome 4: Identify problems, opportunities and challenges in creating Webpages

Learning Outcome 5: Make recommendations based on accessibility, ethics, and website promotion strategies

Assessment Task:

This assignment undertaken in groups of three or four students in the form of a webpage design, implementation, test and evaluation. Your Project will demonstrate mastery of the web development skills and concepts learned in this unit.

The project must be your own design and be completed by you - the use of free or purchased web site templates are not permitted (for example, those found in Dreamweaver, purchased or free, blog or social networking templates such as Drupal, WordPress, Blogger, Facebook as well as the textbook's Case Study Lab). If it is perceived that a web template has been used, the project grade will be no more
than "below average".

The Group Report:

Write a three page paper describing the process of creating your website, working with your client and learning the technical skills necessary to do so. Discuss the things that went well on the site, the things that you found difficult, things you would change if you could do it again and what your group did on the project and how each of the group member personally contributed to the project.

Remember, unlike some of the other papers we have done in class, this is an actual essay, not a rough designs or notes. Pay attention to grammar and spelling.

Make sure the name of your group and a listing of the members of your group are clearly identified on the first page of this document.

Design:

• Website demonstrates accepted graphic design principles (repeated elements throughout, contrast, proximity, and alignment as well as uncluttered space and subdued backgrounds).
• Website uses coordination of colors which do not hamper usage; this includes text contrasting well with background
• Consistent design throughout the website
• You should use one external stylesheet, and optionally internal stylesheets in different pages. The stylesheet should contain only the rules which are common more than 2 pages or all the pages. The internal stylesheet should contain rules which are used only in one particular page.
• You should organize all the pages in a good structure.
• You should layout your web pages using one of the layout techniques. You should use <div> to layout your pages, using <table> for laying out is not allowed.
• Your pages should be easy to read, easy to navigate. The text, border, background etc. should be contrasting, and don't use too many different colors.
• You should have enough text and minimum 20 images in your website. You must add multi-media contents (audio, video etc.).
• You should have at least a list in your website.
• You should have one contact form and one online hotel reservation form by using the valid HTML5 form elements.
• If you're using an image or some text from somewhere else, you must clarify the origin of that resource in a comment in your HTML or CSS file, right before the resource you're using.
• Use at least 2 JavaScript Pop-up windows and 2 Alert boxes in your website.
• Create the company logo and navigation bars by using the Font Awesome (Font Awesome is a font and icon toolkit based on CSS and LESS.).
• You should only use Google fonts in your website. Your marks will be deducted in case of using other generic fonts by using the html font tags.
• Add social media (Facebook, LinkedIn, Google +, Pinterest,
Instagram and Twitter) links in the footer section of each webpage by using the Font-Awesome toolkit.

Attachment:- Webpage Design and Development.rar