Размещение графических изображений на странице сайта
Графические изображения, размещенные на Web-странице, не только способствуют
лучшему восприятию информации, но и позволяют сделать страницы более яркими и
запоминающимися. Графические изображения вы можете подготовить сами или
воспользоваться услугами дизайнеров. Можно также использовать библиотеки
графических файлов программных продуктов, таких как Microsoft Office, CorelDraw
и т.д.
Разместим на домашней странице создаваемого нами Web-узла графическое
изображение из библиотеки Clip Art, входящей в состав Microsoft Office. Для
этого выполните следующие действия:
1. Откройте созданный сайт.
2. Откройте домашнюю страницу, дважды щелкнув мышью на имени файла index.htm
в панели Список папок (Folder
List).
3. В меню Вставка (Insert)
выберите команду Рисунок (Picture),
а затем в открывшемся подменю — опцию Картинки (Clip Art). В окне
программы FrontPage появляется панель Вставка картинки (Insert Clip Art).
4. Выберите на этой панели команду Коллекция картинок (Media Gallery).
Открывается диалоговое окно, позволяющее выбрать графическое изображение (рис.
15.8).
В верхней части диалогового окна помимо кнопок, управляющих отображением показываемых
в окне объектов, а также копированием и удалением объектов, содержатся кнопки назначения
(см. таблицу).
Кнопка
Назначение
Поиск
Отображает в окне панель Поиск, предназначенную для поиска мультимедийных файлов
Список коллекций
Отображает в окне панель Список коллекций со списком категорий и разделов библиотеки
Коллекция картинок в Интернете
Запускает обозреватель для поиска изображения в Интернете
5. Панель Список коллекций
содержит папки вашего компьютера с мультимедийными файлами, а также файлы
картинок библиотеки Clip Art. Откройте папку интересующей вас категории
картинок. В рабочей области окна появятся изображения данной категории. При
установке курсора на изображение видна подсказка с указанием имени, размера
изображения и файла, в котором он содержится, а также формата графического
изображения (рис. 15.9).
Рис. 15.9. Подсказка с указанием размера файла при установке курсора на
изображение
6. Нажмите кнопку со стрелкой с правой стороны выбранного изображения.
Появляется контекстное меню.
7. Выберите в контекстном меню команду Копировать (Сору).
8. Перейдите на Web-страницу и вставьте на
нее из буфера обмена изображение, используя для этого любое удобное средство.
Например, нажмите комбинацию клавиш <Shift>+<Ins>.
9. Сохраните Web-страницу с размещенным в ней графическим изображением, нажав
кнопку Сохранить (Save) на стандартной панели инструментов. Появляется
диалоговое окно Сохранение внедренных файлов (Save
Embedded Files) (рис. 15.10), предлагающее сохранить размещенное на странице
изображение в папке images Web-узла под именем, с которым файл находился
в библиотеке. Это окно содержит кнопки следующего назначения:
Переименовать (Rename)
— позволяет переименовать файл.
Действие (Set Action) открывает диалоговое окноЗадание действия, позволяющее
изменить значение Сохранить (Save) столбца Действие (Action) на Не сохранять (Don't Save).
При выборе значения Сохранить рисунок сохраняется в указанной вами папке Web-узла, в противном
случае на Web-странице останется ссылка на изображение, находящееся в библиотеке Clip Art.
Область Рисунок (Picture preview) показывает размещаемое изображение. Установив в диалоговом
окне Сохранение внедренных файлов нужные параметры, нажмите кнопку ОК.
Графический файл будет сохранен в указанной вами папке Web-узла.