FrontPage
Программа создания сайтов

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

Графические изображения, размещенные на 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).

Рис. 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.

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

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


Рейтинг@Mail.ru