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

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

  • Upload
    lana8

  • View
    16.463

  • Download
    13

Embed Size (px)

DESCRIPTION

Avtor - Andyushkina Svetlana. Content of this file - short description of creating site in MS publisher.

Citation preview

Page 1: Создание веб-сайта с помощью Microsoft Publisher

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

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

Page 2: Создание веб-сайта с помощью Microsoft Publisher

До начала работы с программой Microsoft Publisher необходимо

определить содержание и структуру будущего сайта.

Программа позволяет создавать сайты несложной

структуры.

До начала работы с программой Microsoft Publisher необходимо

определить содержание и структуру будущего сайта.

Программа позволяет создавать сайты несложной

структуры.

Page 3: Создание веб-сайта с помощью Microsoft Publisher

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

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

Page 4: Создание веб-сайта с помощью Microsoft Publisher

Запустите Microsoft Publisher(Пуск – Программы – Microsoft Office – Microsoft Office Publisher 2003)

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

Запустите Microsoft Publisher(Пуск – Программы – Microsoft Office – Microsoft Office Publisher 2003)

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

Page 5: Создание веб-сайта с помощью Microsoft Publisher

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

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

Page 6: Создание веб-сайта с помощью Microsoft Publisher

Для удаления компонента личных данных только с одной страницы выделите ненужный текст, нажмите Delete, перейдите на другую страницу и выполните команду Правка – отменить распространение личных данных. Без этого действия данные синхронизируются и текст удалится со всех страниц сайта.

Для удаления компонента личных данных только с одной страницы выделите ненужный текст, нажмите Delete, перейдите на другую страницу и выполните команду Правка – отменить распространение личных данных. Без этого действия данные синхронизируются и текст удалится со всех страниц сайта.

Page 7: Создание веб-сайта с помощью Microsoft Publisher

Окно программы Microsoft PublisherОкно программы Microsoft Publisher

Page 8: Создание веб-сайта с помощью Microsoft Publisher

Если окно программы выглядит так, можно перейти к общему виду области задач кнопкой .

Если окно программы выглядит так, можно перейти к общему виду области задач кнопкой .

Page 9: Создание веб-сайта с помощью Microsoft Publisher

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

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

Page 10: Создание веб-сайта с помощью Microsoft Publisher

Выберите вид публикации «Веб-узлы и электронная почта – веб-узлы»

Выберите понравившийся макетС помощью появившегося окна

«Удобный построитель веб-узлов» Вы можете, устанавливая флажки, добавлять компоненты. (Помеченные добавятся после нажатия Ok)

Выберите вид публикации «Веб-узлы и электронная почта – веб-узлы»

Выберите понравившийся макетС помощью появившегося окна

«Удобный построитель веб-узлов» Вы можете, устанавливая флажки, добавлять компоненты. (Помеченные добавятся после нажатия Ok)

Page 11: Создание веб-сайта с помощью Microsoft Publisher

В параметрах веб-узла можно изменить:

В параметрах веб-узла можно изменить:

расположение панелей навигации на веб-страницах

цветовую схему для макеташрифтовую схемурасположение содержимого на

страницесам макет

расположение панелей навигации на веб-страницах

цветовую схему для макеташрифтовую схемурасположение содержимого на

страницесам макет

Page 12: Создание веб-сайта с помощью Microsoft Publisher

Щелкнув в области задач по ссылке содержание страницы, можно изменить параметры страницы:переименовать ее (имеется в виду не заголовок на странице, а ее имя в окне браузера), выбрать фоновые заливку и звук.

Щелкнув в области задач по ссылке содержание страницы, можно изменить параметры страницы:переименовать ее (имеется в виду не заголовок на странице, а ее имя в окне браузера), выбрать фоновые заливку и звук.

Page 13: Создание веб-сайта с помощью Microsoft Publisher

Рассмотрим компоненты веб-страницы: логотип,

заголовок, панели переходов, основной текст

и т.д.

Рассмотрим компоненты веб-страницы: логотип,

заголовок, панели переходов, основной текст

и т.д.

Page 14: Создание веб-сайта с помощью Microsoft Publisher

Создавая веб-сайт, можно с помощью команды Файл – предварительный просмотр веб-страницы открыть сайт в окне браузера, например, Internet Explorer. Именно в окне браузера работает анимация изображений, переходы по гиперссылкам, воспроизводится фоновый звук. Страница в обозревателе может выглядеть иначе, чем в Publisher.

Создавая веб-сайт, можно с помощью команды Файл – предварительный просмотр веб-страницы открыть сайт в окне браузера, например, Internet Explorer. Именно в окне браузера работает анимация изображений, переходы по гиперссылкам, воспроизводится фоновый звук. Страница в обозревателе может выглядеть иначе, чем в Publisher.

Page 15: Создание веб-сайта с помощью Microsoft Publisher

Не располагайте объекты слишком близко друг к другу

Если анимированное изображение налагается на другой объект, анимация может не работать

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

Page 16: Создание веб-сайта с помощью Microsoft Publisher

Для добавления новой веб-страницы нужно выполнить команду

Вставка – страница.

Для добавления новой веб-страницы нужно выполнить команду

Вставка – страница.

Выберите тип добавляемой страницы и нажмите Ok. Добавленная страница будет оформлена так же, как текущая. При этом на панели переходов появится ссылка на нее.

Page 17: Создание веб-сайта с помощью Microsoft Publisher

При нажатии кнопки Далее можно задать параметры добавления в дополнительном окне.

При нажатии кнопки Далее можно задать параметры добавления в дополнительном окне.

Page 18: Создание веб-сайта с помощью Microsoft Publisher

Объекты на страницах – рисунки, тексты – вы можете удалять и заменять собственными. При изменении Вами заголовка страницы нужно внести изменения и в панель навигации – изменить текст ссылки. В вертикальной панели можно просто удалить старый текст и написать новый (например «Главная» вместо «Домашняя»). Изменения отразятся на всех страницах сайта.

Объекты на страницах – рисунки, тексты – вы можете удалять и заменять собственными. При изменении Вами заголовка страницы нужно внести изменения и в панель навигации – изменить текст ссылки. В вертикальной панели можно просто удалить старый текст и написать новый (например «Главная» вместо «Домашняя»). Изменения отразятся на всех страницах сайта.

Page 19: Создание веб-сайта с помощью Microsoft Publisher

Чтобы внести изменение в нижнюю панель, надо выделить ее щелчком и выполнить

команду Формат – свойства панели переходов, выделить нужное и нажать

кнопку изменить ссылку

Чтобы внести изменение в нижнюю панель, надо выделить ее щелчком и выполнить

команду Формат – свойства панели переходов, выделить нужное и нажать

кнопку изменить ссылку

Page 20: Создание веб-сайта с помощью Microsoft Publisher

В поле текст нужно ввести новый текст ссылки

В поле текст нужно ввести новый текст ссылки

Page 21: Создание веб-сайта с помощью Microsoft Publisher

Используя команду Формат – свойства панелей переходов, можно удалить ссылку на какую-то из страниц сайта из панели навигации (особенно для сайтов с древовидной структурой).

Используя команду Формат – свойства панелей переходов, можно удалить ссылку на какую-то из страниц сайта из панели навигации (особенно для сайтов с древовидной структурой).

Page 22: Создание веб-сайта с помощью Microsoft Publisher

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

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

Page 23: Создание веб-сайта с помощью Microsoft Publisher

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

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

Page 24: Создание веб-сайта с помощью Microsoft Publisher

Для добавления гиперссылки нужно выделить объект (текст или рисунок) и выполнить одно из следующих действий:команду Вставка – гиперссылкаЩелкнуть выделенный объект правой кнопкой и выбрать гиперссылкаЩелкнуть по кнопке гиперссылка на панели инструментов стандартная или на панели веб-инструменты

Для добавления гиперссылки нужно выделить объект (текст или рисунок) и выполнить одно из следующих действий:команду Вставка – гиперссылкаЩелкнуть выделенный объект правой кнопкой и выбрать гиперссылкаЩелкнуть по кнопке гиперссылка на панели инструментов стандартная или на панели веб-инструменты

Активизировать панель можно так:выполнить команду Вид – панели инструментов и установить соответствующий флажок.

Page 25: Создание веб-сайта с помощью Microsoft Publisher

Затем в окне Добавление гиперссылки указать, с чем связать выделенный объект – с файлом, веб-страницей, электронной почтой, новым документом (внешние ссылки)

или местом в документе (внутренняя ссылка)

Page 26: Создание веб-сайта с помощью Microsoft Publisher

Инструмент острие на панели веб-инструменты дает возможность выделить часть страницы (фрагмент рисунка, текста или любое место страницы) и добавить к нему гиперссылку.

Инструмент острие на панели веб-инструменты дает возможность выделить часть страницы (фрагмент рисунка, текста или любое место страницы) и добавить к нему гиперссылку.

Page 27: Создание веб-сайта с помощью Microsoft Publisher

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

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

Page 28: Создание веб-сайта с помощью Microsoft Publisher

Необходимо убедиться в следующем:

Необходимо убедиться в следующем:

текст виден и хорошо читается; графика на каждой странице

видна и быстро загружается; гиперссылки действуют и ведут

к соответствующим ресурсам; фоновый звук, если он есть,

воспроизводится.

текст виден и хорошо читается; графика на каждой странице

видна и быстро загружается; гиперссылки действуют и ведут

к соответствующим ресурсам; фоновый звук, если он есть,

воспроизводится.

Page 29: Создание веб-сайта с помощью Microsoft Publisher

Выполните команду Файл – Сохранить как.В поле Тип файла выберите Веб-страница.

Page 30: Создание веб-сайта с помощью Microsoft Publisher

После этого веб-сайт невозможно открывать и редактировать программой Microsoft Publisher. Вы можете просматривать его с помощью установленных на Вашем компьютере браузеров.Подготовленную Вами публикацию возможно не только сохранить как веб-страницу, но и разместить в Интернете командой Файл – поместить на веб-узел.

После этого веб-сайт невозможно открывать и редактировать программой Microsoft Publisher. Вы можете просматривать его с помощью установленных на Вашем компьютере браузеров.Подготовленную Вами публикацию возможно не только сохранить как веб-страницу, но и разместить в Интернете командой Файл – поместить на веб-узел.

Page 31: Создание веб-сайта с помощью Microsoft Publisher

В ходе создания этой презентации использовались материалы программы Intel «Обучение для будущего».Работа создана для проведения мастер-класса по созданию веб-сайта в Microsoft Publisher 2003.

Автор: Андюшкина С.Н., учитель МОУ-СОШ №1 г. Маркса

В ходе создания этой презентации использовались материалы программы Intel «Обучение для будущего».Работа создана для проведения мастер-класса по созданию веб-сайта в Microsoft Publisher 2003.

Автор: Андюшкина С.Н., учитель МОУ-СОШ №1 г. Маркса