Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Другие методич. материалы / «Создание веб-сайта проекта с помощью программы Microsoft Publisher»

«Создание веб-сайта проекта с помощью программы Microsoft Publisher»

Идёт приём заявок на самые массовые международные олимпиады проекта "Инфоурок"

Для учителей мы подготовили самые привлекательные условия в русскоязычном интернете:

1. Бесплатные наградные документы с указанием данных образовательной Лицензии и Свидeтельства СМИ;
2. Призовой фонд 1.500.000 рублей для самых активных учителей;
3. До 100 рублей за одного ученика остаётся у учителя (при орг.взносе 150 рублей);
4. Бесплатные путёвки в Турцию (на двоих, всё включено) - розыгрыш среди активных учителей;
5. Бесплатная подписка на месяц на видеоуроки от "Инфоурок" - активным учителям;
6. Благодарность учителю будет выслана на адрес руководителя школы.

Подайте заявку на олимпиаду сейчас - https://infourok.ru/konkurs

  • Информатика

Поделитесь материалом с коллегами:

















«Создание веб-сайта проекта с помощью программы Microsoft Publisher»




Методическая разработка для выполнения цикла лабораторных работ по дисциплине


«Программное обеспечение компьютерных сетей и Web-серверов»











Хабаровск 2010

Содержание

Введение 3

Теоретические сведения 4

§1. Создание веб-сайта. 4

1.1. Создание и оформление веб-сайта 4

1.2. Вставка фона и звука 8

1.3. Масштаб просмотра 10

1.4. Изменение размера страницы 10

1.5. Вставка дополнительных страниц 11

1.6. Изменение названия веб-страницы 12

1.7. Создание формы опроса 13

§2. Редактирование веб-сайта 16

2.1. Вставка надписей 16

2.2. Создание таблиц 17

2.3. Создание гиперссылок 18

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

2.5. Использование инструмента Острие 19

2.6. Создание гиперссылок на адрес электронной почты 20

2.7. Создание ссылки на файл 20

2.7.1. Создание гиперссылки на документ MS Word

или MS Excel 21

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

Power Point 21

2.8. Использование режима проверки макета 23

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

2.10 Сохранение веб-сайта 24

2.11. Редактирование HTML- кода 25

§3. Размещение веб-сайта с помощью программы MS Publisher 27

Заключение 29

Список используемой литературы 30















Введение

Данная методическая разработка создана для студентов специальности 230106 «Техническое обслуживание средств вычислительной техники и компьютерных сетей» по дисциплине «Программное обеспечение компьютерных сетей и Web-серверов». Одним из разделов данной дисциплины является «Технологии построения Web-сайтов», который подразумевает создание веб-сайта студентами с помощью программы Microsoft Publisher.

На изучение программы Microsoft Publisher выделено 10 часов, т.е. 5 лабораторных работ: «Изучение Microsoft Publisher», «Оформление страниц сайта в Microsoft Publisher», «Вставка текста на станицы сайта в Microsoft Publisher», «Вставка графических изображений на станицы сайта в Microsoft Publisher», «Вставка анимации на страницы сайта в Microsoft Publisher».

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

Методическая разработка поможет студентам в создании своего веб-сайта на выбранную ими тему.

Ее можно использовать не только на дисциплине «Программное обеспечение компьютерных сетей и Web-серверов», но и при изучении других предметов.
























Теоретические сведения

Создание веб-сайта проекта с помощью программы Microsoft Publisher

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

Созданный в Publisher веб-сайт может быть импортирован в Microsoft FrontPage.


§1. Создание веб-сайта

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

1.1. Создание и оформление веб-сайта

Для этого:

1.Запустите Publisher.

2. По умолчанию откроется область задач Новая публикация (слева). В открывшемся списке щелкните Веб-узлы. В рабочей области окна Веб-узлы (справа) будут представлены различные макеты веб-сайтов. Их можно просмотреть, перемещая курсор с одного макета на другой (без щелчка). Щелкните понравившееся изображение веб-узла.

hello_html_6da1080f.png

3. Если Вы открываете программу впервые, появится диалоговое окно, предлагающее ввести информацию о себе. Щелкните ОК. Откроется окно Личные данные.

Примечание: Если Вы не хотите вводить персональную информацию, то закройте окно, щелкнув кнопку Закрыть или Отмена. Введя личные данные в соответствующие поля, щелкните Обновить. После этого Publisher "запоминает" Вас как пользователя. Это означает, что данные будут автоматически использоваться по умолчания для всех новых страниц данной публикации, а также для новых публикаций. автоматическая передача персональной информации по сети невозможна.

4. В левой части экрана Вы увидите область задач Параметры: Веб-узел. Щелкните Цветовые схемы.

hello_html_m34487dc2.png


5. Выберите понравившийся вариант.

hello_html_m1b22b539.png


Если Вас не устроил ни один из предложенных вариантов, щелкните Пользовательская цветовая схема (внизу окна). Откроется окно Цветовая схема. На вкладке Стандартная Вы можете выбрать схему из списка Доступные схемы.

Перейдите на вкладку Пользовательская. В этом режиме Вы можете создать собственную схему. Если Вы затем сохраните ее под каким-либо именем, то в списке Доступные схемы вкладки Стандартная окна Цветовая схема будет и Ваш вариант.

hello_html_m5065d8c4.png


Щелкните ОК, если хотите применить выбранную или созданную Вами схему, или Отмена, если не хотите этого делать.

6. Вернитесь в режим выбора параметров Вашего веб-сайта, щелкнув Параметры: Веб-узел (или щелкнув кнопку Назад).


hello_html_197af59b.png


7. Как правило, сайты содержат панель навигации. Она может создаваться автоматически, с использованием возможности программ, а может "писаться вручную". Панель навигации может содержать ссылки на другие страницы Вашего сайта. Microsoft Publisher позволяет выбрать разные варианты панели навигации:

  • несколько - навигационная панель слева на странице и она же внизу страницы;

  • одна - навигационная панель слева на странице;

  • отсутствует - автоматически создаваемой навигационной панели нет.

Щелкните один из понравившихся вариантов: несколько или одна.

hello_html_20381794.png

  1. В меню Форма выберите один из предложенных вариантов.

hello_html_7b28f99c.png

  1. Щелкните Шрифтовые схемы и выберите один из вариантов шрифта. Если Вы хотите создать собственный стиль, щелкните Стили и форматирование внизу области задач.


1.2. Вставка фона и звука
  1. Для установки нужного фона веб-страницы и добавления звуковых эффектов вернитесь в область задач Параметры: Веб-узел. Щелкните Фоновая заливка и звук (внизу окна).

  2. Щелкнув одну из кнопок опции Применить фон, выберите понравившийся фон. Если Вас не устраивают предложенные варианты, щелкните Дополнительные цвета и в открывшемся окне Цвета выберите любой другой цвет. Щелкните ОК.

hello_html_2b8d75ea.png

  1. Выбрав цвет фона, щелкните Дополнительные типы фона. Откроется окно Способы заливки. Устанавливая различные параметры на вкладках Градиентная, Текстура, Узор, Рисунок, Оттенок, Вы можете выбрать понравившийся вариант: градиентной заливки, текстуры, узора, вставки рисунка в качестве фона или оттенка.

hello_html_m268b5e4f.png

  1. После создания (или выбора из предложенных вариантов) подходящего фона щелкните ОК.

  2. Для включения в Ваш сайт звуковых эффектов щелкните Фоновый звук.

hello_html_580d7238.png

  1. Если у Вас есть записанный звук, щелкните кнопку Обзор. Найдите нужный файл. Если Вы хотите, чтобы звуковой эффект был постоянным, щелкните Бесконечный цикл. Если же Вы хотите, чтобы звук повторялся какое-то конкретное количество раз, щелкните Повторять и введите количество повторов звукового файла.

  2. Щелкните ОК.

  3. В меню Файл щелкните Сохранить как.

  4. В строке Папка окна Сохранить как найдите свою рабочую папку, затем - project_support\teacher_support.

  5. В окне Имя файла введите имя файла project_website. Publisher автоматически добавит расширение .pub.

Примечание: В именах файлов, публикуемых в Интернете, допускается использование символов латинского алфавита (строчных или прописных), цифр, символов "-" (дефис) и "_" (подчеркивание). Использование других символов (кириллицы, пробелов и т. д.) крайне не рекомендуется, поскольку это может привести к неработоспособности гиперссылок.

  1. Щелкните кнопку Сохранить.

  2. Вы можете изменить любую из выбранных ранее опций. Для этого откройте окно Параметры: Веб-узел и измените нужные параметры.

1.3. Масштаб просмотра

Вы можете менять масштаб видимой области просмотра создаваемого веб-документа на экране с помощью кнопки Крупнее.


hello_html_m7140b91f.png

1.4. Изменение размера страницы

Вы можете оптимизировать свою веб-страницу таким образом, чтобы ее можно было просматривать на мониторах как с высоким, так и с низким разрешением.

  1. В меню Файл выберите Параметры страницы. Откроется одноименное окно.

  2. В списке Тип публикации выберите Веб-страница.

  3. В списке Размер страницы Вы можете выбрать:

    • VGA - для более узкой веб-страницы (рекомендуется для просмотра на мониторах с низким разрешением);

    • SVGA - для более широкой веб-страницы (рекомендуется для просмотра на мониторах с высоким разрешением);

    • Другой размер - для установки ширины и высоты страницы вручную.

  4. После выбора нужного формата щелкните ОК.

hello_html_m4d12848.png

1.5. Вставка дополнительных страниц
  1. В меню Вставка выберите Страница или щелкните Добавить страницу внизу области задач Параметры: Веб-узел.

hello_html_m458a6c9.png

  1. В раскрывающемся списке Доступные типы страниц выберите нужный тип страницы. Если Вас устраивает выбранный тип, щелкните ОК.

  2. Щелкните кнопку Дополнительно в случае, если ни один из предложенных вариантов Вас не устраивает и Вы хотите создать страницу в соответствии с основным форматом первой страницы или хотите добавить пустую страницу.

  3. Если вы хотите добавить сразу несколько страниц, введите нужное количество и установите переключатель в положение Перед текущей или После текущей страницы.


hello_html_34aa5306.png

  1. В разделе Настройка выберите Скопировать все объекты на странице и введите номер страницы, форматирование которой будет применено к новой странице. Если же Вы не хотите копировать формат какой-либо страницы, то установите переключатель в положение Добавить пустые страницы.

  2. Если Вы хотите, чтобы первая страница сайта содержала ссылку на каждую новую страницу, установите флажок Добавить гиперссылку на панель навигации Веба.

  3. Щелкните ОК.

  4. Сохраните документ с помощью команды Сохранить меню Файл.

1.6. Изменение названия веб-страницы
  1. Щелкните кнопку 1 (Перемещение по страницам слева в нижней части окна Publisher) для возврата на первую страницу.


hello_html_m539da47b.png


  1. В верхней части веб-страницы щелкните текстовое поле Заголовок главной страницы и наберите название первой страницы.

hello_html_789f1074.png

  1. Щелкните кнопку 2 (Перемещение по страницам в нижней части окна Publisher слева) для перехода на следующую страницу.


hello_html_2f6c3715.png


  1. Щелкните в области текстового поля вверху страницы 2 и наберите ее название. Название страницы на панели навигации (на странице слева) автоматически изменится в соответствии с введенным Вами текстом. Если Вы создавали более 2 страниц, сделайте то же самое и с остальными страницами.

hello_html_235d9660.png


  1. Сохраняйте публикацию примерно каждые 15 минут как файл Publisher (с помощью команды Сохранить в меню Файл или щелкая кнопку Сохранить на панели инструментов).

1.7. Создание формы опроса

В Интернете Вы могли довольно часто видеть различные варианты опроса посетителей сайтов. Для этого на веб-странице используются т. н. формы. Скорее всего, пользователи Интернета заполнят Вашу форму опроса лишь в том случае, если ее легко заполнить и отослать. А результаты могут быть присланы Вам по электронной почте для анализа.

  1. Вернитесь в область задач Параметры: Веб-узел.

  2. B разделе Форма щелкните бланк для ответов.

hello_html_m7463e246.png

  1. Publisher автоматически создаст новую страницу с шаблоном формы ответа. Страница с формой будет последней в Вашем сайте. Перейдите на последнюю страницу веб-сайта, щелкнув соответствующую кнопку.

  2. На странице, содержащей форму ответа, щелкните в текстовом поле Заголовок страницы формы и наберите нужный заголовок.


hello_html_56a269d0.png


  1. Щелкните в текстовом поле Заголовок бланка для ответа и наберите название формы.

  2. Щелкните в текстовом поле Кратко опишите предлагаемые вопросы и ответы и введите краткую формулировку целей Вашего опроса.

  3. Щелкните в текстовом поле Первый вопрос и введите соответствующее утверждение или вопрос.

  4. Щелкните Ответ А и наберите варианты ответа. Проделайте то же с остальным содержанием формы.

  5. Дважды щелкните кнопку Послать внизу страницы формы для установки параметров формы.

hello_html_23c28fad.png

  1. В открывшемся диалоговом окне Свойства кнопки щелкните кнопку Свойства формы.


hello_html_1a8556ce.png

  1. В открывшемся окне Свойства формы установите переключатель в положение Отправить мне данные по электронной почте.

hello_html_m2e9f8b1a.png

  1. В строке Отправьте данные по этому адресу электронной почты введите адрес, который хотите использовать для сбора ответов.

  2. В строке Тема электронного письма измените тему электронного письма, если это необходимо.

  3. Щелкните ОК в окне Свойства формы.

  4. Щелкните ОК в окне Свойства кнопки.

  5. Сохраните документ как файл Publisher, щелкнув кнопку Сохранить на панели инструментов.

Примечание: Для того чтобы форма работала, т. е. ответы действительно приходили на Ваш электронный адрес, необходимо отредактировать HTML-код.

§2. Редактирование веб-сайта проекта

Определите, какие корректировки Вы хотите внести в веб-сайт проекта. Каждая из них должна служить улучшению восприятия содержания. Слишком большое количество звуковых эффектов и рисунков может отвлекать и являться причиной слишком долгой загрузки сайта. Не забывайте о законах об авторских правах и торговых марках. Обязательно делайте ссылки на использованные ресурсы и своевременно сохраняйте свою работу как файл Publisher, щелкая кнопку Сохранить на панели инструментов.

2.1 Вставка надписей
  1. Откройте страницу 1 своего веб-сайта.

  2. На находящейся слева панели инструментов Объекты щелкните кнопку Надпись.

hello_html_m9259958.png

  1. Создайте текстовую рамку. Для этого установите курсор в той точке, где должна начинаться надпись. Удерживая левую кнопку мыши, двигайте курсор по диагонали до того места, где текст будет заканчиваться. Отпустите кнопку.

  2. Щелкните внутри поля рамки для включения режима набора текста.

  3. Установите нужный тип и стиль текста, если это необходимо, и наберите текст. Для установки параметров шрифта можно воспользоваться командами Шрифт и Стили и форматирование в меню Формат (или соответствующими кнопками на панели инструментов)

Примечание: Будьте внимательны и не "накладывайте" текстовое поле на другие поля. В случае "наложения" полей происходит их преобразование в единый графический объект, который по размеру больше текстового. Кроме того, текст в получившемся графическом объекте уже нельзя редактировать. Если Вы "наложили" поле с анимационным объектом на текстовое или графическое, то анимационного эффекта не будет.


hello_html_m5c2f4037.png

2.2. Создание таблицы
  1. Для создания таблицы щелкните кнопку Добавить таблицу на находящейся слева панели инструментов Объекты.

  2. Установите курсор там, где будет находиться верхний левый угол таблицы и, удерживая левую кнопку мыши, перемещайте курсор по диагонали. Когда таблица достигнет нужного размера, отпустите кнопку.

  3. Введите число строк и столбцов.

  4. Выберите нужный Формат таблицы.

hello_html_249ad328.png

  1. Щелкните ОК.

  2. Введите необходимые данные в ячейки таблицы.

  3. Сохраните файл, щелкнув кнопку Сохранить на панели инструментов.

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

С помощью гиперссылок Вы можете связать содержимое страниц между собой или с другими сайтами в Интернете. Вы можете добавить гиперссылки к текстовым объектам или любым другим объектам на странице (например, к целому рисунку или к его части).

Создание гиперссылки на другую страницу внутри веб-сайта
  1. Перейдите на первую страницу своего сайта, щелкнув кнопку 1 (Перемещение по страницам). Щелкните графический объект или внутри текстового поля, т. е. тот объект, который Вы хотите связать с другой страницей внутри веб-сайта.

  2. В меню Вставка выберите Гиперссылка или щелкните кнопку Добавление гиперссылки на панели инструментов.

  3. В списке Связать с диалогового окна Добавление гиперссылки щелкните местом в документе.

  4. В появившемся списке Выберите место в документе щелкните имя страницы, с которой хотите связать гиперссылку.

hello_html_m1bb99107.png

  1. Щелкните ОК.

  2. Сохраните файл, щелкнув кнопку Сохранить на панели инструментов.

2.4. Создание ссылок на ресурсы Интернета

Создать гиперссылку на конкретный адрес в Интернете так же легко, как и на другую страницу внутри сайта. Если Вы хотите связать целую текстовую рамку или графический объект с другим сайтом в Интернете, выделите выбранный объект, щелкнув его.

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

  2. В списке Связать с диалогового окна Добавление гиперссылки щелкните кнопку файлом, веб-страницей.

  3. В строке Адрес введите адрес веб-сайта, на который хотите создать гиперссылку, или щелкните кнопку просмотренные страницы и в окне просмотра выберите имя нужной веб-страницы.

  4. Щелкните ОК.

2.5. Использование инструмента Острие

Для создания гиперссылки на часть объекта Вы можете использовать инструмент Острие ("горячая область").

  1. Щелкните кнопку Острие

hello_html_7a9563d8.png

на панели инструментов Объекты.

  1. В диалоговом окне Добавление гиперссылки создайте гиперссылку на ресурс Интернета, файл или другую страницу внутри своего сайта.

  2. В адресной строке браузера щелкните выбранный адрес Интернета. При этом адрес должен выделиться.

  3. Нажмите Ctrl+C для копирования.

  4. Вернитесь в Publisher.

  5. Вставьте скопированный адрес в строку Адрес окна Добавление гиперссылки, нажав Ctrl+V.

  6. Щелкните ОК.

  7. На странице возникнет "горячая область".

  8. Установите нужный размер "области" и переместите ее на ту часть рисунка, которую хотите связать ссылкой.

hello_html_47c176fa.png

  1. Сохраните файл, щелкнув кнопку Сохранить на панели инструментов.

2.6. Создание гиперссылки на адрес электронной почты
  1. Выделите объект, который хотите связать с адресом электронной почты. Когда посетитель Вашего веб-сайта щелкнет эту гиперссылку, программа электронной почты автоматически создаст послание с вашим адресом в строке Кому.

  2. В меню Вставка выберите Гиперссылка или щелкните кнопку Добавление гиперссылки на панели инструментов.

  3. В списке Связать с щелкните электронной почтой.

  4. Введите адрес электронной почты в соответствующем поле. Нужный адрес можно выбрать из списка. Для этого щелкните кнопку Недавно использовавшиеся адреса электронной почты, затем один раз щелкните нужную запись.

  5. Щелкните ОК.

  6. Сохраните файл, щелкнув кнопку Сохранить на панели инструментов.

2.7. Создание ссылки на файл

Если Вы хотите связать свой веб-сайт с созданными документами, то у вас есть несколько вариантов. Чтобы посетители сайта могли сохранять и редактировать размещенные на сайте документы (файлы), Вам необходимо при сохранении документа (файла) не менять его тип (при этом формат сохранения файла устанавливается по умолчанию в соответствии с установками программы, в которой он создавался). Чтобы затем открыть этот документ, посетитель сайта должен иметь то же программное обеспечение, в котором документ создавался. Если же Вы хотите, чтобы посетители могли только читать документы (но делать это и без установки тех программ, в которых документ создавался), то документы (файлы) следует сохранять как веб-страницы.

2.7.1. Создание гиперссылки на документ Microsoft Word или Microsoft Excel

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

  1. Откройте документ.

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

  3. Сохраните файл в той же папке, что и ваш веб-сайт.

  4. Откройте веб-сайт. Выделите рисунок или часть текста, которые хотите связать с документом.

  5. В меню Вставка выберите Гиперссылка или щелкните кнопку Добавление гиперссылки на панели инструментов.

  6. В списке Связать с щелкните файлом, веб-страницей.

  7. В появившемся окне просмотра выберите нужный файл и щелкните ОК.

  8. Сохраните файл, щелкнув кнопку Сохранить на панели инструментов.

2.7.2. Создание ссылки на документ Microsoft PowerPoint

Вы можете создать гиперссылку на презентацию, созданную в Microsoft PowerPoint. Посетители сайта смогут увидеть Вашу работу, просто щелкнув соответствующую ссылку. Однако, в зависимости от варианта сохранения документа, будут отличаться и режимы просмотра презентации. Возможные варианты сохранения и соответствующие режимы просмотра:

  • В виде презентации PowerPoint. Щелкнув гиперссылку, посетитель увидит сначала загрузку PowerPoint, а затем в виде отдельных слайдов загрузится презентация. Далее презентацию можно сохранять и редактировать. Однако имейте в виду, что в этом случае презентацию смогут увидеть только те, у кого установлена программа Microsoft PowerPoint (версии 97, 2000 или 2002) или PowerPoint Viewer.

  • В виде демонстрации PowerPoint. Переход по гиперссылке на данный файл приводит к показу слайдов в автоматическом режиме. Загрузка PowerPoint производиться не будет. При этом Вы не теряете ничего из форматирования, анимации или переходов. Если Вы откроете этот файл непосредственно из программы PowerPoint, то сможете далее работать с ним так же, как и в предыдущем случае. Помните, что у пользователя должна быть установлена программа Microsoft PowerPoint (версии 97, 2000 или 2002) или PowerPoint Viewer.

  • В виде Html-документа PowerPoint. Посетители могут просматривать слайды, пользуясь специальными кнопками навигации - ссылками на каждый слайд. Анимация и переходы в этом случае будут потеряны, некоторые элементы форматирования также могут быть изменены. Однако посетителю не требуется иметь у себя на компьютере PowerPoint.

Чтобы создать ссылку на презентацию Microsoft PowerPoint:

  1. Откройте презентацию.

  2. В меню Файл выберите Сохранить как.

  3. Сохраните презентацию в одной папке со своим веб-сайтом.

  4. В поле Имя файла введите название презентации.

  5. Щелкните Сохранить.

  6. Откройте веб-сайт.

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

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

hello_html_m5d8cc864.png

на панели инструментов.

  1. В списке Связать с щелкните файлом, веб-страницей.

  2. В появившемся списке выберите нужный файл и щелкните ОК.

Чтобы создать ссылку на демонстрацию Microsoft PowerPoint:

  1. Откройте презентацию.

  2. В меню Файл выберите Сохранить как.

  3. Сохраните презентацию в одной папке со своим веб-сайтом.

  4. В поле Имя файла введите название презентации.

  5. В поле Тип файла выберите Демонстрация Power Point. В этом случае расширение файла - .pps.

  6. Щелкните кнопку Сохранить.

  7. Откройте веб-сайт.

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

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

hello_html_m5d8cc864.png

на панели инструментов.

  1. В списке Связать с щелкните файлом, веб-страницей.

  2. В окне просмотра выберите нужный файл и щелкните ОК.

Чтобы создать ссылку на веб-страницу Microsoft PowerPoint:

  1. Откройте презентацию.

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

  3. Сохраните презентацию в одной папке со своим веб-сайтом.

  4. В поле Имя файла введите название презентации.

  5. Щелкните кнопку Сохранить.

  6. Откройте веб-сайт.

  7. Выделите рисунок или часть текста, которые хотите связать гиперссылкой с веб-страницей PowerPoint.

  8. В меню Вставка выберите Гиперссылка или щелкните кнопку Добавление гиперссылки

hello_html_m5d8cc864.png

на панели инструментов.

  1. В списке Связать с щелкните файлом, веб-страницей.

  2. В окне просмотра выберите свою презентацию, сохраненную как веб-страница (файл HTML), и щелкните ОК.

2.8. Использование режима Проверка макета

Microsoft Publisher проверяет дизайн веб-страницы и открывает диалоговое окно в случае обнаружения:

  • текстового поля, внутри которого нет текста;

  • текста, выходящего за границы текстового поля;

  • рисунка, выходящего за края веб-страницы;

  • случая преобразования текста в графику;

  • пустого пространства вверху веб-страницы;

  • страницы, не связанной гиперссылками с другими;

  • слишком большого времени, требующегося для загрузки страницы.

Для проверки макета:

  1. В меню Сервис выберите Проверка макета.

  2. Дhello_html_m3b1fe32.pngля проверки всех страниц сайта щелкните кнопку Все. Если вы хотите проверить только избранные страницы, щелкните кнопку Диапазон и введите нужные номера страниц.

  3. Щелкните ОК.

  4. Publisher проверяет дизайн веб-страницы и открывает диалоговое окно Проверка макета при обнаружении проблемы. Если проблем не будет обнаружено, появится окно Проверка макета закончена. В этом случае щелкните ОК.

  5. Если Вы хотите исправить ошибку самостоятельно, вернитесь к веб-странице, щелкнув Закрыть, и внесите те изменения, которые вам кажутся правильными. Однако более корректный вариант - не закрывать диалоговое окно Проверка макета, а проверять дизайн страниц, используя возможности программы.

  6. Если Вам непонятна ошибка, щелкните Пояснение. При этом откроется справка Microsoft Publisher именно в том месте, где произошла ошибка.

  7. Когда Вы закончите исправление одной ошибки, щелкните кнопку Продолжить.

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

  9. Если Вы не хотите ничего изменять, щелкните кнопку Пропустить все, затем в открывшемся окне Проверка макета закончена щелкните ОК.

  10. Если Вы хотите завершить проверку досрочно, то в окне Проверка макета просто щелкните кнопку Закрыть.

  11. Сохраните файл.

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

Перед окончательным сохранением и размещением сайта на каком-либо сервере желательно просмотреть, так ли все "работает" на сайте, как Вы предполагали.

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

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

  3. Проверьте все гиперссылки, чтобы убедиться, что они работают правильно.

2.10. Сохранение веб-сайта

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

Сохранение работы как файла Publisher

  1. Сохраните веб-страницу как файл Publisher в папке веб-сайта.

  2. В меню Файл выберите Сохранить как.

  3. Найдите и откройте свою рабочую папку.

  4. В строке Имя файла введите имя веб-сайта.

  5. Не меняя тип файла (Файлы Publisher), щелкните Сохранить.

Сохранение работы как веб-страницы

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

  1. В меню Файл выберите Сохранить как веб-страницу. Найдите и откройте свою рабочую папку.

  2. Сохраните свой сайт как веб-страницу в рабочей папке.

  3. Если Вы хотите проверить, как работает ваша презентация PowerPoint, сохраненная в формате веб-страницы, щелкните кнопку Пуск, затем выберите Мои документы. В папке Мои документы Вы увидите т. н. домашнюю страницу - файл, имеющий значок презентации с земным шаром, и еще папку с аналогичным названием, в которой и хранятся все файлы и объекты, входящие в состав презентации. Дважды щелкните значок домашней страницы и просмотрите, как будет работать Ваша презентация. Можно запустить ее и непосредственно из Microsoft Internet Explorer:

    • запустите Microsoft Internet Explorer.

    • в меню Файл выберите Открыть и щелкните кнопку Обзор.

    • по умолчанию будет открыта папка Мои документы.

hello_html_m485be954.png

  • щелкните название необходимого файла и выберите Открыть.

  • щелкните ОК.


2.11. Редактирование HTML-кода

Если Вы создали страницу с формой сбора ответов, то для ее нормального функционирования придется отредактировать HTML-код.

  1. Открыть нужную страницу можно из папки рабочих материалов или непосредственно из Microsoft Internet Explorer (допустим, эта страница была названа page0001).

  2. Если Вы выбрали первый вариант, в папке рабочих материалов Вы увидите файл с именем домашней страницы Вашего сайта и папку с аналогичным названием, в которой хранятся все документы сайта.


hello_html_m6ca5768a.png


  1. Откройте папку двойным щелчком. Затем двойным щелчком откройте файл, который содержит форму, в браузере Microsoft Internet Explorer.

hello_html_m775bc678.png

Можно открыть файл и непосредственно из Microsoft Internet Explorer:

  1. Запустите Microsoft Internet Explorer.

  2. В меню Файл выберите команду Открыть.

  3. B появившемся диалоговом окне Открыть щелкните кнопку Обзор.

  4. Bыберите папку, в которой хранятся все файлы вашего сайта.

  5. Hайдите файл, содержащий форму, и дважды щелкните его.

  6. B диалоговом окне Открыть щелкните Ок.

  7. B меню Вид выберите Просмотр HTML-кода.

hello_html_m30ee6e77.png

  1. HTML-код будет открыт в программе Блокнот.

hello_html_1e295a38.png

  1. Найдите следующую строку:

  1. Удалите - WEBBOT-SELF -.

  2. Замените удаленный фрагмент на /cgi-bin/cgiemail.

Строка кода должна выглядеть так:

  1. Сохраните изменения, используя команду Сохранить в меню Файл.

  2. Закройте окно Блокнота.

§3. Размещение веб-сайта с помощью программы Publisher

Если Вы собираетесь самостоятельно разместить свой сайт в Интернете, Вам понадобится адрес для доступа к сайту по протоколу FTP (File Transfer Protocol), который Вы можете получить, обратившись в соответствующую интернет-службу. Приведенные ниже инструкции помогут в размещении Вашего сайта в Интернете.

  1. Откройте свой сайт (файл с расширением .pub) в Publisher.

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

  3. Убедитесь, что в строке Имя файла только допустимые символы.

  4. В раскрывающемся списке Папка выберите добавить/изменить адреса FTP.

hello_html_6b9bcb3b.png

  1. В открывшемся окне введите адрес FTP-сервера, на котором вам предоставили место. На рисунке место предоставлено на бесплатном гостевом сервере narod.ru, а зарегистрированное имя пользователя - user.

hello_html_m7c4b8055.png

  1. Выберите под именем и введите имя, под которым Вы зарегистрировались на сервере. В строке Пароль введите свой пароль.

  2. Щелкните Добавить.

  3. Щелкните ОК.

  4. Вы вновь вернулись к диалоговому окну Сохранить как веб-страницу. Вы можете переименовать сайт, введя в строке Имя файла новое имя. Дважды щелкните новое местоположение вашего сайта (строку ftp://user.narod.ru), затем щелкните ОК.

  5. После соединения с ftp-сервером и появления в строке Папка его имени щелкните Сохранить.

  6. Откроется окно Сохранение. Исчезновение окна будет означать, что загрузка всех рисунков, html- и других файлов, входящих в состав сайта, завершена.

 
















Заключение

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

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






































Список использованной литературы

  1. Intel. Технологии будущего.

  2. С.В. Глушаков, И.А. Жакин, Т.С. Хачиров «Программирование Web-страниц». – Ростов н/Д: Феникс, Харьков: Фолио, 2006. – (Самоучитель)

  3. под. ред. П.П. Беленького «Информатика». - Ростов н/Д: Феникс, 2002.

  4. В.Я. Турецкий «Математика и информатика». – М.: ИНФРА-М, 2002.

  5. И. Б. Львов, Г. Г. Казеева, И. А. Морев «Информатика». – Владивосток, 2001.



Самые низкие цены на курсы профессиональной переподготовки и повышения квалификации!

Предлагаем учителям воспользоваться 50% скидкой при обучении по программам профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок".

Начало обучения ближайших групп: 18 января и 25 января. Оплата возможна в беспроцентную рассрочку (20% в начале обучения и 80% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru/kursy

Автор
Дата добавления 02.11.2015
Раздел Информатика
Подраздел Другие методич. материалы
Просмотров982
Номер материала ДВ-114492
Получить свидетельство о публикации

УЖЕ ЧЕРЕЗ 10 МИНУТ ВЫ МОЖЕТЕ ПОЛУЧИТЬ ДИПЛОМ

от проекта "Инфоурок" с указанием данных образовательной лицензии, что важно при прохождении аттестации.

Если Вы учитель или воспитатель, то можете прямо сейчас получить документ, подтверждающий Ваши профессиональные компетенции. Выдаваемые дипломы и сертификаты помогут Вам наполнить собственное портфолио и успешно пройти аттестацию.

Список всех тестов можно посмотреть тут - https://infourok.ru/tests

Похожие материалы

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