Сегодня в выпуске - две простые темы, которые в общем-то интуитивно понятны, но должны быть освещены в целях сохранения последовательности уроков.

Альтернативный текст к изображению

Альтернативный текст к изображению выводится в нескольких случаях.

1. Когда картинка еще не загрузилась в броузер, но место под нее уже выделено, то на этом месте пишется альтернативный текст.
2. Когда пользователь наводит курсор мышки на картинку, то появится окошко подсказки с этим текстом.
3. Когда пользователь отключает в броузере просмотр картинок, выводится только альтернативный текст.

Альтернативный текст стоит включать по нескольким причинам. Во-первых, если пользователь отключил графику, то он может не понять, о чем идет речь. Во-вторых, вы можете в качестве альтернативного текста включить описание к картинкам. Можно, например, сделать инструкцию к какой-нибудь работе выполнить в виде картинок, а текст с инструкцией будет появляться когда пользователь задержит курсор на изображении.

Наконец, некоторые поисковые системы повышают приоритет альтернативного текста, по сравнению с обычным. Это может помочь вам увеличить вес ключевых слов на вашей страничке.

Для добавления альтернативного текста к изображению щелкните на нужном изображении, вызовите панел свойств и в поле Alt наберите текст. Если вы теперь взглянете на html-код для вашего изображения, то увидите что-то похожее на

<img src="btn_nav3_o.png" width="100" height="25" alt="Переход на начало темы">

Параметр alt в теге <img> задает альтернативный текст.

Создание ссылок на изображениях

Создание простых ссылок на изображении настолько просто, что даже не тянет а отдельный урок.

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

Предположим, нам нужно сделать горизонтальное меню из трех кнопок. Для начала вставим изображения всех нужных кнопок на страничку.

Затем выделяем первую кнопку, и в поле Link на панели свойств объекта вводим адрес ссылки. Затем то же самое делаем для второй и третьей кнопки. Меню готово. Осталось только сделать несколько штрихов. Во-первых, проследите, что бы в поле Border для изображения стоял 0, иначе, кнопка окажется обведенной синей рамкой. Во-вторых, добавьте описание ссылки в поле Alt для всех изображений. Это поможет пользователю сориентироваться в вашем меню.

Следующая тема урока - создание ролловера. Если говорить просто, то ролловер - это картинка (кнопка, например), которая изменит свой внешний вид, при наведении на него курсора мышки. Для создания таких эффектов обычно требуется как минимум программирование на JavaScript. Программисты из Macromedia уже написали за вас весь нужный код, нам остается только научиться им пользоваться.