View the step-by-step solution to:

Question

build a new site on web host called "2019". 2. Build a HTML5 page in that site named "sponsors.html" 3. Putting an

image in the background of web page. Make it an image that stretches to fill the client viewport. It shouldn't scroll with the web page. 4. page should contain header, a footer, and a main section. It should also contain a navigation bar which can be within or outside the header. Note: a. Make use of the HTML semantic tags nav, header, footer, and main b. The header should contain company's logo and business name. We make the image ourself or copy one from the web (being aware of copyright requirements) c. Use Bootstrap to create a navigation bar that sticks to the top of the page and collapses on small screens. The navigation bar should contain at least 2 links - the first should be called "home" and should take the user to the page you create in Part 2 of this assignment, and the second should be a link to this page ("sponsors.html") d. The main content area should contain the content discussed below here e. The footer should contain date you last updated the site, your name as the "Webmaster" and your business' contact details 5. Use your logo as your site's favicon. (You could use the portable image editor IrfanView.) 6. Make use of Bootstrap and its "container" class to provide the structure for your page. You could apply it to your main element, or to the entire page. 7. You have space on your page one advertisement image . That image should: a. Fill the width of a mobile phone screen. b. Animate in some eye-catching (even annoying) way. The animation should be implemented with jQuery, such as wiggling on page load or growing on mouse-over. c. Serve as a link to the advertiser's website 8. You also have space on your site for one advertisement video. The video should: a. Be implemented using HTML5 and should have a fall-back to Flash. b. Play upon page load and loop continuously. It should show the playback controls. Note that for testing purposes, you may want to toggle "mute" on. c. Sit above a text link to the advertiser's site 9. Your site shouldn't use the default colours and formatting that Bootstrap gives you. Use a combination of Class, ID, Tag rules, compound, and pseudo-class rules to redesign your site. 10. Alter all fonts in your page using Google fonts. 11. Hide any advertising that your web host places on your page. 12. Ensure your code is error free and warning free by running your HTML, CSS, and JavaScript through validators. Note that when using the JavaScript validator JSLint, you should relax the requirements by ticking the "for browsers" box. School of Engineering, Construction & Design School of Professional Practice Assessment 1 - Part 1. Web Development. Semester 2, 2019 Page 2 of 2 13. Follow good design principles, such as ensuring your site: a. Downloads quickly. b. Is accessible to those with disabilities. c. Is responsive (displays well on phones, tablets, and desktops). d. Is free from coding errors. e. Is optimised for search engine web crawlers.

Recently Asked Questions

Why Join Course Hero?

Course Hero has all the homework and study help you need to succeed! We’ve got course-specific notes, study guides, and practice tests along with expert tutors.

  • -

    Study Documents

    Find the best study resources around, tagged to your specific courses. Share your own to gain free Course Hero access.

    Browse Documents
  • -

    Question & Answers

    Get one-on-one homework help from our expert tutors—available online 24/7. Ask your own questions or browse existing Q&A threads. Satisfaction guaranteed!

    Ask a Question
Ask Expert Tutors You can ask You can ask ( soon) You can ask (will expire )
Answers in as fast as 15 minutes