Опубликован: 23.11.2006 | Доступ: свободный | Студентов: 1146 / 240 | Оценка: 4.13 / 3.80 | Длительность: 08:04:00
Специальности: Менеджер
Лекция 8:

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

< Лекция 7 || Лекция 8: 12345 || Лекция 9 >

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

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

< Лекция 7 || Лекция 8: 12345 || Лекция 9 >
Сергей Асямов
Сергей Асямов
Россия
Андрей Шах
Андрей Шах
Россия, Самара