NOTE: You can use Word, PPT, LucidChart, Drawio or draw by hand for this lab.

Aim: Practice Creating a Site Map

Prakesh Khan owns a dog-grooming business named A Dogs Life. He would like a website that includes:

1. a home page,

2. a page about grooming services,

3. a page with a map to his shop,

4.a contact page, and

5. a section that explains how to select a good pet.

6. The content for the part of the website on selecting a pet will be a step-by-step presentation.

Create a site map based on this scenario.

Aim: Practice creating a Wireframe page layout.

Use the style for page layout composition given in your textbook where places for logo, navigation, text, footer and images are indicated. Do not worry about exact wording or exact images.

Create sample wireframe page layouts for the A Dogs Life website described above.

Create a wireframe layout for the home page

Create a wireframe of regular content page.

Create another wireframe page layout for the presentation pages (selecting a pet).

You do not have to code this website!