Reference no: EM133524965

Web Design and Development

Assignment- Web Application Design & Development

WEBSITE:
Create an online consultative site, listing Solutions and Services following below guidelines: All Pages
• must have a Menu at top using CSS to link to all other pages
• optional footer section Main Page
• should include some introductory information and 2 Call to Actions Solutions
• To list the solutions offered and any packages Services
• To list services provided by the business Request Demo
• Use some Text inputs and labels, to let users explain their requirements and provide contact information to setup a demo

About Us
• Must explain the purpose of the website and the explanation of the layout You must:

• Recognize the importance of user analysis, content organization, interface design, interface usability and the accessibility issues associated with multimedia and web design
• Identify, explain, and apply the design principles that underlie good multimedia and webpage design, from both a visual & content design perspective
• Demonstrate analytical skills to design quality multimedia and web pages, and efficient human- computer interaction.
Your website must include the following applications
• forms that the users can fill and submit to a server. The forms must have full information about the user, such as name and age, as well as the service.
• Interactive elements, such as three-dimensional figures. You must use JavaScript to implement the interactive elements.
Your design must be professional and have the following aspects:
• Your design should focus on design rules learned during this course such as rules of good visual design
• Images, sound, and other media file sizes optimised for download and display
• Well-designed unique and creative websites will be awarded appropriately
• All content should be formatted and styled using an external cascading stylesheet (CSS).
Home page should indicate the purpose and identity of your website. The homepage must include: Header
• To identify the website as a website dedicated to you personally, provide: o A relevant heading / title banner and/or image/logo

Navigation
• There should be a clear, intuitive, and consistent navigation structure on the website. Footer
• An appropriate and intuitive footer must be included on your website.
Your website must comprise multiple pages linked with each other. The website should use HTML (including forms), CSS, and JavaScript
Layout Must use: Tables, Images/graphics, Menu (using CSS), several fonts, different headings, Colors etc. Make sure to use proper Spelling and Grammar.

Report: Prepare a report on the website project. Report should be properly structured and formatted to show different sections. The sections to include:
• Introduction
• Explanation
• Responsive Design concept: how you used JavaScript and forms to implement the responsive Design
• Any considerations or techniques that you used for specific design issues

You must not use any existing complete templates, or frameworks that assist such as bootstrap. You will receive a ZERO score for the global website design, JavaScript, HTML and CSS marking criteria if you do so, and may even be considered as plagiarism. You are expected to create your website by yourself hand-coding JavaScript, HTML and CSS. Lab and lecture materials and resources can be used to help you with your website, BUT your design should be your own, not for example the design/layout of lab exercise.
Website filename should be named "consultantsite.html". Before submission, you should first test your website on a different computer to where you worked on it. This will confirm whether links, images and other media are referenced relative to the html file location, and not an absolute address on your personal computer! Please submit in the form of a ZIP file containing the entire folder structure of your website (html, css, images, multimedia, etc.). Also, submit a group report.