Answered step by step
Verified Expert Solution
Question
1 Approved Answer
I need to design and code a HTML/CSS/JS based web application for an online store. Specifications: Minimum of SIX web pages are required for this
I need to design and code a HTML/CSS/JS based web application for an online store.
Specifications:
- Minimum of SIX web pages are required for this assignment:
- One Landing/Container Page
- One Home Page
- Three or more Product Line Pages
- One Order Page
- Build internal CSS style sheets in the section of your web pages or build an external CSS file and / @import them into your web pages
HTML
- Use HTML5 semantic elements to structure your web page
- The usage of the following is prohibited
- element
- front-end frameworks such as Bootstrap, Foundation, Semantic UI, Pure and UIkit is also prohibited
Page Specification Landing/Container Page
- The Landing/Container page, once loaded on to the browser, will remain on the browser and will not be replaced by your other pages
- The other pages will only be presented via the element on the Landing/Container page
- The store name heading will only be presented on this page
- The menu bar will only be presented on this page
- The menu bar is to be positioned right under the store name heading
- The menu bar is to present one menu selection for each of the other pages that are to be displayed via the element
- Each of the other pages can be loaded and presented in the element when clicking its corresponding menu selection
- The menu selections are to be visually transitional by applying the transition property
- The element can only be utilized on this page
Page Specification Home Page
- The Home page is to be shown in the element of the Landing/Container page
- The identification, text and/or image, of the store is to be displayed on this page
- It is up to the page designer/developer to decide how this page is to be presented
- This page is to be automatically displayed in the
Page Specification Product Line Pages (3 or more)
- These pages are to be shown in the element of the Landing/Container page
- The content of these pages is to be arranged through the usage of table(s)
- Each product item must be represented by a graphical component.
- An item must also come with its product description(s) and price(s).
Page Specification Order Page
- The Order page is to be shown in the element of the Landing/Container page
- The content of this page is to be arranged through the usage of table(s)
- For each product line, there must be a corresponding dropdown box and an input box
- The dropdown box shall list all the available selections as shown in the product line pages
- The input box must not allow more than a three-digit input (i.e. the customer may not enter values greater than 999 nor non-numeric values)
- Place a button at the bottom of this page with the caption that says Order Now
- Upon clicking this button, a message box must show up displaying a thank you message directed towards the customer
- Place a second button at the bottom of this page with the caption that says Cancel
- Upon clicking this button, a message box must show up displaying an appropriate message directed towards the customer
- JavaScript functions must be coded to handle this click-and-display-message scenario
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started