As part of the submission for this Lab, you will create your own Web page that u
ID: 3805378 • Letter: A
Question
As part of the submission for this Lab, you will create your own Web page that uses most of the functionality discussed in this week including formatted text, hyperlinks, images, tables, lists and forms. The forms do not need to be functional for this lab.
Specifically, you need to create a well-organized Web page that provides a brief overview of a fictitious e-Commerce company that sells a themed product line of your choice. The web page should list the products along with their images, descriptions, and price. You should provide at least 12 products on your Web page. Each product should have a hyperlink that when clicked provides more details about the product selected. An order form should be included to provide a simple interface to select the quantity of each of the products. The form should also allow the customer to fill out their firstname, lastname, street address, city, state, zipcode, credit card type (Mastercard, Visa, American Express), credit card number and expiration date. The form should include a field where the customer can provide up to 300 words of comments. The form should be user-friendly taking advantage of drop down list components, radio buttons, and check boxes as appropriate.
As you are developing your Web page, be sure to build in small steps and test as you go along. This will ensure your access.log file will provide meaningful and accurate documentation of your test and build process. Review your access.log file and provide a brief summary to include analysis of http codes, request methods and timeline for testing.
Create screen shots showing the successful running of your e-Commerce site.
For your deliverables, you should submit a zip file containing your word document with screen shots and access.log analysis, html files, image files and access.log file. Note, you will most likely have multiple html pages and images for your submission.
Include your full name, class number and section and date in the document. You should name your document yournameSDEV300Lab3.docx (or yournameSDEV300Lab3.pdf) and submit the document to the Lab1 assignments area no later than the due date.
Hint: If you aren’t sure what an e-Commerce site looks like, check out amazon.com. The level of detail found at amazon.com is not required (nor possible, with the knowledge shared to date) but the site may give you some design ideas and format considerations.
--Month-- January (01) February (02) March (03) April (04) May (05) June (06) July (07) August (08) September (09) October (10) November (11) December (12) /
--Year-- 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015
Additional Information Contact Email: Special Notes:
Explanation / Answer
/*This is the style for the body of week2-2*/
body{
padding-top: 50px; padding-bottom: 20px;
border:double;
background-color:black;
}
/*This is the style for the picture used for week2-2*/
.Pic{
float:right;
width:500px;
height:300px;
padding-top:50px;
padding-right:5px;
}
/*This is the style for the main message of week2-2*/
.jumbotron{
color:black;
font-size: 20pt;
font-family:Papyrus;
background-color: forestgreen;
border-style:groove;
border-color:gray;
}
/*This is the style for the div rows of week2-2*/
.col-md-4{
border:dashed;
margin:4px;
background-color: lightgray;
}
/*This is the style for the footer of week2-2*/
footer {
width:960px;
height: 17px;
padding:0;
margin:0 auto;
text-align:center;
background-color:#508d8d;
color:#d8e6b3;
clear:both;
}
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.