Assignment Detail:- What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device- Design your website to be rendered by a web browser to fit a desktop computer display between 1024x768 to 1280x1024 pixels- The website should also adapt responsively to mobile devices- The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500x720 pixels- The mobile device should also adapt responsively when it is rotated to a landscape orientation-
The site must have pages that display at least three levels of information- The contents and resources have been provided in the above specification- The website will be assessed for cohesiveness, accessibility, design and development effort- Responsiveness of each of the webpages will be tested using Google Chrome's developers device simulator- The breakpoint for the simulated mobile device will be set to approximately 500x720 pixels-
Use any combination of HTML5, CSS3 and JavaScript to develop this website- Remember to indicate which desktop browser -i-e- 1E, Firefox, Safari, Chrome, etc-- you are targeting as the main working platform for desktop computers- As for mobile devices, please use a generic device with a display of approximately 500x720 pixels to be tested using Google Chrome's developers device simulator-
Do not use Rapid Application Prototyping -RAD- tools or any other type of scripting languages or webpage templates or services, e-g- Python, Lua, AJAX, Dreamweaver, Wordpress, etc- You are required to demonstrate your knowledge of HTML5, CSS3 and JavaScript independently and without the assistance of automated development and visual design tools-
Your website should be developed to be capable of launching directly from localised desktop computers- That is, the landing page -i-e- the first page or top page- of your website can be launched by calling or opening main-html or index-html directly from within a web browser- No web server is required for Practical Assessment 1 and 2-
Most Recent Questions