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

Для размещения на домашней странице создаваемого нами

Web-узла графическое изображение из библиотеки Clip Art, входя-

щей в состав Microsoft Office, выполните следующие действия:

1. Откройте созданный Web-узел.

2. Откройте домашнюю страницу, дважды щелкнув мышью на имени файла index.htm в панели Список папок.

3. В меню Вставка выберите команду Рисунок, а затем в от-

крывшемся подменю — опцию Картинки. В окне программы

FrontPage появляется панель Вставка картинки.

4. Выберите на этой панели команду Коллекция картинок. Открывается диалоговое окно, позволяющее выбрать графическое изображение (рис. 5.4).

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

тинок. В рабочей области окна появятся изображения данной кате- гории. При установке курсора на изображение видна подсказка с указанием имени, размера изображения и файла, в котором он со- держится, а также формата графического изображения.

Рис. 5.4. Диалоговое окно Коллекция картинок

6. Нажмите кнопку со стрелкой с правой стороны выбранного изображения.

7. Выберите в контекстном меню команду Копировать.

8. Перейдите на Web-страницу и вставьте на нее из буфера обмена изображение, используя для этого любое удобное средство.

Например, нажмите комбинацию клавиш <Shift>+<Ins>.

9. Сохраните Web-страницу с размещенным в ней графиче- ским изображением, нажав кнопку Сохранить на стандартной па- нели инструментов. Появляется диалоговое окно Сохранение вне- дренных файлов (рис. 5.5), предлагающее сохранить размещенное на странице изображение в папке images Web-узла под именем, с которым файл находился в библиотеке.

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

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

• В меню Вставка выберите команду Рисунок, а затем в от-

крывшемся подменю — опцию Из файла;

• Нажмите кнопку Добавить рисунок из файла на стандартной панели инструментов.

При выполнении любого из этих действий открывается диало-

говое окно Рисунок. Найдите с помощью этого окна требуемый

графический файл и для его размещения на Web-странице нажмите кнопку Вставить.

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

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

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

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

• Выберите команду контекстного меню Свойства рисунка

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

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

В верхней части вкладки Общие находится поле Источник рисунка, в котором указано местоположение графического файла. Это может быть папка открытого Web-узла или адрес в Интернете. Рядом с полем расположены две кнопки:

• Обзор — открывает диалоговое окно Рисунок, позволяющее выбрать изображение для размещения на Web-странице;

• Изменить — запускает графический редактор для изменения текущего файла.

Область Тип указывает один из двух форматов графического изображения (GIF и JPEG). Если на Web-странице размещается

изображение иного формата, FrontPage преобразовывает этот фор-

мат в один из форматов, используемый программой FrontPage.

Область Альтернативные представления вкладки Общие содержит поля, позволяющие задать параметры, которые будут ис- пользованы при просмотре Web-страницы, содержащей данное графическое изображение, в обозревателе, не поддерживающем графику или имеющем низкое разрешение:

Поля области Гиперссылка по умолчанию позволяют ис- пользовать текущее графическое изображение в качестве гипер- ссылки.

Расположение — при нажатии кнопки Обзор, расположенной рядом с этим полем, открывается диалоговое окно Изменение ги- перссылки, позволяющее задать или изменить установленную ссылку на страницу текущего Web-узла, страницу в Интернете или установить ссылку на новую страницу.

Конечная рамка — в данном поле указывается ссылка на ко-

нечный фрейм.

Вкладка Видеозапись диалогового окна Свойства рисунка позволяет поместить в Web-страницу аудио- или видеозапись, при этом графическое изображение будет использовано в качестве за-

ставки при загрузке файла.

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

Раскрывающийся список Выравнивание области Положение содержит значения, устанавливающие расположение изображения по отношению к окружающему его тексту. На рис. 5.8 показан

пример взаимного расположения текста и изображения при исполь-

зовании опций слева и справа.

Для выравнивания изображения можно также использовать опции области Обтекание и кнопки По левому краю и По право- му краю на панели форматирования.

Рис. 5.7. Вкладка Вид диалогового окна Свойства рисунка

Рис. 5.8. Выравнивание с помощью опций слева и справа

Для указания ширины и высоты графического изображения необходимо предварительно установить флажок Задать размер. При установке этого флажка в HTML-код включаются теги с указа- нием ширины и высоты графического файла, тогда при загрузке Web-страницы в обозреватель сразу резервируется место под изо-

бражение. Если HTML-код не содержит данные теги, то обозрева- тель загружает графический файл и лишь затем освобождает под него место, смещая другие объекты страницы.

Изменить ширину и высоту изображения можно также с ис-

пользованием курсора.