Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

please in HTML please I. General Principles - Project will be done in teams. At most two students can be in a project group. -

please in HTML please image text in transcribed
image text in transcribed
I. General Principles - Project will be done in teams. At most two students can be in a project group. - Each group can perform the project with any website content they prefer. - A progress report has to be filled up and uploaded to moodle. - Any sort of cheating and/or plagiarism will be punished by failure from the course and a report to the disciplinary committee of the University. - BOOTSTRAP is not allowed to be used. - Project concerns Web software development. Outcome should be demonstrated as Web site. - Use external .css file(s) for all of your styles. - All necessary JavaScript functions will be at external .js file(s). - Try to design with good graphical elements. Use styles and pictures/images/etc. - Due date of the project is strict there will be no postponing of the project. Get your projects ready before the due date. Grading: II. Term Project Details You need to prepare a web site for a company which provides online shopping and give details about its services/items. The web site will include the following 4 pages which should be connected with links through navigation menu done using CSS. - Page 1: Home Page of the Company You need to provide general information about a comgany and iti services with some attractive inages as a hame page, - Page 2i Items Page - Intormation about each itams and services of the Company You neod to provide detailed description and images for each itens/services. - Page 3 Online thoppine Form Design a page for calculating the total amount of money that the visitor will pay with the selected items, and their prices. Use the below Online Shopping Form as at reference to desidn it. Note that, the system thould validate each form elemert. - Page 4: Contact us User should be able to fil the contact form with his/her name, surname, and additional comments. And, then the svatem should validate each form elemens. Online Shopping Form User should be able to select multiple products via "Add to Basket" buttons. Each time the user click an the button, a product will be added to the user's basket. Use a drop down menu for the property of a product that the vistor would lie to buy. Whenever the peoperty of the product is changed, "Preduct descriptien" and "price" of the product have to be updated. The visitor can perfarm the payment by clicking on the "Checkout" button atter filling so all the needed information that has to be provided foe the Aashet. Basket of the visitor contains the foilowing information: a payment method via radio buttons: cee payment options can be selected, a name on the Cand via text field: tour teat fields each of with 15 characters length, a expire date vis two dropdown menu; for month and year yelections, respectively. a CVV of the card va bext field: a fent feld with accepting only 3 numbers. Total Cost of the selected item should appear with the total number of all selected inems: Total: The price far each product regarding progerties may vary but you nevd to anultiply the product price with the selected units [le. assume that 3 units of "Product 1 with "Property 3 " and 2 units of "Product 4" with "Property 1" is selected; then the Tetal = (price of Prodoct 1 for Property 3 33)+(priceofProduct4forProperty3)2. Total cost is the summation of selected items' cost and it should appear after the "Checkout" bumbe is cliched. If the total cost is more than $1000, then delivery cost will not be applied; otherwise 10$ dellvery cost will be catculated (utotal cost 00.10) and added to the total cost a After the total cost appears, a confirmation meisage will be prompted to ask the yator it s/le accests the calculated tosal cost for pryment, in case of acceptance; a thank you message will be alerted, otherwise application withdraw mesuage will be alerted

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image_2

Step: 3

blur-text-image_3

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

More Books

Students also viewed these Databases questions

Question

Use what you know about the HPT axis to complete th Flowchart

Answered: 1 week ago