Опубликован: 23.11.2006 | Доступ: свободный | Студентов: 1146 / 240 | Оценка: 4.13 / 3.80 | Длительность: 08:04:00
Специальности: Менеджер
Лекция 9:

Добавление графических элементов

< Лекция 8 || Лекция 9: 12345 || Лекция 10 >

Создание коллекции фотографий

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

В программе FrontPage вы можете использовать еще более простой метод. Вы можете применять веб-компонент Коллекция фотографий (Photo Gallery) для быстрого и удобного создания привлекательной структуры из личных или деловых фотографий или изображений. Вы можете выбирать четыре различных стиля, компонуя изображения по горизонтали, вертикали, в виде табло или последовательности слайдов. Используя веб-компонент Коллекция фотографий (Photo Gallery), вы можете добавлять к изображениям подписи и описания, а также изменять компоновку и содержимое за секунды.

О веб-компонентах

FrontPage 2002 содержит много интересных готовых веб-компонентов, которые можно помещать на веб- странице, чтобы придать вашему сайту дополнительное впечатление, прилагая при этом очень небольшие усилия.

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

В этом упражнении вы создадите коллекцию фотографий на подготовленном сайте с помощью веб-компонента Коллекция фотографий (Photo Gallery). Фотографии, используемые в этом упражнении, получены из базы данных о насекомоядных растениях по адресу www2.labs.agilent.com/bot/cp_home/ и используются с разрешения владельца этой базы данных.

GardenCo

Для этого упражнения используется рабочая папка Office XP SBS\FrontPage\Chap20\PhotoGallery. В дополнение к сайту GardenCo вы создадите гиперссылку на 12 фотографий растений, которые находятся в этой рабочей папке. Поскольку для работы веб-компонента Коллекция фотографий (Photo Gallery) требуется, чтобы он был сохранен как составная часть сайта, созданного с помощью FrontPage, вам нужно завершить это упражнение в структуре учебного сайта.

Выполните следующие шаги.

  1. В меню Файл (File) выберите пункт Открыть веб-узел (Open Web). Перейдите в рабочую папку, щелкните на GardenCo и затем щелкните на кнопке Открыть (Open), чтобы открыть данный сайт.
  2. В стандартной панели инструментов щелкните на кнопке Создание новой обычной страницы (Create a new normal page), чтобы открыть новую страницу.
  3. В меню Вставка (Insert) щелкните на пункте Веб-компонент (Web Component) и затем выберите вариант Коллекция фотографий (Photo Gallery) для получения следующего списка.
  4. В окне Выберите вариант коллекции фотографий (Choose a Photo Gallery Option) щелкните на каждом из четырех вариантов и прочитайте описания, которые будут появляться в нижней панели.
  5. Выберите вариант Коллаж (Montage Layout) и щелкните на кнопке Готово (Finish). Появится диалоговое окно Свойства коллекции фотографий (Photo Gallery Properties), чтобы вы могли добавлять фотографии в эту коллекцию.
  6. Щелкните на кнопке Добавить (Add) и затем выберите вариант Рисунки из файлов (Pictures from Files).
  7. Перейдите в папку Office XP SBS\FrontPage\Chap20\PhotoGallery, где вы найдете 12 фотографий насекомоядных растений.
  8. Выделите сразу все файлы: щелкните на первом файле и, удерживая клавишу (Shift), щелкните на последнем файле. Затем щелкните на кнопке Открыть (Open).

    FrontPage импортирует все изображения в коллекцию фотографий и отобразит их в диалоговом окне свойств коллекции фотографий.

  9. Выберите в списке файлов plant1.jpg.
  10. В поле Подпись (Caption) введите Четыре прекрасных и опасных цветка.
  11. В поле Описание (Description) введите Четыре чуда из мира насекомоядных растений!
  12. Выберите вариант Использовать другие параметры шрифта (Override and use custom font formatting).
  13. Выделите текст в поле Подпись (Caption).
  14. В раскрывающемся списке Шрифт (Font) щелкните на строке Arial.
  15. В раскрывающемся списке Размер шрифта (Font Size) выберите вариант 2 (10 pt).
  16. В раскрывающемся списке Цвет шрифта (Font Color) выберите пурпурный.
  17. Щелкните на кнопке Полужирный (Bold).
  18. Выделите текст в поле Описание (Description) и повторите шаги 14 и 15, чтобы изменить шрифт и размер шрифта. Теперь диалоговое окно будет выглядеть следующим образом.

  19. Щелкните на кнопке OK, чтобы закрыть диалоговое окно свойств коллекции фотографий и создать коллекцию.
  20. В стандартной панели инструментов щелкните на кнопке Просмотр в обозревателе (Preview in browser) для просмотра этого файла в вашем браузере при заданном по умолчанию размере окна. Если появится запрос сохранения, сохраните файл этой страницы под именем Gallery.htm, а встроенные изображения - под их именами по умолчанию.

    Ваша фотоколлекция будет выглядеть так, как показано ниже.

    Производит прекрасное впечатление для работы, выполненной за несколько минут!
  21. Закройте браузер, чтобы вернуться в программу FrontPage.
  22. Щелкните на кнопке Закрыть (Close) этой страницы, чтобы закрыть ее файл; если хотите, сохраните эту работу, когда получите запрос сохранения.
  23. В меню Файл (File) выберите пункт Закрыть веб-узел (Close Web), чтобы закрыть данный сайт.
    Совет. Если в дальнейшем вы решите изменить тип компоновки вашей коллекции, щелкните правой кнопкой на веб-компоненте Коллекция фотографий (Photo Gallery) в режиме просмотра страниц в обозревателе и в контекстном меню выберите пункт Свойства фотоколлекции (Photo Gallery Properties), чтобы появилось диалоговое окно свойств фотоколлекции. Во вкладке Макет (Layout) выберите другой вариант компоновки и щелкните на кнопке OK, чтобы переформатировать свою фотоколлекцию.
< Лекция 8 || Лекция 9: 12345 || Лекция 10 >
Сергей Асямов
Сергей Асямов
Россия
Андрей Шах
Андрей Шах
Россия, Самара