There is a small shop down the road that sells different items such as sunglasses, wallets, shoes etc. Because of the Covid-19 pandemic, the owner of the shop finds it difficult attracting customers and consequently the number of visitors has become very low. Therefore, the owner decided to create a website to make it easier for customers to get their products selected through the website.

Scenario 1

There is a small shop down the road that sells different items such as sunglasses, wallets, shoes etc. Because of the Covid-19 pandemic, the owner of the shop finds it difficult attracting customers and consequently the number of visitors has become very low. Therefore, the owner decided to create a website to make it easier for customers to get their products selected through the website.

1.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.)

2.There will be sufficient number of additional pages and each page will be linked according to the logical flow of the website.

3.The website must include sufficient number of relevant images of the products and paragraphs explaining the individual products.

4.There will be lists of the available items and unavailable items using the list tags.

5.Tables must include the items, their types, and the prices.

Topic Scenarios

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.

1.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.)

2.There will be sufficient number of additional pages and each page will be linked according to the logical flow of the website.

3.The website must include sufficient number of relevant images of different meals and paragraph description about meals.

4.There will be lists of the breakfast, lunch, and dinner meals using the list tags.

5.Tables will include the meals packages and their prices.

Instructions

Important Instructions:

Select one of the above scenarios and create a website based on it.

Student must form groups on their own and send the list of the students to their respective instructors at the start of week-5 on Sunday, 14^th February 2021.

The number of students in each group: 2 (3 only for exception).

In the phase I, the website should cover the HTML markups up to chapter 7 only using Notepad.

The number of Web pages must be at least 5

Use the same theme across the website

The partial website must be tested on web browsers.

The students will complete the website in the phase II later.

• Use correct HTML syntax

Each student/group has to prepare the following files and upload them on the Blackboard. (Email submissions are not accepted)

1.IT404_Project.docx:

a.The students must use the same file (IT404_Project_Phase_1.docx) to prepare their answers.

b.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 description for each functionality of the web application.

2.IT404_Project.pdf:

Prepare a PDF version of the file IT404_Project.docx

3.Project.zip:

This will contain all the files of the project (HTML).

Therefore, Student will upload:

1.IT404_Project_Phase_1.docx

2.IT404_Project_Phase_1.pdf

• Project_Phase_1.zip

Project Phase I Instructions

In phase 1, 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

Marking criteria for Phase 1:

Project Phase I

Scenario 1 (or Scenario 2)

There is a small shop down the road that sells different items such as sunglasses, wallets, shoes etc. Because of the Covid-19 pandemic, the owner of the shop finds it difficult attracting customers and consequently the number of visitors has become very low. Therefore, the owner decided to create a website to make it easier for customers to get their products selected through the website.

1.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.)

2.There will be sufficient number of additional pages and each page will be linked according to the logical flow of the website.

3.The website must include sufficient number of relevant images of the products and paragraphs explaining the individual products.

4.There will be lists of the available items and unavailable items using the list tags.

5.Tables must include the items, their types, and the prices.

HTML