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

В браузерах, где воспроизведение графики отключено, никакие изображения не отображаются. Вместо изображений браузер может показывать их альтернативное текстовое описание, если оно задано. Данный параметр настоятельно рекомендуется для заполнения (он не создается Dreamweaver автоматически). Чтобы создать альтернативное описание изображения, введите текст в поле Alt в верхнем правом углу панели Properties. Старайтесь быть краткими — ведь многие [...]

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

Вокруг изображения можно задать рамку с помощью поля Border (рис. 7.11). По умолчанию она не задана, что соответствует нулевому значению или полному отсутствию рамки. Введите в поле Border число, соответствующее толщине рамки в пикселах. Вокруг картинки появится рамка черного цвета.

Источник изображения — графический файл — указывается в поле Src на панели Properties. Это поле появляется автоматически при добавлении изображения к странице. Вы также можете указать альтернативный источник в поле Low Src (рис. 7.10), расположенного в нижней части панели Properties.

При вставке изображения на страницу, Dreamweaver автоматически определяет его истинные размеры и прописывает их в свойствах, то есть в атрибутах тега <img>. Кроме того, эти размеры отображаются в полях W (для ширины) и Н (для высоты) на панели Properties (рис. 7.9). Вы можете их изменить, введя в эти поля новые значения. По умолчанию, размеры задаются [...]

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

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

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

Мы знаем, что графическое изображение на Web-странице появляется благодаря тегу <img>. Атрибуты этого тега определяют правила воспроизведения изображения в браузере. Эти атрибуты можно задавать вручную, прописывая нужные значения для них прямо в исходном коде страницы. Помните об этом и время от времени перечитывайте справочники по HTML. Это никогда не будет лишним. Хотя я, признаюсь честно, [...]

Если у вас нет под рукой подходящей картинки, а место на странице не терпит пустоты, вы можете вставить так называемый заместитель графики. Заместитель графики — это прямоугольный блок заданного цвета, который временно можно использовать вместо картинки. Заместитель виден только в Dreamweaver — при попытке просмотреть страницу в браузере, он не показывается. Это всего лишь временная [...]