By Homework Answers

Looking for L4DCBM Front End Web Development Assignment Questions? Assignmenthelpaus.com is a top-most trusted business management assignment writing service that covers 100+ assignment subjects such as Management, Business, Finance, etc., at an affordable price. We deliver high-quality assignment help AI-free and customize content for college or university students.

Order Now

 

Task 1: HTML –

The website must be developed using HTML5 and feature a minimum of SIX (6) interlinked pages, which can also be viewed on a mobile device. The website must feature the content described above and meet the following criteria:

  • Researched relevant content to inform the design of the
  • Be usable in at least TWO (2) different web browsers including being optimised for mobile devices and responsive design. You should consult your tutor for guidance on the specific browsers and versions you should use.
  • Include relevant images of coffee shop drinks you have selected from your research including the use of headers, sections, and footers.

Home Page:

  • Minimal text with visuals to break up the written
  • Navigation bar (with links inside the bar and hover over tabs)
  • Responsive design and at least ONE (1) plugin
  • Header
  • Sections
  • Footer
  • Coffee selection – unique blends page with responsive resize design and including TWO (2) different plug-ins, catalogue style and animated text search for products.
  • Brewing Equipment – a page showing a range of brewing equipment sold by the boutique, including detailed descriptions and usage tips.
  • Shopping Cart – Page created which allows the customers to add products to their
  • Events and Workshops – A page dedicated to upcoming events and workshops. This page should have a responsive registration feature for users to sign up online including first name, last name, email address and submit button (through email).
  • Special Offers and Subscriptions – A page to highlight special promotions and introduce a subscription model for regular coffee Detail the subscription levels and benefits.

 

Task 2: CSS –

 

Create an external CSS file that specifies the design for the website. Each of the HTML pages must link to this CSS file. There should be no use of the style attribute or the

<style> element on the website.

The boxes on the home page should include relevant elements such as border-radius, box shadow, hover etc.

Include on-page animated text search to allow users to find content on the page.

 

Task 3: Test the website and write a test report –

 

You must use the W3C validation service (http://validator.w3.org/ ) to check your HTML and CSS code. You should attempt to remove as many non-compliant features as possible. Make sure the show source is selected and save the output from this tool.

You must also test your website for accessibility using a relevant screen reader and note the findings from the testing. You should also describe how the site works for disabled users.

You must test your website on TWO (2) browsers and describe the differences between the browsers and the reasons for these. ONE (1) browser must be on a mobile device.

Investigate the test discrepancies, identify and rectify their causes. Produce a summary outlining what you have found supported with screenshots to show the amendments you have made.

Write a short report assessing the suitability of your testing. Provide an evaluation of any outstanding problems and recommendations for how these could be fixed. Explain the role of the W3C.

The written part of your report should not exceed FIVE HUNDRED (500) words.

 

Task 4: Critical evaluation –

 

Write a report of SEVEN HUNDRED AND FIFTY (750) words analysing the website you have submitted:

  1. Explain the back-end technology required to create a fully functional system for Bean Boutique. In your answer, you should clearly distinguish the difference between front-end and back-end web development.
  2. Discuss and evaluate the suitability of the THREE (3) different plugins you have included in your website. You should include an explanation of why you chose
  3. Explain the concepts and benefits of version Discuss how you could use GitHub to enhance your project.
  4. Explain what is meant by a front-end development framework and discuss its advantages for a web Discuss how beneficial it would be to employ Bootstrap architecture for this website.
  5. Reflect on the unique selling points of your Discuss which technology added greatest value to the website and recommend improvements for further development of the website. You should provide a clear justification for your answer.