Методическое пособие

Муниципальное бюджетное образовательное учреждение «Лицей №17»

Для создания сайта существуют множество программ, посредством которых люди формируют из блоков собственные сайты, добавляют фрагменты HTML, JavaScript.

Рассмотрим простейший алгоритм создания веб-сайта в среде Microsoft Publisher 2007.

До начала работы с программой Microsoft Publisher необходимо определить содержание и структуру будущего сайта. Программа позволяет создавать сайты несложной структуры.

Продумайте содержание страниц Вашего сайта. Структуру сайта с названиями его страниц, их последовательностью, гипер-ссылками внутренними и внешними сначала отразите на бумаге. Это касается создания сайта не только в Publisher.

1. 1. Загрузите программу Microsoft Publisher (меню Пуск  Все программы  Microsoft Office  Microsoft Office Publisher 2007).

   
   
   

   2. Запустите программу и в главном меню выберите пункт «Веб-узлы». Появится список шаблонов, где мы выберем для примера макет «Карниз» и двойным щелчком активируем его

   для работы. Автоматически стартовавшая утилита откроет окно редактора, где будет виден наш шаблон домашней страницы.

   
   

   3. В панели просмотра выберите Параметры цветовых схем  Морская. Мастер применит цветовую схему и отобразит внешний вид главной страницы веб-узла.

   

4. В Параметрах Деловые данные выберите Создать.

В появившемся диалоговом окне ввести данные:

Название организации: МБОУ «Лицей №17»

Адрес: 652420, г.Берёзовский, ул.8 Марта, 14

Телефон: +7 (38445)3-14-70

Эл. почта:[email protected]

фотография для логотипа

Нажмите кнопку Сохранить

4. Выберите тип панели навигации (например, только горизонтальную).

   6. Нажать кнопку Создать

в левом нижнем углу.

7. Используя Построитель веб-узлов или панель (слева) Форматирование публикации  Добавить компонент, отметить флажки, тем самым добавить страницы (кроме: Продажа продуктов, Организация календаря или Расписания и размещение ссылок на другие веб-сайты). В окне просмотра отобразится структура сайта. Подтвердить выбор кнопкой ОК.

8. Publisher отобразит законченный шаблон домашней страницы.

8. Изменить названия ссылок в соответствии с предложенной структурой используя панель Веб- инструменты , а так же непосредственное переименова-ние в надписи с текстом.

1

10. Заполнить информационный контент содержанием.

11. Для изменения текста в панели навигации (внизу страницы) нужно:

• выделить ее щелчком и выполнить команду

Формат  Свойства панели навигации, выделить нужное и нажать кнопку Изменить ссылку. В окне Изменение ссылки - Нижняя панель навигации нажать кнопку Изменть.

• В редакторе исправить названия ссылок и закрыть текстовый документ. Произойдет втоматическая замена панели навигации

10. Сохраните публикацию в личной папке, например, под именем Веб-сайт.pub.

Предварительный просмотр веб-страниц

Созданные веб-страницы следует просмотреть в веб-браузере, чтобы убедиться, что они отображаются так, как было задумано, и проверить функционирование связей.

1. На панели задач Форматирование публикации щелкните на кнопке Просмотр веб-узла.

2. Publisher подготовит веб-страницы к просмотру в формате HTML, а затем отобразит домашнюю страницу в браузере.

3. Проверьте переход на страницу с текстом с помощью вертикальной панели навигации. Вернитесь на домашнюю страницу.

4. Прокрутите домашнюю страницу и повторите действия п.2 с помощью горизонтальной панели навигации.

6. Щелкните на кнопке Закрыть в правом верхнем углу окна браузера. Окно браузера закроется.

Сохранение веб-страниц в формате HTML

Созданные веб-страницы сохраняются в формате Publisher. Поэтому их необходимо преобразовать в формат HTML, прежде чем опубликовать в реальном веб-узле.

1. В меню Файл щелкните на команде Сохранить как. Появится диалоговой окно Сохранить как

2. В .поле Тип файла установите Веб-страница с фильтром.

3. Воспользуйтесь списком поля Папка, чтобы установить личную папку и щелкните на кнопке Сохранить.

4. Publisher преобразует все веб-страницы в формат HTML и сохранит рисунки в формате GIF или JPEG (в зависимости от исходного формата), закройте публикацию.

тел/факс: (38445) 3-14-70

e-mail: [email protected]

site: lizey17.ucoz.ru