Упражнение 5. Добавление рисунка

Чтобы добавить на web-страницу, сформированную в предыдущих упражнениях, логотип компании, выполните следующие шаги.

  1. Поместите текстовый курсор в начало первой строки web-страницы.

Примечание

В web-страницах все рисунки привязываются к определенной точке текста, то есть они являются как бы очередным символом. Поэтому для размещения рисунка в произвольных точках страницы web-дизайнерам приходится прибегать к различного рода хитростям, например размещать графические объекты в ячейках таблиц с невидимыми рамками.

  1. В строке меню приложения раскройте подменю Рисунок (Picture) меню Вставка (Insert) Откроются все возможности вставки рисунка, предоставляемые приложением:
    • Картинки (Clip Art) — возможность выбрать рисунок из одноименной библиотеки;

Добавление рисунка

Рис. 23.10. Добавление рисунка

  1. Давайте воспользуемся первым вариантом. Щелкните на кнопке Clip Art.
  2. В области задач в окне Вставка картинки (Clip Art Gallery) введите в текстовое поле слово Am ma Ls (Животные) и щелкните на кнопке Найти (Search).
  3. Найдите рисунок тигра, щелкните на нем и с помощью указателя мыши перетащите его на web-страницу.
  4. Щелчком выделите рисунок.
  5. Перетащите угловой маркер габаритной рамки рисунка, уменьшив изображение до нужного размера.
  6. Щелкните на рисунке правой кнопкой мыши и выберите в контекстном меню команду Свойства рисунка (Picture Properties).

Примечание

Не размещайте на web-страницах слишком большие рисунки, на их загрузку с удаленного сервера требуется много времени. Это раздражает пользователей.

Параметры рисунка

Рис. 23.11. Параметры рисунка

  1. На вкладке Общие (General), показанной на рис. 23.11, выберите положение переключателя GIF, чтобы указать формат, в котором должен храниться рисунок.
  2. Щелкните на кнопке Обзор, расположенной справа от поля Расположение (Location).
  3. В открывшемся окне дважды щелкните на файле news.htm, который по замыслу должен содержать общую информацию о компании и основные новости. Теперь щелчок на логотипе будет открывать указанную страницу.
  4. Раскройте вкладку Вид (Appearance). Чтобы текст, расположенный справа от рисунка, выровнялся по середине рисунка, выберите в раскрывающемся списке Выравнивание (Alignment) пункт По центру (Center).
  5. Щелкните на кнопке ОК.
  6. Чтобы сохранить выполненные изменения, выберите команду Файл > Сохранить (File> Save).
  7. В окне диалога Сохранение внедренных файлов (Save Embedded Files), показанном на рис. 23.12, щелкните на кнопке Сменить папку (Change Folder).

Сохранение внедренного объекта

Рис. 23.12. Сохранение внедренного объекта

  1. Дважды щелкните в открывшемся окне на папке images, а затем на кнопке ОК, указав этим папку, в которой должен храниться файл добавленного рисунка.
  2. Щелкните на кнопке Переименовать (Rename) и введите имя logo.gif.
  3. Затем щелкните на кнопке ОК.

Эта операция приведет к преобразованию изображения формата WMF, полученного из библиотеки Clip Art, в формат GIF, который в отличие от WMF может демонстрироваться любым браузером. В итоге логотип будет записан в файл logo.gif.