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

Использование изображения в качестве фона

В качестве фона страницы можно использовать графическое изображение, которое сделает вашу страницу более привлекательной. Но, подбирая рисунок для фона, необходимо помнить, что при этом происходит увеличение размера файла, а соответственно, увеличивается и время загрузки страницы. К тому же рисунок фона не должен быть ярким, чтобы на нем была видна размещенная на Web-странице текстовая информация.

При создании Web-страниц вы можете использовать графические изображения из библиотеки Clip Art, входящей в состав Microsoft Office, файлы, разработанные с использованием графических редакторов (например, CorelDraw, Adobe Photoshop), а также применять изображения, полученные со сканера. FrontPage позволяет импортировать файлы следующих форматов:

  • GIF
  • JPEG (JPG)
  • PNG
  • BMP (Windows или OS/2)
  • TIFF(TIF)
  • WMF (Метафайлы Windows)
  • SUN Raster (RAS)
  • EPS (Инкапсулированный Postscript)
  • PCX (Paintbrush)
  • TGA(Targa)
  • PCD (Kodak PhotoCD)

По умолчанию импортируемые форматы, за исключением форматов GIF и JPEG, преобразовываются FrontPage в формат GIF.

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

1. Откройте созданный сайт.

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

3. В меню Файл (File) выберите команду Свойства (Properties) или выберите команду контекстного меню страницы Свойства страницы.

4. В открывшемся диалоговом окне Свойства страницы (Page Properties) перейдите на вкладку Фон (Background).

5. Установите расположенный в верхней части диалогового окна флажок Фоновый рисунок (Background picture).

6. Установите также флажок Подложка (Watermark). Если он установлен, то при перемещении по Web-странице с помощью полосы прокрутки не происходит смещения рисунка фона относительно объектов, расположенных на странице.

7. Для указания имени и расположения графического файла, содержимое которого будет использовано в качестве фона, нажмите кнопку Обзор (Browse). На экране открывается диалоговое окно Выбрать фоновый рисунок (Select Background Picture) (рис. 15.5), в списке Папка (Look in) которого указано имя открытого Web-узла.

Рис. 15.5. Диалоговое окно для выбора графического изображения фона страницы.

8. Если вы поместили графический файл в папку images, откройте ее, выберите подготовленный для фона страницы файл и нажмите кнопку ОК.

9. В случае если вы заранее не позаботились о размещении файла в папках Web-узла, для его поиска воспользуйтесь кнопками, расположенными слева в диалоговом окне Выбрать фоновый рисунок. Кнопки Журнал (History), Мои документы (My Document), Рабочий стол (Desktop), Избранное (Favorites), Мое сетевое окружение (My Network Places) позволяют искать файл в папках Recent, Мои документы, Рабочий стол, Избранное и Мое сетевое окружение, соответственно. Кнопка Найти в Интернете (Search the Web) запускает обозреватель для поиска в Интернете файла, который может быть использован в качестве фона Web-страницы.

Выбрав необходимый файл, нажмите кнопку ОК для закрытия диалогового окна Выбрать фоновый рисунок.

10. Возвратившись в диалоговое окно Свойства страницы, нажмите кнопку ОК для его закрытия. Выбранный графический файл будет использован в качестве фона текущей страницы.

На рис. 15.6 показана Web-страница, для которой в качестве фонового изображения использован файл из библиотеки Windows.

Рис. 15.6. В качестве фона использовано графическое изображение

Вы можете использовать единое графическое изображение на нескольких страницах Web-узла в качестве фона, устанавливая в диалоговом окне Свойства страницы флажок Получить сведения о фоне с другой страницы (Get background information from another page). В этом случае, если вы решите изменить фон, нет необходимости менять его на всех страницах, использующих одинаковое изображение, — достаточно сделать это на одной единственной странице. Рассмотрим последовательность действий при использовании этого флажка:

1. Откройте сайт.

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

3. В меню Формат (Format) выберите команду Фон (Background).

4. В открывшемся диалоговом окне Свойства страницы на вкладке Фон (Background) установите флажки Фоновый рисунок (Background picture) и Подложка (Watermark).

5. Нажмите кнопку Обзор, расположенную рядом с полем, в котором будет размещено имя графического файла.

6. В открывшемся диалоговом окне Выбрать фоновый рисунок (Select Background Picture) выберите графический файл, который хотите использовать в качестве фона страницы, и нажмите кнопку ОК.

7. Нажмите кнопку ОК для закрытия диалогового окна Свойства страницы.

8. Сохраните Web-страницу с размещенным фоновым изображением и исходный графический файл в папке images.

9. Откройте в режиме редактирования вторую страницу Web-узла.

10. Откройте для этой страницы диалоговое окно Свойства страницы.

11. На вкладке Фон (Background) установите флажок Получить сведения о фоне с другой страницы (Get background information from another page).

12. Нажмите расположенную рядом с флажком кнопку Обзор.

13. В открывшемся диалоговом окне Текущий веб-узел (Current Web) (рис. 15.7) выберите из папки images сохраненную Web-страницу с фоновым графическим изображением и нажмите кнопку ОК.

14. Нажмите кнопку ОК для закрытия диалогового окна Свойства страницы.

Рис. 15.7. Диалоговое окно "Текущий веб-узел"

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

1. Поместите новое графическое изображение в папку images Web-узла.

2. Откройте окно свойств страницы, размещенной в папке images, для которой вы установили графическое фоновое изображение.

3. Измените фоновое изображение, используя размещенный в данной папке новый графический файл.

4. Закройте окно свойств страницы.


Рейтинг@Mail.ru