Практическое занятие № 16. Оформление веб-сайта средствами Publisher

1. Цель занятия:

- изучить основные рекомендации при создании веб-сайтов;

- научиться создавать веб-сайты средствами Publisher;

2. Перечень необходимых средств обучения (оборудование, материалы)

– технические средства обучения: персональные компьютеры, локальная сеть, коммутатор для подключения в сети Internet.

Используемое программное обеспечение:

- Microsoft Windows XP /7

- MS Publisher

- Антивирус Касперского 6.0

3. Основные теоретические положения

Гипертекст– это текст, содержащий связи с другими текстами, графической, видео- и звуковой информацией.

HTML-документы– это текстовые файлы, в которых встроены специальные команды (теги).

Рекомендации начинающим веб-мастерам:

- Сайт должен быть простым и небольшим по размеру, чтобы быстро загружаться;

- Не злоупотребляйте эффектами анимации;

- Создание сайта начинайте с разбиения страницы на функциональные области (левая или верхняя панель навигации, правая или нижняя - основная );

- Каждому пункту меню должен соответствовать отдельный документ;

- Текст и графика не должны зависеть от размера экрана монитора;

- Фон должен гармонировать с цветом шрифта текста, не используйте тёмные тона фона;

- Страница не должна содержать только текст;

- Старайтесь не использовать больше трёх цветов, выбранные цвета должны сочетаться друг с другом;

- Главное – чувство меры, здравый смысл и соответствие формы её содержанию;

4. Содержание заданий

4.1.Создайте сайт по выбору:

а). Учебного заведения

б). Предприятия торговли

в). Медицинской организации

г). Столовой

д). Библиотеки

е). Учебной группы

ж). Картотеки фильмов

4.1.1. Создайте новую публикацию – тип публикации Веб-узлы

4.1.2. Выберите один из предлагаемых макетов.

4.1.3. Введите название организации.

4.1.4. Введите девиз организации.

4.1.5. Заполните содержание домашней страницы.

4.2. Создание панели навигации.

4.2.1. Выберите в главном меню Вставка – страница.

4.2.2. Выберите в диалоговом окне Добавление страницы вариант Дополнительные ссылки.

4.2.3. При добавлении новой страницы появятся новые ссылки в навигационной панели. Найти нужную страницу можно щёлкнуть по её номеру.

4.3. Изменение и добавление изображений

4.3.1. Произведите двойной щелчок на картинку.

4.3.2. В появившейся области нажмите кнопку Начать для поиска клипов. Выберите нужное изображение.

4.3.3. Выделите рисунок и в главном меню выберите Вставка – Гиперссылка.

4.3.4. В появившемся окне Добавление гиперссылкивыберите место в документе, куда будет выполняться ссылка. Нажмите ОК.

4.4. Создание гиперссылок на другие узлы сети

4.4.1. Опишите два веб-узла по своему выбору.

4.4.2. Добавьте гиперссылки на страницы.

4.5. Создание страниц веб-сайта.

4.5.1. Добавьте страницу, выберите раздел О нас.

4.5.2. Введите информацию об организации.

4.5.3. Измените рисунок.

4.5.4. Аналогичным образом добавьте страницы: Наши координаты, Список услуг, Список сотрудников.

4.6. Просмотр веб-страницы. В меню Файл выберите Просмотр веб-страницы. Сохраните публикацию.

5. Содержание отчёта:

5.1 Публикация – Веб-узел, содержащая меню сайта, главную страницу и страницы Наши координаты, Список услуг, Список сотрудников.

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

6.1 Создание публикации – веб-узел.

6.2 Создание меню сайта.

6.3 Создание и редактирование страниц.

6.4 Добавление гиперссылок.

7. Список рекомендуемой литературы

7.1 Могилев А.В. Практикум по информатике: учеб.пособие для вузов. - М.: Академия, 2008. - 608с.

7.2 Угринович Н. Д. Информатика и ИКТ:10,11 кл.- М.:БИНОМ. Лаборатория знаний, 2008. - 512с.

7.3 Немцова Т. И. Базовая компьютерная подготовка. Операционная система, офисные приложения, Интернет. Практикум по информатике : учеб. пособие / Т. И.

7.4 Гвоздева В. А. Информатика, автоматизированные информационные технологии и системы: учебник / В. А. Гвоздева. - М. : ИД "Форум": Инфра-М, 2012. - 544 с.