1.Цель работы
Целью работы является получение навыков в создании и редактировании Web-сайта с помощью Microsoft Publisher 2007.
2.Контрольные вопросы
2.1.Как изменить внешний вид панели навигации Web-страницы?
2.2.Как изменить фон Web-страницы?
2.3.Как поместить ваш сайт на веб-узел?
3.Методические указания
3.1. Для создания Web-сайта сначала создайте его проект на бумаге – из скольких страниц он будет состоять, какая информация будет на каждой странице Web-сайта, как страницы будут связаны между собой и т. д.
3.2. Для запуска Microsoft Publisher (запуск из главного меню) выполните следующие действия:
-щелкните кнопку Пуск на панели задач;
-выберите команду Все программы;
-щелкните команду Microsoft Office → Microsoft Office Publisher.
3.3. Создание структуры сайта и панели навигации
Чтобы создать Web-сайт, после открытия программы Microsoft Office Publisher в типах публикации нужно выбрать команду Веб-узлы. Для создания Web-сайта Publisher предложит вам выбрать современные, классические и пустые макеты.
Все они содержат панель навигации (с ней вы познакомитесь позже) — это набор кнопок или текстовых гиперссылок. Обычно эти гиперссылки являются перечнем основных разделов сайта. Панель навигации должна отображаться на каждой странице сайта, она служит для перехода между страницами. Microsoft Publisher предлагает разные варианты размещения панели навигации: только вертикальная, только горизонтальная или их комбинации, например, вертикальная и горизонтальная (этот вариант устанавливается по умолчанию, так как он является самым распространенным). Окно для настройки панели навигации
(рис. 1) отображается с правой стороны от предлагаемых макетов Веб-узлов.
Рис.1. Настройка панели навигации
После того как вы выберите макет Web-страницы (Переход цвета) и удобный вариант панели навигации щелкните кнопку Создать. Появится диалоговое окно Удобный построитель веб-узлов (рис. 2). Далее необходимо определить, с какой целью вы создаете сайт, и поставить флажки напротив нужных пунктов (например, напротив первых двух пунктов):
Рис. 2. Диалоговое окно Удобный построитель веб-узлов
размещение сведений о профиле организации;
размещение сведений о способах связи с организацией.
Таким образом, вы формируете структуру сайта и панель навигации.
После нажатия кнопки ОК, откроется окно, в которое необходимо занести личные данные о сайте (рис. 2). Это окно открывается только при первом вхождении на вашей ПЭВМ в Microsoft Office Publisher. В дальнейшем оно не появляться.
Рис. 3. Диалоговое окно Личные данные
Примечание
Если в дальнейшем необходимо поменять личные данные, то в меню Правка выберите опцию Деловые данные и в диалоговом окне Деловые данные введите необходимые данные о сайте (рис. 4).
Рис.4. Диалоговое окно Деловые данные
После ввода личных данных и нажатия кнопки ОК, откроется Web-сайт, оформленный по шаблону (рис. 5), в полях которого нужно изменить текст и вставить подходящие фотоизображения. Набор текста и вставка рисунков происходит так же, как в других приложениях Microsoft Office. Переход на страницы сайта производится нажатием кнопок 1, 2, и 3, расположенных внизу шаблона Web-сайта, а не нажатием гиперссылок на панели навигации: Домашняя страница, О нас, Наши координаты.
Рис. 5. Шаблон Web-сайта с панелью навигации
3.4. Изменение стандартного оформления
Чтобы изменить внешний вид панели навигации, нужно щелкнуть кнопку Изменить шаблон в окне Форматирование публикации. В правой части открывшегося окна Изменение шаблона, используя список Настройка, можно поменять ориентацию панели навигации, например, Только вертикальная, Только горизонтальная или Вертикальная и горизонтальная (рис.1). После этого необходимо щелкнуть ОК.
Изменение цветовой схемы. Цветовая схема - это сочетание цвета фона, шрифта и дополнительных элементов оформления: линий и фигур. Чтобы выбрать другую цветовую схему, в области задач щелкните по команде Цветовые схемы и из большого списка выберите новую схему (например, Морская гавань).
Изменение фона Web-страницы. Большинство шаблонов имеют белый фон, но его можно изменить, выбрав команду Формат → Фон. В области задач откроется список фонов, подходящих к данной цветовой схеме (Градиентная заливка по вертикали). Фон можно применить к одной (текущей) странице или ко всем сразу. Имейте в виду, что на пёстром фоне текст плохо читается. С помощью команды Дополнительные типы фона можно создать свой собственный фон. В частности, на вкладке Оттенок можно задать сплошной цвет фона. Такое оформление используется чаще всего при оформлении Web-страниц.
Добавление звукового сопровождения. Нажав команду Фоновый звук, можно добавить звуковое сопровождение Web-страницы. Мелодия может проиграться
1 раз при открытии страницы, а может проигрываться до тех пор, пока страница не будет закрыта. Обратите внимание, что можно добавлять звук в форматах WAV, MID и т. п., но не в формате МРЗ. Это значит, что хорошего звучания от фонового звука ждать не приходится, кроме того, многих пользователей Интернета раздражают «звучащие» Web-страницы, поэтому фоновый звук не приветствуется в Интернет - сообществе.
3.5. Сохранение и предварительный просмотр Web-сайта
Сначала Web-сайт необходимо сохранить в формате Microsoft Publisher: Файл → Сохранить, при этом в поле Тип файла должно стоять Файлы Publisher (*.pub). В таком виде Web-страницы можно редактировать, но нельзя размещать на Web-узле в Интернете. После того как вы окончательно подготовили оформление сайта, можно сохранять Web-страницы для публикации в Интернете: Файл → Поместить на веб - узел, при этом в поле Имя файла будет стоять index.htm, а в поле Тип файла — Веб - страница (*.htm, *.html). Publisher создаст файл по имени index и с расширением htm и связанную с этим файлом папку index.files. В этой папке находятся остальные страницы Web-сайта и все рисунки, используемые для оформления Web-страниц.
Обратите внимание, для публикации в Интернете важно правильное написание имени файла. Первая страница Web-сайта должна иметь имя index.htm. В именах файлов нельзя использовать русские буквы и пробелы, можно использовать только английские буквы, цифры, дефис и подчеркивание вместо пробела.
Созданные Web-страницы следует просматривать в браузере, чтобы убедиться, что они отображаются так, как было задумано, и проверить работу гиперссылок. Для этого в Publisher можно выполнить команду Файл →Просмотр веб-страницы. После этого страница откроется в браузере, где нужно прощелкать все гиперссылки и проверить, открываются ли объявленные страницы (например, гиперссылки О нас, Наши координаты). Кроме того, нужно убедиться в следующем:
текст виден и хорошо читается;
рисунки на каждой странице видны и быстро загружаются;
фоновый звук, если он есть, воспроизводится.
После этого, желательно просмотреть Web-сайт на других компьютерах. Очень часто внешний вид Web-страниц слегка изменяется на разных компьютерах в зависимости от типа монитора, размера экрана и даже браузера, с помощью которого Web-страницы просматриваются.
3.6. Публикация Web-сайта в Интернете (публикацию Web-сайта в Интернете проводите только при подключении вашего компьютера к сети Интернет).
Для того чтобы опубликовать Web-сайт в Интернете, нужно сначала зарегистрировать для него место на Web-сервере, такая услуга бывает платной или бесплатной. Можно зарегистрироваться на бесплатном web-сервере www.narod.ru, предоставляющем услуги по размещению Web-сайтов. Для этого нужно зайти на этот сервер по указанному адресу, на его главной странице в поле Имя сайта ввести желаемое название сайта в Интернете (только английскими буквами, можно использовать цифры и дефис) и нажать кнопку Занять. После этого заполнить несложную анкету (главное здесь — придумать и ввести пароль доступа к сайту) и вы получите место для размещения вашего сайта.
Зарегистрировавшись на Web-сервере, например, под именем my-site.narod.ru, Вы можете в Publisher открыть свой проект и выполнить следующие действия:
• Файл → Поместить на веб-узел →ОК;
в диалоговом окне Опубликовать на веб-узле, в списке Папка выберите Добавить/изменить адреса FTP;
в диалоговом окне в поле Имя узла FTP введите адрес FTP-сервера, на котором вам предоставили место (например, ftp://my-site.namd. ru);
поставьте переключатель под именем и введите регистрационное имя (например, my-site);
в поле Пароль введите тот пароль, который вы вводили при регистрации;
нажмите кнопку Добавить, щелкните ОК;
вы вернетесь в диалоговое окно Сохранить как веб-страницу, здесь дважды щелкните левой кнопкой мыши по местоположению сайта (например, ftp://my-site.narod.ru) и щелкните по кнопке ОК;
после соединения с FTP-сервером и появления в поле Папка его имени щелкните по кнопке Сохранить;
откроется диалоговое окно Сохранение. Исчезновение этого окна будет означать, что загрузка всех страниц, рисунков и других файлов, использующихся в оформлении Web-сайта, завершена.
4.Задание (вариант задания отличается заданием фамилии студента в созданном Web-сайте)
4.1. В соответствии с п. 3.3 и 3.4 методических указаний создайте три страницы Web-сайта (рис.6 - 8).
4.2. Вставьте на первую страницу сайта текстовую надпись «Web-сайт создан студентом группы № - ваша ФИО».
4.3. В соответствии с п. 3.5 методических указаний сохраните и проведите просмотр созданного вами Web-сайта в браузере.
4.4. Публикацию Web-сайта в Интернете (п. 3.6 методических указаний) проводите только при подключении вашего компьютера к сети Интернет.
Рис. 6. Домашняя страница Web-сайта
Рис. 7. Страница «О нас»
Рис. 8. Страница «Наши координаты»