Лабораторная работа № 19

 

Тема: Создание 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. (меню ФайлПоместить на веб-узел – указать папку и имя файла).

    Контрольные вопросы

    1. Как создать гиперссылку на документ?
    2. Как создать гиперссылку на страницу веб-сайта?
    3. Каковы особенности просмотра гиперссылки на презентацию в формате HTML?
    4. Для чего сохраняют сайт в форматах HTML и PUB?