Создание сайта при помощи мастера Web

Создание сайта при помощи Мастера Web­узла 1. Запустите Microsoft Publisher . 2. В  Области задач  в разделе  Начать с макета  выберите  Web­узлы и электронная почта, а затем щелкните Web­узлы. В правую часть окна загрузятся макеты простых Web­узлов, на основе которых можно   создать   сайт.   Макет   представляет   собой   прототип   сайта,   содержащий   образцы   текста   и рисунков, которые необходимо заменить своими. Макеты можно просмотреть, перемещая курсор с одного на другой (без щелчка). 3. Прокрутите содержащиеся в правой части окна макеты и дважды щелкните образец  Простой веб­ узел. Фломастер. 4. Появится первое диалоговое окно Удобный построитель веб­ узлов. Далее   необходимо   определить,   с   какой   целью   вы   создаете   сайт.   Установите   флажки  Размещение сведений о профиле организации  и  Размещение сведений о способах связи с организацией. Все остальное мало подходит. 5. Щелкните ОК. В окне программы отобразится шаблон домашней страницы. Панель навигации В Области задач отображается схема размещения панели навигации на страницах сайта. Панель навигации представляет собой набор кнопок или текстовых гиперссылок (обычно это перечень основных Web­страниц сайта), которая отображается на каждой странице сайта. Microsoft Publisher  позволяет выбрать разные варианты размещения панели навигации на страницах сайта.  По умолчанию устанавливается вариант  Вертикальная и горизонтальная, т. е. панель будет располагаться слева на странице и она же — внизу.  Во второй строке представлены единичные навигационные панели, т. е. навигационная панели будет на странице одна, и в зависимости от выбранного варианта располагается только слева на странице, в ее верхней части или только внизу. Последний вариант — страница без панели навигации. Теперь добавьте в сайт Web­страницы. 1.   В  Области   задач  после   вариантов   размещения   панели   навигации   расположен   список   команд Добавить на веб­ узел, щелкните Добавить страницу. 2. В открывшемся диалоговом окне Добавление веб­ страницы в области Выбрать тип  страницы  щелкните Общие сведения. Обратите внимание, чтобы был установлен флажок в окне Добавить  гиперссылку на панель навигации. 3. Щелкните ОК. Теперь сайт состоит из четырех страниц. Изменение внешнего вида кнопок Для изменения внешнего вида панели навигации: 1. Выделите панель навигации. 2. Подведите указатель мыши к кнопке , расположенной под панелью навигации. Указатель примет вид . Щелкните кнопку. 3. В Области задач откроется раздел Изменение Панели навигации. В поле Применить макет  установите флажок Крупные кнопки. и ! 4. Используя полосу прокрутки,  просмотрите представленный здесь же  список макетов кнопок навигационной  панели. Выберите понравившийся вариант щелкните его левой кнопкой мыши. Примечание Каждый раз, как вы установили  интересующие параметры и хотите  вернуться в область задач Содержимое  страницы, можно просто щелкать  необходимое число раз кнопку Назад    или раскрыть список с названиями разделов Области задач и выбрать нужный. Замена названия кнопок панели навигации 1. Выделите текст первой кнопки панели навигации. 2. Измените название копки на Визитная карточка школы. 3. Измените название второй кнопки на Мы учимся. 4. Измените название третьей кнопки на А что кроме учебы? 5. Измените название четвертой кнопки на Послесловие. Просмотрите все страницы сайта и убедитесь, что название кнопок было автоматически изменено на  всех навигационных панелях. 1. В Области задач щелкните Цветовых схемы. 2.   В   открывшемся   списке   цветовых   схем   щелкните   Фьорд.   Обратите   внимание,   что   выбранная цветовая схема была применена для  всех Web­страниц сайта. Выбор цветовой схемы Чтобы просмотреть Web­страницы сайта, щелкните кнопку перехода по страницам в нижней части   Если   вас  не устроил   ни один  из  предложенных  цветовых  вариантов,  щелкните окна.   Пользовательская цветовая схема (в нижней части Области задач). Откроется диалоговое окно Цветовая схема. Откройте вкладку  Пользовательская  (обычно открывается по умолчанию). В этом режиме вы можете создать  собственную цветовую схему и  сохранить ее, щелкнув кнопку Сохранить схему. В открывшемся диалоговом окне Сохранение схемы введите имя вновь созданной цветовой схемы и щелкните ОК. Созданная вами цветовая схема добавится в общий список цветовых схем и будет доступна для дальнейшего использования. Вставка фона 1. Для  установки  фона страницы  и  добавления   звуковых  эффектов  раскройте  список   названий областей задач и выберите Фон. ! Примечание Для открытия раздела Фон в Области задач можно в меню Формат щелкнуть команду Фон. 2. В Области задач откроется раздел Фон. Щелкните в разделе Применить фон подходящий вариант (для примера, Акцент 1), а затем – из предложенного списка вариантов фона выберите понравившийся (в данном случае цвет фона страницы выберите 14 % оттенок Акцент1, а вариант заливки страницы — однотонный). ! Примечание Обратите внимание, что выбранный вариант  фона применяется только к текущей странице, все остальные страницы в данном нашем случае  остались белыми. Если вас не устраивают предложенные цветовые  варианты, щелкните Дополнительные цвета и в открывшемся диалоговом окне Цвета выберите любой другой цвет. Щелкните ОК. Выбранный цвет добавиться в цветовую пали­ тру Фон.      Вставка фонового звука 1. Для включения в сайт фонового звука  в Области задач щелкните Фоновый звук. 2. В открывшемся диалоговом окне Параметры веб­ страницы для  выбора звука щелкните кнопку Обзор,  если у вас есть записанный звук,  найдите нужный файл, выделите его  и щелкните ОК. 3. Если у вас нет нужного файла, в  Publisher есть коллекция звуков, которой  вы можете воспользоваться. Для этого в диалоговом окне Параметры веб­ страницы щелкните кнопку Обзор, по умолчанию отроется папка, содержащая коллекцию звуковых файлов программы. Вы­ делите любой звуковой файл и щелкните кнопку Открыть. 4. Чтобы звуковой эффект был постоянным при просмотре данной Web­страницы, в диалоговом окне Параметры веб ­страницы установите  переключатель в разделе Фоновый звук  в положение Бесконечный цикл, а  чтобы звук  повторялся конкретное  количество раз – в положение Цикл и  в текстовом поле справа введите число повторов. 5. Щелкните ОК. Рисунок как логотип 1. Разместите данный рисунок на всех страницах сайта как логотип. 2. В Области задач откройте раздел Коллекция клипов. В поле Искать введите ключевое  слова лист, после загрузки миниатюрных изображений выберите нужный рисунок (листок) и  разместите его на странице сайта согласно образцу.       3. Сохраните сайт как публикацию. Хотя Коллекция клипов содержит множество рисунков, это не означает, что нужно ограничиваться стандартным набором изображений. При желании можно вставить в публикацию рисунки и фотографии, созданные в графических редакторах, отсканированные или найденные в Интернете. 4. Откройте третью страницу созданного в ходе выполнения упражнений сайта, для этого щелкните кнопку на панели  Переход по страницам в нижней части экрана. 5. Для вставки рисунка из файла в меню Вставка выберите Рисунок\Из файла. 6. В открывшемся диалоговом окне Добавление рисунка в раскрывающемся списке Папка  выберите диск, а затем папку, содержащую файл с необходимым изображением. 7. Измените размеры и разместите вставленный рисунок согласно образцу. Предварительный просмотр Web-страниц Созданные Web­страницы следует просмотреть в Web­браузере, чтобы убедиться, что они  отображаются так, как было задумано, и проверить функционирование связей. В меню Файл выберите  Предварительный просмотр веб­страницы. Web­узел будет открыт в браузере. Необходимо убедиться в следующем:    текст виден и хорошо читается;  графика на каждой странице видна и быстро загружается;    гиперссылки действуют и ведут к  соответствующим ресурсам;  узел открывается и правильно  функционирует на различных  компьютерах;  фоновый звук, если он есть,  воспроизводится Сохранение Web­сайта Чтобы создаваемую публикацию можно было бы редактировать, при создании с помощью Мастера  Web­узлов сайт сохраняется вформате Publisher. Но перед размещением уже созданного сайта в  Интернете его необходимо сохранить в формате HTML. Язык HTML использует символы и коды, с  помощью которых Web­браузеры отображают текстовую, графическую и другую информацию на  Web­странице. 1. В меню Файл щелкните Поместить на веб­узел. 2. Откроется диалоговое окно  Публикация в Интернете.  Щелкните ОК. 3. Далее откроется диалоговом окне Опубликовать  на веб­узле, в списке Папка  выберите диск и папку, в которой вы сохраните  свой сайт. 4. Если необходимо, присвойте новое  имя сайту, и щелкните кнопку Сохранить. Размещение в сети Если вы собираетесь самостоятельно разместить свой сайт в Интернете, вам понадобиться адрес для  доступа к  сайту, который можно получить, обратившись в соответствующую интернет­ службу. 1. Откройте сайт, сохраненный как публикация (с расширением. pub). 2. В меню Файл щелкните Сохранить как веб­ страницу. 3. В открывшемся диалоговом окне Сохранить как веб­ страницу раскройте список Папка и выберите Добавить/изменить адреса FTP. 4. В открывшемся диалоговом окне в поле Имя узла FTP введите адрес FTP­сервера, на котором вам предоставили   место   (допустим,   место   предоставлено   на   бесплатном   сервере   narod.   ru,   а зарегистрированное имя пользователя — sait). ! Примечание В России есть несколько Web­серверов, предоставляющих бесплатные услуги по размещению сайтов, например http://narod.ru, http://boom.ru. 5.   Установите   флажок  Под   именем  и   в   текстовое   поле   введите   имя,   под   которым   вы зарегистрировались на сервере. 6. В поле Пароль введите свой пароль. 7. Щелкните кнопку Добавить. 8. Щелкните ОК. 9. Вы вернулись к диалоговому окну Сохранить как веб­ страницу. Вы можете  переименовать сайт, введя в текстовое поле  Имя файла новое имя.  Дважды щелкните левой  Кнопкой мыши новое местоположение сайта  (в данном случае — строку ftp://sait.narod.ru). 10. Щелкните ОК. 11. После соединения с FTP­сервером и появления в текстовом поле Папка его имени щелкните кнопку Сохранить. 12. Откроется диалоговое окно Сохранение.  Исчезновение этого окна будет означать, что загрузка всех рисунков, html­ и других файлов из состава  сайта  завершена.