Answered step by step
Verified Expert Solution
Question
1 Approved Answer
Use HTML AND CSS structure of the site should be broken into four components: - A header. This should appear at the top of all
Use HTML AND CSS
structure of the site should be broken into four components: - A header. This should appear at the top of all pages on your site. It should include the name of your pet adoption service as well as a logo/picture. Clicking on the logo/picture should take you to the home page. - A side menu. This should appear on the left or right side of all your pages. Include the following contextual navigation links: Home page, Browse Available Pets, Find a dog/cat, Dog Care, Cat Care, Have a pet to give away and Contact Us. The side menu should consistently appear on the left or right side at all times. - A content area. This should be the main area where content of the site is displayed. This is where forms would be filled out and any significant text would appear. - Following is a description of each page which will appear in the Content area of your site, as a result of clicking on one of the choices listed in the side menu. - The Home page which should be a welcome page and have a brief description of what the site is about. Include enough content and decorated as you wish, to demonstrate your HTML5 and CSS prowess. - The Browse Available Pets page will eventually display all of the pets available for adoption. For now you can have an "Under Construction message" appear when a user clicks on this link. - The Find a dog/cat link should load a form (could be the same form for both or a different form for dogs and cats which are very similar - You decide). To search the user will need to complete the form which requests the following information: - Cat or dog - Breed of dog or cat - (include a doesn't matter choice) - Preferred age of animal - can be a choice of age ranges (include a doesn't matter choice) - Preferred gender - Male, female, doesn't matter choice. - Whether it needs to get along with other dogs, other cats, small children. - Submit \& Clear button (eventually the submit button will result in a list of pets fitting the selected criteria being listed.) - We might add a few more fields in subsequent assignments - The Dog Care and Cat Care pages will offer general instructions on how to care for a dog or cat. They can contain text you copied from other sites, a series of links or a combination of these two. Don't forget to give credit for material that is not yours. - The Have a pet to give away page will have a form which the person who has a pet to give up for adoption will need to fill out. Eventually a user will need to log in to this section of the site to register a pet. For this assignment when this link is activated have a form that appears requesting the following information (you can add more and we may add more in future assignments): - Cat or dog - Breed of dog or cat - include a mix breed - Age of animal - can be a choice of age ranges - Animal gender - Gets along with other dogs - Gets along with other cats - Suitable for a family with small children - Comment area (textarea) which the user can use to brag about the animal they are putting up for adoption. - Their current owner's name (both family and given name) - Their current owner's email (where they can be reached) - Submit \& Clear button - eventually the submit button will add this pet to the list of available pets on the server. - The Contact Us page which will have contact information. This is where you should include your name, student Id, email and whatever other info you wish to add. - A footer. This should appear at the bottom of all your pages. Give it a distinct background color and include a link to a Privacy/Disclaimer Statement which can either appear in the content area of the site or in an alert or confirm box. It should display a message promising users that their information will not be sold or misused, and protects the website builder from any incorrect information posted by a pet owner and so on. Here are a few possible designs (You can make your own as long as it follows the requested guidelines.)Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started