Adobe Dreamweaver

Обзор


Содержание сайта
Комбинированные редакторы л. 1
Adobe Dreamweaver Обзор 

Содержание

О Creative Cloud
Новое в последних версиях

Основные шаги

Настройки программы

Интерфейс

Работа с сайтами Dreamweaver

Создание документов (страниц)

Управление файлами и папками

Заметки разработчика

Использование CSS

Макет страниц

Работа с объектами
Список объектов

Фреймы (рамки)
Использование тега DIV
Элементы AP
JavaScript
Цвет
Создание ссылок и навигация

Управление файлами и папками

Совместная работа Dreamweaver с Photoshop, Fireworks, Adobe Flash и др. приложениями

Интеграция с Business Catalyst


Поиск на сайте
Ресурсы и библиотеки
Расширения

Шаблоны

Работа с кодом

Использование сетевых служб
Adobe


Отображение XML-данных с
помощью XSLT


Создание динамических
страниц


Создание форм

Специальные возможности

Сайты для разных экранов и устройств

Предварительный просмотр
Проверка сайта

Отчеты в Dreamweaver

Программа передачи файлов (FTP)


Всплывающая подсказка

Работа с графическим элементом «Всплывающая подсказка»

Графический элемент Spry «Подсказка» отображает дополнительные сведения, когда пользователь наводит курсор на определенный элемент веб-страницы. Дополнительное содержимое исчезает, когда курсор выходит за пределы объекта. Можно настроить на более длительное отображение подсказки, чтобы пользователь мог взаимодействовать с ее содержимым.

Графический элемент «Подсказка» состоит из следующих трех элементов.
• Контейнер подсказки. Этот элемент содержит сообщение или содержимое, которое должно отображаться при активации подсказки пользователем.
• Элементы страницы, активирующие подсказку.
• Сценарий конструктора. Код JavaScript, который указывает Spry, что необходима реализация функциональности всплывающей подсказки.

При вставке графического элемента «Подсказка» Dreamweaver создает контейнер всплывающей подсказки с помощью тегов div, а элемент-триггер помещает в теги span. В Dreamweaver эти теги используются по умолчанию, но для подсказки и элемента триггера могут использоваться любые теги, если только они находятся в теле страницы.

При работе с графическим элементом «Всплывающая подсказка» помните о следующих моментах.
• Открытая подсказка закроется, прежде чем откроется следующая.
• Подсказка не исчезает до тех пор, пока пользователь удерживает курсор над областью активации.
• Нет никаких ограничений на типы тегов, используемые для активации и для содержимого подсказки (но рекомендуется пользоваться элементами уровня блока, чтобы избежать возможных проблем при отображении в различных браузерах).
• По умолчанию всплывающая подсказка отображается на 20 пикселов ниже и правее курсора. Параметры горизонтального и вертикального смещения в инспекторе свойств позволяют установить заказную точку отображения.
• На данный момент отображение раскрытой подсказки во время загрузки страницы в браузере невозможно.


Графический элемент всплывающей подсказки требует очень мало CSS-кода. Для отображения, скрытия и перемещения всплывающей подсказки Spry использует JavaScript. Применение любого другого стиля для всплывающей подсказки можно обеспечить с помощью стандартных методов работы с CSS в соответствии с требованиями страницы.
В файле CSS по умолчанию содержится всего одно правило для обхода проблемы в
Internet Explorer 6, которое явным образом указывает, что всплывающая подсказка должна отображаться поверх элементов формы и объектов Flash.

Более подробное объяснение работы графического элемента «Подсказка Spry», включая полное описание кода элемента, см. по адресу: www.adobe.com/go/learn_dw_sprytooltip_ru.

Видеоруководство, посвященное использованию графического элемента «Подсказка Spry», см. по адресу: www.adobe.com/go/lrvid4046_dw_ru.


Вставка графического элемента «Подсказка»
❖ Выберите меню «Вставка» > «Spry» > «Подсказка Spry».
Примечание. Графический элемент «Подсказка» можно также вставить из категории «Spry» на панели «Вставка».

Это действие вставляет новый графический элемент «Подсказка», содержащий контейнер для содержимого и предложение-заполнитель, играющее роль триггера.
Можно также выделить на странице существующий элемент (например, изображение), а после этого вставить подсказку. В этом случае выделенный элемент будет выполнять роль триггера для создаваемой подсказки.
Выделенная область должна быть элементом полного тега (например, img или p), чтобы Dreamweaver мог назначить ему атрибут ID, если он еще не назначен.


Слева - пример всплывающей подсказки для эскиза изображения. При наведении курсора на эскиз появляется полноразмерное изображение.

Как сказано ранее, содержание подсказки может быть самым разнообразным. Подсказка может содержать текст, изображения или сочетания текста и изображений.


Изменение параметров графического элемента «Подсказка»

Для графического элемента «Подсказка» могут быть заданы параметры, задающие его поведение.
1 Наведите курсор на содержимое подсказки на странице или поместите на него курсор вставки.
2 Щелкните синюю вкладку графического элемента «Подсказка», чтобы выбрать его.
3 Задайте нужные параметры в инспекторе свойств графического элемента «Подсказка».
Имя Имя контейнера всплывающей подсказки. В контейнере находится содержимое подсказки. По умолчанию Dreamweaver использует в качестве контейнера тег div.
Триггер Элемент на странице, активирующий всплывающую подсказку. По умолчанию Dreamweaver вставляет в качестве триггера предложение-местозаполнитель внутри тега span, однако вместо него может быть выбран любой элемент страницы, имеющий уникальный идентификатор.
Следовать за указателем Если этот параметр установлен, то всплывающая подсказка следует за указателем мыши при его перемещении по элементу-триггеру.
Скрывать при убирании курсора Если этот параметр установлен, то всплывающая подсказка не исчезает до тех пор, пока указатель находится над ней (даже если при этом он выходит за пределы элемента-триггера).
Подсказку удобно держать открытой, если в ней есть ссылки или другие интерактивные элементы. Если этот параметр не установлен, то элемент подсказки закрывается сразу же, как только указатель выходит за пределы области активации.
Горизонтальное смещение Вычисляет горизонтальное смещение всплывающей подсказки относительно указателя мыши. Значение смещения в пикселах (по умолчанию 20 пикселов).
Вертикальное смещение Вычисляет вертикальное смещение всплывающей подсказки относительно указателя мыши. Значение смещения в пикселах (по умолчанию 20 пикселов).
Задержка отображения Задержка отображения всплывающей подсказки в миллисекундах после перехода указателя на элемент-триггер. Значение по умолчанию равно 0.
Задержка скрытия Задержка скрытия всплывающей подсказки в миллисекундах после выхода указателя за пределы элемент-триггера. Значение по умолчанию равно 0.
Эффект Вид эффекта, который следует использовать при отображении всплывающей подсказки. Жалюзи напоминает оконное жалюзи, которое поднимается при отображении подсказки и опускается при ее скрытии.
Растворение плавно проявляет изображение подсказки и растворяет его. Значение по умолчанию — «none».



Вернуться к: Страницы Spry
 


О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru
Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку.


Рейтинг@Mail.ru




Пример всплывающей подсказки


нет