Познавательное чтиво

Archive for the 'Глава 7. Графика на Web-странице' Category

17 Июн

Навигационные панели

Навигационная панель — это набор связанных между собой кнопок, наподобие того, что используется на кассетном магнитофоне (если вы еще помните, что это такое). Нажатие кнопки приводит к ее утоплению в корпусе магнитофона или теле Web-страницы. Если до этого были нажаты другие кнопки, то они поднимаются — возвращаются в исходное положение.

17 Июн

Ролловеры

Непривычный для уха термин ролловер обозначает интерактивный сложный графический элемент Web-страницы, который состоит из двух, а то и больше, отдельных изображений. В спокойном состоянии ролловер выглядит как обычная картинка, добавленная к странице. Но как только пользователь подносит к нему курсор мыши, эта картинка меняется на другую (рис. 7.19). Это похоже на смену кадров в анимации, [...]

17 Июн

Графические карты

Графическая карта — это изображение, размеченное особым образом на несколько участков — активных регионов. Каждому участку соответствует своя ссылка на Web-страницу, при щелчке по нему происходит загрузка этой страницы. Графические карты могут быть двух видов: серверные и клиентские. В серверных картах информация о ссылках хранится в отдельном файле, который обрабатывается сервером по запросу пользователя. А [...]

17 Июн

Редактирование графики

Сам Dreamweaver не способен изменить внутреннее содержание графического файла, то есть саму картинку. Для этого в нем предусмотрена такая функция, как вызов внешнего графического редактора. Если вам надо отредактировать картинку, выполните одно из следующих действий:

17 Июн

Создание картинки во внешнем редакторе

Если на вашем компьютере установлен графический редактор Fireworks MX, то на панели Properties становится доступной кнопка Create. Нажатие этой кнопки приводит к вызову Fireworks MX и созданию в нем нового документа с размерами, соответствующими текущим размерам заместителя графики. В верхней части окна такого документа Fireworks MX имеется надпись Editing from Dreamweaver, сигнализирующая о том, что [...]

17 Июн

Вставка картинки вместо заместителя

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

17 Июн

Цвет

Обычно заместитель отображается в Dreamweaver серым цветом. Нажмите кнопку Color в нижней части панели Properties, чтобы выбрать другой цвет, или введите его кодовое обозначение в поле рядом с этой кнопкой. Выбранный цвет никоим образом не передается будущей картинке.

17 Июн

Свойства заместителя графики

Заместитель графики в Dreamweaver MX обладает схожим набором характеристик с обычным изображением (рис. 7.15). Многие из них могут передаваться по наследству настоящему графическому изображению, которое устанавливается вместо заместителя. Поэтому сейчас рассказ пойдет только о тех параметрах, которые характерны для заместителя графики. Рис. 7.15. Панель Properties при выделенном заместителе графики

17 Июн

Позиционирование относительно текста

С помощью раскрывающегося списка Align на панели Properties можно задавать различные правила, по которым изображение и следующий за ней текст будут располагаться друг относительно друга. К примеру, мы можем задать автоматическое обтекание текста вокруг изображения. Но, честно говоря, для этих целей лучше использовать таблицы или слои как основу макета страницы. Альтернативным методом является также использование [...]

17 Июн

Расстояние между картинкой и другими объектами

Если за изображением сразу идет текст, то по умолчанию между ними нет никакого зазора. Текст вплотную примыкает к изображению. Это выглядит не очень красиво, да и текст становится менее разборчивым. Принято оставлять небольшое пространство между изображением и текстом. Чтобы сделать это для выбранного изображения, используйте параметры Н Space и У Space на панели Properties.

© 2012 Познавательное чтиво | Entries (RSS) and Comments (RSS)