Техника Web-дизайна для студента

Размещение графики

Разместить графические изображения не web-странице можно следующими способами:

О Воспользоваться командой Image (Изображение) меню Insert (Вставка).

О Активизировать кнопку — Image (Изображение) в группе инструментов Common (Общие). Треугольная стрелка справа от кнопки позволяет раскрыть список Images (Изображения), в который входит и кнопка Image (Изображение). Видимой является пиктограмма той кнопки, которая была выбрана по­следней. В семействе Images (Изображения) также находятся кнопки:

• Image Placeholder (Временный заместитель изображения) — вставка временного объекта, который должен обозначить место будущего изображения на странице (в дальнейшем должен быть заменен реальным изображением);

• Rollover Image (Ролловер) — графическая кнопка, изме­няющая свой вид в зависимости от действий пользователя, например при наведении на нее курсора. Программа на JavaScript, управляющая сменой изображений будет встав­лена автоматически. Пример создания ролловера будет рассмотрен в конце главы;

• Fireworks HTML — вставка HTML-документа, созданного в графическом редакторе Fireworks;

• Navigation Ваг (Навигационная панель) — вставка связан­ных между собой графических кнопок для навигации по страницам сайта;

• группа из трех кнопок, предназначенных для создания на изображении чувствительных областей, по которым можно осуществлять ссылки на другие документы. В эту группу входят кнопки: Draw Rectangle Hotspot (Создание чувстви­тельной области прямоугольной формы), Draw Oval Hot­spot (Создание чувствительной области овальной формы), Draw Polygon Hotspot (Создание чувствительной области в форме многоугольника). В дальнейшем будет рассмотрена возможность создания чувствительных областей (изобра­жений-карт) средствами программы Photoshop (Image­Ready).

Независимо от выбранного способа вставки изображения откро­ется диалоговое окно Select Image Source (Выбор источника изображения) (рис. 3.3).

Для вставки рисунков, находящихся на компьютере, следует переключатель Select file name from (Выбор имени файла из) установить в положение File system (Обычный файл). Указа­ние абсолютного пути к файлу рисунка в строке URL и преду­преждающая запись в нижней части окна Document should be saved to use this option (Документ должен быть сохранен, чтобы использовать этот выбор) свидетельствуют о том, что документ еще не был сохранен в папке сайта. После сохранения доку­мента абсолютный адрес будет автоматически заменен именем файла рисунка. В списке Relative to (Относительно) можно выбрать категорию, относительно чего задается путь к файлу: рисунка, текущего документа (Document) или корневой папки сайта (Site Root). Установив флажок Preview images (Предва­рительный просмотр изображений), можно осуществлять предварительный просмотр выбранного изображения. В ос­тальном диалоговое окно Select Image Source (выбор источника изображения) аналогично диалоговым окнам открытия доку­мента.

При выборе файла изображения, находящегося за пределами папки сайта, откроется диалоговое окно, предупреждающее об этом {см. раздел 2.5.1). Следует нажать кнопку ОК и тогда будет предложено сохранить копию изображения в папке сайта, что избавит от дальнейших проблем, связанных с его адресацией.