School of Engineering, Design & Construction Business Degrees Assignment: Web Programming / Web Based Systems. Semester 2, 2016 Page 1 | 5 Web Assignment Contents Contents.....................................................................................................................................1 General Instructions...................................................................................................................1 Section 1 – HTML5, CSS, JavaScript ...........................................................................................2 Section 2 – Creating a Dynamic Site ..........................................................................................3 Section 2: Option A. - The WordPress shopping cart site..................................................3 Section 2: Option B. – A Child Care Centre site .................................................................4 Section 3 – Report......................................................................................................................5 Submission Instructions.............................................................................................................5 General Instructions 1. Create a Microsoft Word document named "your name – your student number – code and screenshots.docx" and enter details into it as described throughout this document. 2. Create a folder in the top level of the public directory of your Webhost account and name it your given name (e.g. jimmy). Your assignment submission should be in that folder. 3. All pages you create in this assignment should look professional and be interesting or attractive, should be accessible to people with disabilities, and should follow good web design principles, and separate styling and coding into external CSS and JavaScript files.School of Engineering, Design & Construction Business Degrees Assignment: Web Programming / Web Based Systems. Semester 2, 2016 Page 2 | 5 Section 1 – HTML5, CSS, JavaScript 1. Choose a Business to create a Website for. Before progressing, tell you teacher the name and purpose of your business 2. Create a HTML5 page named "sponsors.html" 3. Your page should be divided into 3 sections - a header, a footer, and a main content area: a. The header should contain your business logo, business name, and navigation buttons. i. The navigation buttons should be implemented as CSS buttons. There should be at least 2 buttons – one for the home page which will be the main page you create in Section 2 of this assignment, and one that links back to this page ("sponsors.html") ii. The logo can be one you make yourself or one that you copy from somewhere. Be sure the image is not copyright protected and be sure to keep the file size as small as possible b. The main content area should contain the content discussed below here in point 6 c. The footer should contain your business' contact details And don't forget to use appropriate HTML5 tags for the header, footer, main content area, and navigation bar. 4. The 3 sections described above should be wrapped in a parent div and that div should be centred in the middle of the client's viewport. 5. Place an image in the background of your Webpage. Make it an image that stretches to fill the client's viewport and prevent it from scrolling with the Webpage. 6. Pretend that you have companies paying you to advertise on your site – one that wants to use an image and the other a video: a. The image you use should not breach copyright laws. Clicking on the image should take the user to that fictitious advertiser's site. Use CSS or JQuery to animate the image in an attention-grabbing way (such as wiggling on page load, or growing on mouse-over) b. The video should be implemented using the HTML5