Тема: Создание web-сайта.
Цель: усвоение умений и навыков в работе по созданию web- страниц в программе MS Publisher.
Оборудование: ПК, ОС Windows, программа для создания публикаций MS Publisher.
1. Запустить программу MS Publisher.В области задач Новая публикация выбрать тип Веб-узлы и электронная почта – Веб-узлы. Просмотрите шаблоны веб-сайтов, образцы которых отображаются в правой части окна. Щелкните на выбранном шаблоне, после чего откроется окно мастера Удобный построитель веб-узлов.
2. На первом шаге предоставляется перечень страниц определенного назначения, которые можно включить в состав веб-сайта. Выбранная страница отображается справа в диалоговом окне. Обозначив нужные страницы, щелкните ОК.
3. После этого отобразится окно Личные данные, где необходимо ввести сведения об авторе (если она ранее не вводилась).
4. Область задач Параметры: Веб-узел предназначена для предоставления помощи в создании веб-сайта. Какие существуют варианты размещения навигационной области сайта? Запишите в отчет возможные варианты и поэкспериментируйте с размещением навигационной области вертикально и горизонтально.
5. Выберите цветовую схему. Кроме предоставленных вариантов можно выбрать свою схему, щелкнув на ссылке Пользовательская цветовая схема. Создайте свою схему, просмотрите в образце насколько она удачна и запишите в отчет каким цветом будет отображаться основной текст и текст гиперссылок.
6. Щелкните на ссылке Шрифтовые схемы. Просмотрите возможные варианты и создайте свою схему, щелкнув на заголовке Стили и форматирование. Запишите в отчет имя и параметры форматирования вашей схемы и для какого элемента текста вы ее применили.
7. Используя меню Формат добавьте фон. Нажав на ссылку Дополнительные типы фона.. рассмотрите вкладки диалогового окна Способы заливки поэкспериментируйте с возможными вариантами. Запишите в отчет, как изменить текстуру, узор, рисунок, оттенок. Как добавить звуковое сопровождение? Выполняя эту команду можно использовать файлы с расширением .mid, .midi, .wav.
8. Сохраните сайт в своей папке. Можно настроить веб-страницу так, чтобы ее можно было просматривать на экране с высокой или низкой разрешающей способностью. Для этого используйте меню Файл – Параметры страницы – вкладка Разметка. Какие существуют варианты?
9. Как добавить страницу к веб-сайту? Какие типы страниц можно добавить? (Привести примеры).
Если на домашней странице нужно разместить кнопку, предназначенную для перехода на новую страницу, установите флажок Добавить гиперссылку на панели навигации – Далее – в диалоговом окне Добавление страницы указать число добавляемых страниц 1, После текущей в области Настройка выбрать переключатель Скопировать все объекты на странице и определите номер страницы с которой будет выполняться копирование объектов. Если нет необходимости включать в новую страницу элементы форматирования, то можно выбрать опцию Добавить пустые страницы или Создать текстовое поле на каждой странице.
10. Можно изменить название заголовков веб-страниц и их оформление. Для этого перейти на домашнюю страницу и щелкнув по заголовку, внести изменения, щелкнув по кнопкам с номерами страниц вы увидите, что их названия изменились на всех страницах. Чтобы изменить оформление нужно щелкнуть по кнопке построителя (изменить параметры этой панели навигации), в области задач Применить макет выбрать крупные кнопки и фон Картотека.
11. Ознакомьтесь с примерами веб-сайтов Portfolio\Uchnivski_Priklady\Web_site_uchnivsky. Согласно своей темы разместите на сайте информацию, добавьте картинки, таблицы, анимационные эффекты (картинки с расширением .gif). Следите за тем, чтобы текстовые поля не накладывались на другие поля или рамки с графикой, в противном случае затрудняются команды редактирования.
12. Чтобы добавить гиперссылку: выделить объект, меню Вставка – Гиперссылка – д/о Добавление гиперссылки щелкнуть на панели Связать с на значке местом в документе, щелкнуть на странице, с которой необходимо связать эту гиперссылку, ОК.
13. Для преобразования в гиперссылку графического объекта используют инструмент Острие на ПИ веб-инструменты. Для этого выделить графический объект, выбрать инструмент Острие и щелкнуть ним по объекту, откроется окно Добавление гиперссылки – Связать с файлом – выбрать папку и файл.
14. Чтобы создать гиперссылку на документ MS Word или MS Excel нужно сохранить его в формате .html, а затем выполнить действия, аналогичные предыдущему пункту. Создайте гиперссылку на любой документ из папки Мои документы. Создайте гиперссылку на презентацию, предварительно сохранив файл презентации в формате Демонстрация PowerPoint.
15. Для того, чтобы просмотреть веб-страницу, нужно нажать на кнопку Предварительный просмотр веб-страницы на ПИ Веб-инструменты.
16. С помощью меню Сервис – Проверка макета можно проверить правильность выполнения дизайна веб-сайта. При выявлении проблем появится д/о, которое сообщит о пустых полях, тексте в области переполнения, непропорциональных изображениях и т.д.
17. Веб-сайт сохраняется в формате MS Publisher для дальнейшего редактирования, после каждого редактирования нажатием на кнопку просмотра происходит его обновление (можно также сохранять изменения). Для помещения на веб-узел сайт сохраняют в формате HTML. (меню Файл – Поместить на веб-узел – указать папку и имя файла).
Контрольные вопросы