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

Изменение свойств изображения

После того как изображение выделено, т. е. вокруг него появи­лась рамка и три маркера, на панели свойств Properties (Свойст­ва) можно изменять его параметры (рис. 3.4).

Поле Image (Изображение) предназначено для задания индиви­дуального имени изображения, которое может потребоваться, например, если оно станет объектом программирования.

В полях W и Н можно изменить ширину и высоту изображения, а в У Space и Н Space задать зазоры между текстом и изображе­нием по вертикали и горизонтали.

Поле Мар (Карта) предназначено для ввода имени карты чувст­вительных элементов на изображении, а кнопки под ним — для создания самих элементов карты различной формы. В дальней­шем будет рассмотрена возможность создания чувствительных областей (изображений-карт) средствами программы Photoshop (ImageReady).

В поле Src должно находиться имя файла изображения, которое можно изменить, используя кнопку Browse for File (Поиск файла).

Поле Link (Ссылка) предназначено для ввода имени файла, на который осуществляется ссылка по рисунку. После ввода имени файла для ссылки станет активным список Target (Цель), в ко­тором можно осуществить выбор окна или фрейма для загрузки адресуемого документа. В данном списке возможен выбор сле­дующих значений:

О blank — документ откроется в новом окне браузера;

□ self — документ откроется в том же окне или фрейме (по

Умолчанию);

О _parent — документ откроется в родительском фрейме;

□ _top — документ займет все окно браузера.

Последние два значения используются только при наличии фреймов (см. главу 5).

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

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

Список Class предназначен для выбора стиля форматирования. Список будет заполнен, если к документу подключены каскад­ные таблицы стилей (CSS) (см. главу 7).

В поле Border (Рамка) вводится толщина рамки изображения. Введя значение “0” можно избавится от рамки, которая устанав­ливается, если по рисунку осуществляется ссылка.

Три кнопки справа от поля Border (рамка) предназначены для выравнивания рисунка по горизонтали:

О Align Left — выравнивание по левому краю;

О Align Center — выравнивание по центру;

О Align Right — выравнивание по правому краю.

Раскрывающийся список Align (Выравнивание) позволяет вы­брать способ выравнивания текста относительно изображения.

Все значения уже комментировались в начале главы в поясне­ниях к параметрам метки <img>.

Серия кнопок Edit (Правка) предназначена для редактирова­ния изображения. Нажав первую из них, Edit (Правка), можно открыть изображение в графическом редакторе. В соответствии с настройками по умолчанию для этих целей используется графический редактор MS Photo Editor. Возможно, что после знакомства с графическим редактором Adobe Photoshop в сле­дующей части этой главы, вы предпочтете открывать изобра­жение для редактирования именно в этом редакторе. Чтобы это стало возможным, командой Edit | Preferences (Правка | Настройки) необходимо открыть диалоговое окно Preferences (Настройки) и выбрать категорию File Types/Editors (Файл Ти­пы/Редакторы). В столбце Extensions (Расширения) выделить строку. jpg. jpe. jpeg и добавить в столбец Editors (Редакторы) новый графический редактор. Для этого нужно над столбцом нажать кнопку со значком "+" и в открывшемся диалоговом окне Select External Editor (Выбор внешнего редактора) вы­брать файл AdobePhotoshopPhotoshop. exe. После появления записи о новом редакторе в столбце Editors (Редакторы), его нужно выделить и нажать кнопку Make Primary (Сделать ос­новным). Те же действия можно проделать для изображений с расширением gif.

Кнопка Optimize Fireworks (Оптимизация файлов редактора Fireworks) предназначена для редактирования файлов, созданных в этом редакторе.

Кнопка Crop (Обрезка) позволяет осуществить кадрирование (обрезку) изображения, не выходя из программы Dreamweaver.

Кнопка Brightness and Contrast (Яркость и контраст) открывает диалоговое окно Brightness/Contrast (Яркость/Контраст) (рис. 3.5), позволяющее с помощью ползунка Brightness изменить яркость изображения, а ползунка Contrast — контраст изображения. Про­смотр результата данных изменений будет возможен при установ­ленном флажке Preview (Предварительный просмотр).

Кнопка Sharpen (Резкость) открывает диалоговое окно, позво­ляющее регулировать резкость изображения (рис. 3.6).