Reference no: EM133483194

Case Scenario: 

For a Computers Company, a discount mail order company specializing in computers and computer components. How to create an order form web page so that customers can purchase products online. Your order is for computer purchases only. There are several options for customers to consider when purchasing computers from Millennium. Customers can choose from the following:

• Processor Speed: 3.2 GHz, 4 GHz, 5.2 GHz
• Memory: 1 GB, 2 GB, 4 GB, 8 GB
• Monitor Size: 15", 17", 19", 21"
• Hard Drive: 240 GB, 500 GB, 750 GB, 1 TB
• DVD Burner: yes/no
• Tuner Card: yes/no
• Media Card Reader: yes/no

Complete the following:

• Use your text editor to create an HTML file named pc.html and two style sheets named mill.css and oform.css . Enter your name and the date in a comment section in each file. Include any other comments you think will aptly document the purpose and content of the files. Save your files in a folder included with your data files for this assignment.
• Go to pc.html file and link your page to the mill.css and oform.css . Add a script element that attaches the page to the formsubmit.js file that you will use to confirm whether the form fields are successfully submitted.
• Design a web page for Computers company. Insert any styles you create in the mill.css style sheet. You are free to use whatever text or images you want in order to complete the look and content of the page.
• Within the pc.html file, insert a web form containing the following elements:
  • Input boxes for the customer's first name, last name, street address, city, province, postal code, and phone number. The field names should be fName, lName, street, city, province, poscode, and phone, respectively.
  • Selection lists for the processor speed, memory, monitor size, and hard drive size. The field names should be pSpeed, mem, monitor, and hd, respectively. The option values should match the option text.
  • Option buttons for the DVD burner, tuner card, and media card reader options. The field names should be dvd, tuner, and mCard, respectively.
  • A checkbox for the warranty field that asks whether customers want the 24-month extended warranty.
  • A text area box requesting additional information or comments on the order.
  • Three form buttons: a submit button with the text Send Order, a reset button with the text Cancel Order, and a command button with the text Contact Me.
  • Add validation checks marking all of the customer contact fields that are required.
  • Use regular expression patterns to ensure that each user enters their postal code and phone numbers in the correct format.