Design and implement a checkout form

Assignment Help Web Project
Reference no: EM13997100

My web interface design class. 

You have been asked to design and implement a checkout form. Imagine that a user has been navigating an online store that sells a variety of sports equipment. The user has added a number of items to his or her shopping cart and is going through the checkout process to order the items online. The checkout page shows what the user bought and allows him or her to enter his or her information (name, address, credit card number, etc.) to complete the order. You are going to design this checkout form.

Step 1: Create Web Page in Dreamweaver
Back to Top
Using what you learned in Weeks 1 to 4, create a web page that includes the following.

A title for the online store-you make one up!
A subtitle that says "Complete Your Order"
The items that the user ordered
One kayak with rudder for $775.00
One 10 L dry bag for $15.00
Two helmets for $50.00 each
The total cost for the order
Feel free to add a layout, style, color, and graphics to the page as you see fit.

Step 2: Add an HTML Form to the Page
Back to Top
The page must include a way for the user to enter his or her
address (street, city, state/province, country);
phone number;
e-mail address;
preference for shipping or picking up the order;
credit card type (one of Visa, MasterCard, or American Express); and
credit card number.
There must also be a button to complete the order.
You should choose the appropriate form element for each input. For example, a textbox should be used for "name."

Create a simple HTML page with a heading level 1 that says "Thank You!" Save this as thanks.html.

Note: If this page was part of a real store, we would set the form action to a server script to handle the order. However, for the purpose of this lab, please set the form action to thanks.html. When a valid form is completed, the form will redirect to this page.

Step 3: Add Unobtrusive Validation to the HTML Form
Back to Top
Include unobtrusive validation to the form. You must ensure that

name and address are not blank;
one of the ship or pick-up options is selected;
a credit card type is selected; and 
a credit card number is not blank.
If the form does not validate, notify the user and do not allow the form to submit. 

Reference no: EM13997100

User interface design

Review the Principles of User Interface Design presentation located in the Week Three section of the student website. Evaluate a website of your choice for adherence to the si

Project on basic design

Considering all reading and course discussions, design the physical security requirements for a privately owned three-story office and paper and computer storage facility.

Design and implement a web interface

CO3098-CO7098 - Mini Web Project and design and implement a web interface and RESTful web services backend for the Universal Modelling Editor (UME). UME is a web application

Create a sales page that users see when they first access

You do not need to know HTML tags to use Web page creation tools. Typically, a professional Web site developer will create a sales page that users see when they first access t

Risk assessment methodologies

Question 1: Explain at least two (2) different risk assessment methodologies. Question 2: Describe the key approaches to identifying threats relevant to a particular organizat

Determine the performance of a web site or specific page

One way to determine the performance of a Web site or specific page is to create a goal within a Google Analytics account. A goal is a page on your Web site that is consider

Creating a gaming web page

Build a Web page called "game.html" and add a layer to it, which will be treated as an object, with an picture for its contents. Add another picture which will start the game

Primary challenge of software development projects

Define and explain, in your own words, the primary challenge(s) of software development projects. Compare and contrast at least three (3) different software development method


Write a Review

Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd