Совершенствование сайта с помощью графики

Редактирование и форматирование изображений

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

Команды редактирования и форматирования изображений содержатся в панели инструментов Рисунки (Pictures).

увеличить изображение

• Щелкните на кнопке Добавить рисунок из файла (Insert Picture From File), чтобы открыть диалоговое окно Рисунок (Picture), где вы можете выполнить поиск и вставку другого изображения.
• Используйте кнопку Текст (Text), чтобы создать в области изображения текстовое окно, в котором можете ввести собственный текст.
• Щелкните на кнопке Автоэскизы (Auto Thumbnail), чтобы создать небольшую версию вашего изображения, которая становится гиперссылкой на исходное изображение. Посетители могут щелкать на этой миниатюре, чтобы получать доступ к полноразмерной версии.
• Используйте кнопки Абсолютное (Absolutely), Переместить вперед (Bring Forward) и Переместить назад (Send Backward) для управления местоположением изображения относительно других элементов: перемещение вместе с окружающим текстом либо размещение впереди или позади других объектов.
• Используйте кнопки Повернуть влево (Rotate Left), Повернуть вправо (Rotate Right), Отразить слева направо (Flip Horizontal) и Отразить сверху вниз (Flip Vertical) для поворота и отражения изображений.
• Используйте кнопки Увеличить контрастность (More Contrast), Уменьшить контрастность (Less Contrast), Увеличить яркость (More Brightness) и Уменьшить яркость (Less Brightness) для увеличения и уменьшения контрастности и яркости выделенного изображения.
• Используйте кнопку Обрезка (Crop) для обрезки изображения; это не сжатие изображения, а указанное вами отсечение лишних частей.
• Щелкните на кнопке Тип линии (Line Style), чтобы открыть диалоговое окно стилей линии, где вы можете изменять ширину, длину, цвет и форму линий.
• Щелкните на кнопке Формат полотна (Format Picture), чтобы открыть диалоговое окно Формат полотна (Format Picture).
• Используйте кнопку Установить прозрачный цвет (Set Transparent Color), чтобы указать, что заданный цвет будет прозрачным, когда изображение будет представлено на веб-странице. Это очень удобно, когда нужно показать объект с необычным контуром (не имеющий прямых границ).
• Щелкните на кнопке Цвет (Color), чтобы изменить окраску изображения на черно-белую или в градациях серого либо получить "размытую" версию изображения.
• Щелкните на кнопке Багетная рамка (Bevel), чтобы создать эффект объемности.
• Используйте кнопку Сокращение цветов (Resample), чтобы повысить четкость изображения, которое было увеличено или сжато.
• Щелкните на кнопке Выбрать (Select), чтобы изменить курсор точки ввода на курсор, позволяющий выделять изображение для редактирования. Эта кнопка выбрана по умолчанию, когда открывается панель инструментов рисунков.
• Используйте кнопки Гиперпрямоугольник (Rectangular Hotspot), Гиперкруг (Circular Hotspot), Гипермногоугольник (Polygonal Hotspot) и Выделить гиперобъекты (Highlight Hotspots) для выделения и визуализации активных областей (карты отображений) на вашем изображении. Эти области можно использовать для создания гиперссылок, позволяющих переходить к другим изображениям, другим веб-страницам или другим сайтам. Их можно даже использовать для формирования сообщений электронной почты!
• Щелкните на кнопке Восстановить (Restore) для отмены всех изменений, внесенных в изображение после того, как была открыта панель инструментов Рисунки (Pictures).

Панель инструментов Рисунки (Pictures) появляется автоматически при выделении изображения для редактирования; вы можете также открыть ее сами в любой момент, щелкнув правой кнопкой на области панелей инструментов и выбрав из контекстного меню пункт Рисунки (Pictures).

В этом упражнении вы будете работать с фотографией, чтобы освоить некоторые средства редактирования и форматирования изображений в программе FrontPage. Сначала вы измените размеры изображения и выполните кадрирование, чтобы отсечь ненужные вам части; затем вы преобразуете изображение в черно-белое и создадите для него скошенную рамку, создающую эффект объемности.