Create a web site (set of web pages) for a zoo. PLEASE USE HTML The following re

ID: 2247147 • Letter: C

Question

Create a web site (set of web pages) for a zoo.

PLEASE USE HTML

The following requirements must be met:

1. The home page must have an image map with 2 hot spots. One of the hot spots must be a circle shape; the other must be a polygon shape. The example output home page image map has 4 hot spots (3 circles and 1 polygon). Your image map must be based on a real zoo map. You can use Microsoft PowerPoint and Microsoft Paint to create your image map image file. See the document, "How to Create an Image Map Image File" to understand this better.

2. Each image map hot spot must use a title tag to cause a pop-up identification when the mouse is hovered over it.

3. The home page is considered to be at level 0 of the navigation hierarchy. Both of its hot spot links must lead to a 2-level navigation path (level 1 and level 2 on each path). Each page must include a working breadcrumb trail at its top left. One of the 2nd-level pages must link to a 3rd-level page that includes an embedded YouTube video. The link to this 3rd-level page must cause it to be opened in a new browser tab. All other links must open their target page in the current browser window. The 3rd-level page is the only page (other than the home page) that must NOT include a breadcrumbs trail.

4. One of your 1st-level pages must include either an ordered or an unordered list. The other 1st-level page must include a dictionary list.

5. The images of your animals do not have to be pictures of animals that actually came from your chosen zoo. All that matters is that your animal images match the hot spot animal category on the image map.

6. You may use "filler text" to fill out paragraphs as shown in the assignment example. However, you must also have some specific, non-filler text.

Explanation / Answer

There are three HTML elements used to create image maps:

img: specifies the location of the image to be included in the map.

map: is used to create the map of clickable areas.

area: is used within the map element to define the clickable areas.

Here is an example for image map file

The HTML <link> tag is used for defining a link to an external document. It is placed in the <head> section of the document.

The <link> tag is often used for linking to an external style sheet, but it can also be used for other purposes such as assisting search engines by providing links to relevant resources, and providing information on the website's navigational structure, etc

An unordered list created using the <ul> tag, and each list item starts with the <li> tag.

The list items in unordered lists are marked with bullets (small black circles), by default.

An ordered list, created using the <ol> tag, and each list item starts with the <li> tag. Ordered list contain information where order should be emphasized.

//Example for ordered and unordered list

//for filling a paragraph

The command that fills the current paragraph is using fill-paragraph command. But within embedded scripting, it calls the fill-comment command instead.

Navigate

Create a web page with a grid of scrolling boxes. The following requirements mus

Create a web site (set of web pages) for a zoo. The following requirements must

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.

Create a web site (set of web pages) for a zoo. PLEASE USE HTML The following re

Question

Explanation / Answer

Related Questions

Navigate