Assignment
This is the last lab of the first half of the course. After Spring Break, we will begin working on the other half of the website - the server side. That probably doesn't mean much right now, but it will when we start doing it. The problem is that many students don't have the first half of the website working properly. So, this week's lab is a catch-up lab. Use this week to get your website ready for the rest of the course.
To be ready, your website should meet the following minimum criteria:
• Have, at a minimum, the following pages:
- Home (index)
- Product list
o Display a list of all three products with an image, a product name, a product price, and a product description
- Order
o While the home and product pages need to link to one another, the order page does not need to be linked to the others because we will be adding another page between products and order later
• Use the same CSS throughout the website
- You can add rules to your CSS that is specific to one page because it will be ignored on other pages
o For example, I can set .productImage { width:5em; } in my common CSS and it will be ignored on any web page that doesn't have the class productImage
- Your CSS must be responsive
o Show the page for a cell phone and update it for a computer with a media query
• The structure of all web pages should be similar:
- From to the start of your content, the web pages should be nearly identical
o All you should really change is a menu highlight and possibly the title text
- From the end of your content to , the web pages should be nearly identical
• You should be using the logo, the three product images, and the two extra images from the original company files
- You can include any other images you want to include
• Your order form should work
- The order page is unique in that it includes JavaScript in the head that is not included in the other pages
• If you haven't done so yet, read the end of the original info.txt file supplied by the company
- They have a color request
- They list at least three websites and describe what they like or hate about them
You do NOT need to use jQuery or Font Awesome in your website. Those are options. The point of demonstrating those two projects is to demonstrate that you can use tools to make your job easier without having a computer do all your development work. jQuery won't create a website with just three clicks. It just makes it easier for you to write effective JavaScript code.
Attachment:- Website.zip