Web Development

Design and Develop a Website

Assignment task

Learning outcome 1: Demonstrate understanding of web standards and web deployment considerations
Learning outcome 2: Apply HTML and CSS to properly separate content and presentation concerns of web pages
Learning outcome 3: Create image-less and efficient web navigation using advanced CSS solutions
Learning outcome 4: Implement dynamic and DOM-based web scripts that respond to user interaction

Scenario

Create a 6-page website around a topic of your choice. Your website will need to be created using a variety of methods and three key client-side languages - HTML, CSS and JavaScript. The website should also clearly demonstrate the following features: (1) proper HTML structure; (2) full separation of structure (HTML), presentation (CSS, externally linked) and behaviour (JavaScript) concerns; (3) appropriate use of the Document Object Model (DOM).

Design
• Create wireframe layouts for each of your pages (Mockingbird, Balsamiq, ‘Pencil' or other)
• Create a website hierarchy
• Identification of need - what the website must do; target audience; colour scheme

Function - your website should
• Be uploaded onto the intweb server
• Have a consistent look and feel
• Have consistent navigation that works across all pages
• Use a range of HTML4 and 5 elements (table, form, images, video etc.)
• Use an external style sheet to style your website consistently
• Use DOM-based JavaScript to perform a useful action. Examples include: (a) a form validation with user feedback for correctly and incorrectly completed elements; (b) a slideshow with pause, forward and reverse scroll controls; (c) a game, such as one based on the Planck.js framework; (d) a location-sensitive mapping artefact using Google Maps, Leaflet, OpenStreetMap, Bing or similar API
• Include clear and consistent commenting within your code

Presentation
• Present your website artefact to your lecturer. This demonstration may be face-to-face or online depending on the circumstances at the time. Your code should be clean and clearly commented. Be prepared to explain how your website meets the above requirements and the detailed mechanisms by which solutions have been achieved.

Produce a 1000 word report of your website, discuss improvements you would like to make to the website.

Attachment:- Web Development.rar