html-ссылки и всплывающие события над определенными точками изображения

Question

Итак, я давно создал веб-сайт, используя дизайнер, похожий на дизайн frontpage + expression, и с тех пор я больше разбираюсь в кодировании, и я изучаю HTML, CSS и все такое хорошее… и у меня есть этот переработанный заголовок, который я сделал здесь:

http://prntscr.com/8zct

Так что мне нужно знать, как я могу получить его, чтобы, когда пользователь нажимает на одну из ссылок в дизайне заголовка, он перенаправлял на страницу. а также, если возможно, как сделать так, чтобы при наведении курсора на ссылку пользователь мог отобразить раскрывающийся список с другими параметрами, РЕДАКТИРОВАТЬ: я хотел бы иметь возможность добавить фоновое изображение в раскрывающийся список. навигационное меню

Как я, будучи новичком в такого рода вещах, кто-нибудь может помочь мне достичь этого?

PS. Я работаю в Visual Studio с ASP. но это ничего не меняет в HTML и CSS. просто сообщаю вам, ребята.

Answer 1

Для навигации по щелчкам в определенных областях изображения читайте о картах изображений.

Чтобы создать меню и другие активные компоненты, прочитайте о JavaScript (также рекомендуется: jQuery).

Answer 2

Вы также можете создавать элементы div, которые можно нажимать для использования в качестве горячих точек на изображении. таким образом, вы можете добавить фоновое изображение к этому div, если ti завис или щелкнул, в то время как карты изображений не предоставляют вам такую ​​возможность.