Binding Internet links to a specific image fragment

Question

Computer networks

Good afternoon, dear users. Please tell me how to solve this issue * - there is a website / the only content is just a png image in which separate “zones” are highlighted. You need to attach a link to each fragment. Please do not advise me to "cut" the image itself - as in principle it should be done in web design. I just don’t have such knowledge - I act as a designer. Are there any programs to solve this problem, or at least tell me other possible solutions *

Answer 1

Use html teg map htmlbook.ru/html/map
or position: absolute, I would do just that.

Answer 2

EMNIP, in dreamweaver you can clearly implement this, it does it with the help of <map>, which has already been advised

Answer 3

Something like that)

<div style="position:relative">
   <img src="какая то картинка">
   <a href="http://..." style="display:block; position:absolute; top:10px; left:20px; width:30px; height:10px;"></a>
</div>

Answer 4

If you are a designer, you should be familiar with a program such as Photoshop. It has a tool - Slice Tool.
viperet.info/skitch/slice-20120420-112002.png
After that, do Save for web and Photoshop will generate separate pictures for each of your slices and all the necessary HTML markup, of course it will be on the tables, but for a non-coder, this is the easiest way .
PS It is better to give slices names in Latin letters, then it calls the picture files like that.