От автора

Размещение графических изображений

Графические изображения, размещенные на Web-странице, не только способствуют лучшему восприятию информации, но и позволяют сделать страницы более яркими и запоминающимися. Графические изображения вы можете подготовить сами или воспользоваться услугами дизайнеров. Можно также использовать библиотеки графических файлов программных продуктов, таких как Microsoft Office, CorelDraw и т.д.

Разместим на домашней странице создаваемого нами Web-узла графическое изображение из библиотеки Clip Art, входящей в состав Microsoft Office. Для этого выполните следующие действия:

1. Откройте созданный Web-узел.
2. Откройте домашнюю страницу, дважды щелкнув мышью на имени файла index.htm в панели Список папок (Folder List).
3. В меню Вставка (Insert) выберите команду Рисунок (Picture), а затем в открывшемся подменю — опцию Картинки (Clip Art). В окне программы FrontPage появляется панель Вставка картинки (Insert Clip Art).
4. Выберите на этой панели команду Коллекция картинок (Media Gallery). Открывается диалоговое окно, позволяющее выбрать графическое изображение (рис. 15.8).

Рис. 15.8. Диалоговое окно Коллекция картинок (Microsoft)

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

Кнопка	Назначение
Поиск	Отображает в окне панель Поиск, предназначенную для поиска мультимедийных файлов
Список коллекций	Отображает в окне панель Список коллекций со списком категорий и разделов библиотеки
Коллекция картинок в Интернете	Запускает обозреватель для поиска изображения в Интернете

5. Панель Список коллекций содержит папки вашего компьютера с мультимедийными файлами, а также файлы картинок библиотеки Clip Art. Откройте папку интересующей вас категории картинок. В рабочей области окна появятся изображения данной категории. При установке курсора на изображение видна подсказка с указанием имени, размера изображения и файла, в котором он содержится, а также формата графического изображения (рис. 15.9).

Рис. 15.9. Подсказка с указанием размера файла при установке курсора на изображение

6. Нажмите кнопку со стрелкой с правой стороны выбранного изображения. Появляется контекстное меню.
7. Выберите в контекстном меню команду Копировать (Сору).
8. Перейдите на Web-страницу и вставьте на нее из буфера обмена изображение, используя для этого любое удобное средство. Например, нажмите комбинацию клавиш <Shift>+<Ins>.
9. Сохраните Web-страницу с размещенным в ней графическим изображением, нажав кнопку Сохранить (Save) на стандартной панели инструментов. Появляется диалоговое окно Сохранение внедренных файлов (Save Embedded Files) (рис. 15.10), предлагающее сохранить размещенное на странице изображение в папке images Web-узла под именем, с которым файл находился в библиотеке. Это окно содержит кнопки следующего назначения:

Переименовать (Rename) — позволяет переименовать файл.

Сменить папку (Change Folder) — открывает диалоговое окно Смена папки (Change Folder), содержащего папки текущего Web-узла, позволяя выбрать иную папку для сохранения файла.

Действие (Set Action) открывает диалоговое окно Задание действия, позволяющее изменить значение Сохранить (Save) столбца Действие (Action) на Не сохранять (Don't Save). При выборе значения Сохранить рисунок сохраняется в указанной вами папке Web-узла, в противном случае на Web-странице останется ссылка на изображение, находящееся в библиотеке Clip Art.

Область Рисунок (Picture preview) показывает размещаемое изображение. Установив в диалоговом окне Сохранение внедренных файлов нужные параметры, нажмите кнопку ОК. Графический файл будет сохранен в указанной вами папке Web-узла.

Рис. 15.10. Диалоговое окно Сохранение внедренных файлов

Размещение графического изображения из файла

Мы рассмотрели размещение на Web-странице графического изображения из библиотеки Clip Ait. Для размещения на странице графического изображения из файла выполните одно из следующих действий:

В меню Вставка (Insert) выберите команду Рисунок (Picture), а затем в открывшемся подменю — опцию Из файла (From File)
Нажмите кнопку Добавить рисунок из файла (Insert Picture From File) на стандартной панели инструментов
Нажмите кнопку Добавить рисунок из файла (Insert Picture From File) на панели инструментов Рисунки (Pictures)

При выполнении любого из этих действий открывается диалоговое окно Рисунок (Picture) (рис. 15.11). Найдите с помощью этого окна требуемый графический файл и для его размещения на Web-странице нажмите кнопку Вставить (Insert). Диалоговое окно закроется, а изображение будет размещено на странице.

Рис. 15.11. Диалоговое окно Рисунок

Настройка свойств изображения

После размещения изображения на Web-странице необходимо настроить его свойства, используя диалоговое окно Свойства рисунка (Picture Properties) (рис. 15.12). Для его открытия щелкните мышью на изображении, а затем выполните одно из следующих действий:

В меню Формат (format) выберите команду Свойства (Properties)

Выберите команду контекстного меню Свойства рисунка (Picture Properties)
Нажмите комбинацию клавиш <Alt>+<Enter>

Диалоговое окно Свойства рисунка содержит три вкладки: Общие (General), Видеозапись (Video), Вид (Appearance). Рассмотрим более подробно возможности настройки с помощью данного диштогового окна.

Рис. 15.12. Вкладка Общие диалогового окна Свойства рисунка