There is a small shop down the road that sells different items such as sunglasses, wallets, shoes etc. The owner decided to create a website to make it easier for customers to get their products selected through the website.

Learning Goal: I’m working on a website design project and need an explanation and answer to help me learn.

Topic Scenarios

Look at the following Project Scenarios:

Scenario 1

There is a small shop down the road that sells different items such as sunglasses, wallets, shoes etc. The owner decided to create a website to make it easier for customers to get their products selected through the website.

• The website will have a home page (index.htm) with a relevant theme and some paragraphs describing the purpose of the website. (Theme is the overall look, feel and style of a website representing its brand and has a good impact on its users.)
• There will be sufficient number of additional pages and each page will be linked according to the logical flow of the website.
• The website must include sufficient number of relevant images of the products and paragraphs explaining the individual products.
• There will be lists of the available items and unavailable items using the list tags.
• Tables must include the items, their types, and the prices.
• Registration form to be included for customers.

Scenario 2

Having breakfast or lunch at work is a problem for most of the working people. They do not have much time to prepare different healthy meals. Therefore, a young lady came up with a small business idea to create a website for providing different meals for breakfast and lunch.

• The website will have a home page (index.htm) with a relevant theme and some paragraphs describing the purpose of the website. (Theme is the overall look, feel and style of a website representing its brand and has a good impact on its users.)
• There will be sufficient number of additional pages and each page will be linked according to the logical flow of the website.
• The website must include sufficient number of relevant images of different meals and paragraph description about meals.
• There will be lists of the breakfast, lunch, and dinner meals using the list tags.
• Tables will include the meals packages and their prices.
• Registration form to be included for customers.

Project Requirements Instructions:

The students must create a small website consisting of sufficient number of web pages with the following HTML elements:

• Paragraph
• Headings
• Figures
• Sections
• Navigation
• Headers/Footers
• Inline elements
• Lists
• Links
• Images (Inline and Background)
• Iframe
• Form
• CSS
• JavaScript

Marking Criteria for Project:

General instructions:

Select one of the above scenarios and create a website based on it. The number of students in each group should be preferably 2 (3 only for exception). Student must form groups on their own and send the list of the students to their respective instructors.

Important Notes:

• The number of students in each group: 3
• The number of Web pages must be at least 5
• Use the same theme across the website
• Use correct HTML syntax
• Add Navigation menu to all pages (appear at the same area in all pages)

Each student/group has to prepare

• IT404_Project.docx and IT404_Project.pdf:
• Project.zip: contains all the files of the project (HTML).

• The student must use the same file (IT404_Project.docx) to prepare his answer.
• For each part of the project (HTML) and for each page, the student must copy and paste the website code and add screenshots of the output with a brief explication of each functionality of the web application.
• Prepare a PDF version of this file (IT404_Project.pdf).

Student will upload:

• IT404_Project.docx
• IT404_Project.pdf
• IT404_Project.zip
• WEBSITE CODE AND SCREEN SHOTS
• No plagiarism
• Details + Presentation