Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Create a web page that: Contains an image of the one Library . Contains an image of another Library . Contains an image of the

Create a web page that:

  • Contains an image of the one Library.
  • Contains an image of another Library.
  • Contains an image of the Statue of Liberty

Make the picture of Caroliniana an image map

  • with a link (area elements), on one on the doors of the library that links to the University of South Carolina.
    • Use rect as the shape for the area element.
  • with a link (area elements), on one on the columns of the library that links to Caroliniana Columns the newsletter.
    • Use rect as the shape for the area element.
  • And another link from some where else on the image that links to a USC webpage about the USC libraries.
  • Again, remember that your code will not look like anyone elses code.

Make the picture of the Cooper library an image map

  • with two links (area elements)
  • Use poly and circle as the shape for the area element.
  • You decide where to link to.
  • Again, remember that your code will not look like anyone elses code and others will not select the same image, or link to the same websites.

  • Below that Cooper Library insert an image the statue of Cocky.
    • with three links (area elements)
    • Link from his beak using the poly shape to a picture of Cocky
    • Link from the books to an image of you using rect as the shape attribute.
    • And make the last link, you decide the shape and location on the image, that links to a place on the USCs website where students can find out about Covid-19.
  • Remember to save the images into the folder named Lab6_Images.

  • To find the coordinates, put the image in Paint and move the mouse to the place you want and look at the bottom left corner of the screen to see the x and y coordinates. Your coordinates will not be the same as anyone elses.
  • If you want the image to be a different size, resize it in paint and save it.
  • Do not resize the image in the image element using the height and width attributes or by using CSS. You need it to be the size that it was when you found the coordinates so that each link will be in the right spot.
  • Note: Use care to not have the areas overlap. And remember not to resize the image in your code. Your code will not be the same as anyone elses.
  • Add Headings to the page.
  • Add a short paragraph under each picture that contains something about each of the following.
    • South Caroliniana Library is the oldest freestanding college library in the United States.
    • The Thomas Cooper Library was the first undergraduate library in the southern United States and only the third college undergraduate library in the US.
    • The Cocky statue was designed by a USC graduate who had majored in Computer Science.

  • Include an internal style sheet.
  • Center the images on the page using a div.
  • Add other styles to the page.

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Databases Illuminated

Authors: Catherine Ricardo

2nd Edition

1449606008, 978-1449606008

More Books

Students also viewed these Databases questions

Question

How to reverse a Armstrong number by using double linked list ?

Answered: 1 week ago

Question

7. Where Do We Begin?

Answered: 1 week ago

Question

a. What is the purpose of the team?

Answered: 1 week ago