$($Your work should be different form the following sample. Unless, you will receive a penalty. Also, you must combine minimum three different map types; rect, circle, and poly$)$

MARVEL

$1.$ Using any search engine, look for any image which has more than two elements $($e$.$g$.,$ faces, locations, objects$).$ Your image must be different from the example. You can filter your image search based on the size $($e$.$g$.,$ icon, Medium, or large$).$

$2.$ Save your selected image, rename it if necessary, and save it$.$ You must review the image file format whether it ends with jpg$,$ png$,$ etc. To display the image properly, we need to use the exactly same original image format.

$(0\mathrm{.}0)$

$(128\mathrm{.}0)$

AMARVEL

$3.$ Review your image size.

$4.$ Create a new empty HTML web page file, and save it as imageMap$32$ your Lastname FirstnameInitial.html$.$

$5.$ You will make your site similar to this example.

$6.$ In this example, the left half of the image $($Captain America$)$ is defined between $(0,0)$ and $(128,256).$ The Iron Man is positioned between $(128,0)$ and $(256,256).$ The example code is shown in next page.

$(128,256)$

$(256,256)$

Chody

Cilek

Captain America or Ironnan to get emre information of their true identities:$/$ph