Цели урока:

расширение знаний о возможностях программы Power Point;

формирование умений сохранять презентации PowerPoint в виде
веб-страниц;

развитие логического мышления, умений анализировать, сравнивать, систематизировать, обобщать.

Тип урока: урок усвоения новых знаний и умений .

Учащиеся должны уметь: сохранять презентации PowerPoint в виде веб-страниц.

Программное и методическое обеспечение урока: программа Powe r Point ; учебное пособие «Информатика 11», § 2 (п.2.2) ; ЭСУ W eb11 4 .

1. Проверка знаний предыдущего урока (репродуктивный метод обучения, индивидуальная и фронтальная форма работы).

Выполнение индивидуальных заданий на компьютере: сохранить в виде веб-страницы предложенный учителем документ Word (упражнение к § 2 (п.2.1) пособия ; ЭСУ W eb11 3). Предложите учащимся перечислить последовательность этапов при создании веб-страницы с помощью редактора MS Word и ответить на вопросы: С помощью каких действий можно создать гиперссылку? В каком формате сохраняются веб-страницы?

2. Актуализация знаний и мотивация учащихся на изучение нового материала ( фронтальная форма работы).

Мотивации учащихся способствует формулировка цели урока: сохранить презентацию PowerPoint в виде веб-страниц.

Для актуализации ранее изученного материала обсудите ответы на вопросы: Что представляет собой презентация PowerPoint? В каком формате сохраняется презентация?

3. Объяснение нового материала (объяснительно-иллюстративный метод обучения, фронтальная форма работы).

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

4. Закрепление нового материала (частично-поисковый м етод обучения, индивидуальная форма работы)

Предложите учащимся занять места за компьютерами и выполнить задания примера 1 из § 2 (п.2.2); ЭСУ W eb11 4. Контролируйте самостоятельную работу каждого ученика, просматривая созданные страницы в браузере. При затруднениях оказывайте необходимую помощь.

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

5. Подведение итогов урока

Учащиеся демонстрируют созданные страницы и проверяют корректность гиперссылок. Обсуждаются этапы работы и затруднения учащихся.

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

6. Домашнее задание

Схема создания презентации в Microsoft PowerPoint

Создание презентации в Microsoft PowerPoint состоит из следующих этапов:

· выбор общего оформления;

· добавление новых слайдов и их содержимого;

· выбор разметки слайдов;

· изменение при необходимости оформления слайдов;

· замена цветовой схемы;

· применение различных шаблонов оформления;

· создание эффектов анимации при демонстрации слайдов.

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

Рисунок 1 - Начало создания презентации

Чтобы увидеть, как будет выглядеть презентация, в начале работы необходимо выбрать Тему презентации, Рисунок 2. Тогда цвета темы будут применяться по мере добавления к слайду определенных объектов, например, диаграмм или таблиц.

Тема определяет внешний вид и оформление презентации. Она определяет фон, расположение текста и других объектов, цвет и шрифт текста и элементов слайда.

Работу с темами обеспечивает вкладка Конструктор.

Рисунок 2 - Выбор Темы

На вкладке Конструктор содержатся дополнительные галереи (Цвета, Шрифты, Эффекты, Стили фона) с помощью которых можно изменить тему.

Рисунок 3 - Создание слайда

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

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

Настройка и публикация презентации Microsoft PowerPoint в сети Интернет

Настроить показ и опубликовать его в Интернет помогут вкладки Рецензирование, Рисунок 4, с помощью, которой можно проверять орфографию, пользоваться справочными материалами и тезаурусом, добавлять речевое сопровождение и создавать примечания к презентации, и Параметры PowerPoint, Рисунок 5, чтобы настроить параметры колонтитулов выбрать параметры, имеющие отношение ко всему приложению.

Рисунок 4 - Настройка и рецензирование

Рисунок 5 - Настройка параметров PowerPoint

Создание и публикация HTML-документов

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

Краткий обзор инструментов для завершения публикации:

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

Рисунок 6 - Выбор презентации

2. Нажимаем кнопку Microsoft Office, а затем выбираем команду Сохранение документа.

3. В списке Папка выбирается путь и местонахождение для WEB-страницы на WEB-сервере. Если требуется открыть доступ к презентации, опубликованной в Интернете, то при выборе местоположения для данного файла нужно задать в WEB -сервер (Веб-сервер. Компьютер, используемый для хранения веб-страниц и отвечающий на запросы от обозревателей. Веб-серверы, на которых хранятся файлы, URL-адреса которых начинаются с http://, называют также HTTP-серверами.) или другой доступный компьютер, Рисунок 7.

Рисунок 7 - Сохранение документа

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

5. В поле Тип файла выполняется одно из следующих действий:

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

6. Чтобы задать текст заголовка (Строка заголовка. Горизонтальная полоса в верхней части окна, диалогового окна или панели инструментов, в которой отображается название документа, программы или панели инструментов.) для WEB -страницы, нажимаем кнопку Изменить, вводим текст заголовка в поле Заголовок страницы, а затем нажимаем кнопку OK.

· Для отображения в презентации заметок докладчика устанавливается флажок Вывести заметки докладчика.

· Чтобы задать дополнительные параметры форматирования и отображения WEB -страницы, выбирается команда WEB-параметры, выбираем нужные параметры и нажимаем кнопку OK.

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

Рисунок 8 - Публикация

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

Размещение на сайте презентации Microsoft PowerPoint

Компания Microsoft не предоставляет открытого компонента для интеграции презентаций PowerPoint на конечные сайты пользователей. В пакет MS Office входит инструментарий для интеграции на сервер MS IIS с возможностью обработки презентаций PowerPoint. Но, подавляющее большинство владельцев сайтов не имеет доступа к серверной части (за исключением, пожалуй, выделенных серверов) и поддержка тех или иных компонентов осуществляется на усмотрение хостпровайдера.

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

Размещение прямой ссылки на презентацию PowerPoint

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

Конвертация презентации PowerPoint в PDF, Flash или видеоролик

Конвертация презентации PowerPoint в формат PDF . Пожалуй, самый простой способ конвертации. С помощью виртуального принтера, например, FinePrintPDF , вы просто печатаете свою презентацию в документ, который потом загружаете на сайт с помощью компонента-менеджера PDF (большая часть современных CMS подобные менеджеры имеют в своём составе или предлагают установить бесплатно). Минус данного метода в том, что получается, фактически, печатная копия презентации. То есть, вся анимация, звук и интерактивность - отсутствуют.

Конвертировать презентацию PowerPoint в Macromedia Flash . Это можно сделать с помощью целого ряда утилит, например, Wondershare PPT2Flash . Результат сохраняет практически всю красоту презентации: аудио, анимацию, интерактив. Кроме того, размер файла SWF на порядок меньше исходного файла презентации.

Конвертация презентации PowerPoint в видеоролик . Для этого существует целый ряд бесплатных утилит, например, Fraps или Free Screen Video Recorder . Полученное видео можно загрузить непосредственно на сайт или на Youtube , далее вставить на нужной странице код вызова видеоролика. Видео сохраняет все свойства презентации, за исключением поддержки интерактивности.

Сохранение презентации в формате HTML и последующая загрузка на сайт

Microsoft PowerPoint предлагает сохранить презентацию для публикации в Web. Но, к сожалению, данный способ имеет столько минусов, что мы бы не рекомендовали его даже пробовать. Каждый слайд сохраняется в виде отдельной HTML-страницы, пропадает анимация и аудио.

От простого к сложному

Описанные выше способы можно применять в единичных случаях. Что же делать, если презентаций много, требуется постоянное обновление материалов уже размещённых презентаций? Рассмотрим более сложные способы интеграции на сайт презентаций PowerPoint. Для этого нам необходим программный компонент, инструмент, позволяющий, с одной стороны, управлять загрузкой, манипулированием презентациями и, с другой стороны, предоставляющий возможность размещения презентаций PowerPoint на страницах сайта.

Размещение презентации PowerPoint с помощью Google Docs

Пожалуй, это наиболее популярный способ публикации на своём сайте презентаций. Для этого вам необходимо иметь аккаунт Google . Переходите в раздел Google Docs (Google Drive ) и импортируете презентацию MS PowerPoint. Далее, необходимо настроить публичный доступ к просмотру презентации, после чего в диалоге из меню «File» - «Share to Web…» можно получить HTML-код вставки презентации на сайт или блог. Копируем код и вставляем его в HTML-редакторе в нужное место любой страницы сайта. Если публичный доступ настроен верно и код установлен правильно, то презентация будет автоматически загружаться в браузер посетителя сайта вместе со страницей.

Из плюсов следует отметить, что презентация редактируема, и все изменения, которые вы в неё внесёте, автоматически будут отображаться на вашем сайте. Главный минус: значительная часть анимационных эффектов, музыки и звуков, которые вы использовали в презентации PowerPoint, бесследно исчезнут.

Размещение на сайте презентаций PowerPoint с помощью сервиса SlideBoom.com или SlideShare.net

Конечно, существуют и иные сервисы-хранилища данных, но мы упомянем всего о двух. SlideShare.net и SlideBoom.com - социальные сервисы с элементами социальных сетей, ориентированные на публикацию офисного и медийного контента с публичным доступом.

Работаете с сервисами аналогично Google Docs , регистрируетесь, загружаете на сайт презентацию, настраиваете публичный доступ, получаете HTML-код, вставляете код на свой сайт. Из личной оценки добавим, что SlideShare всё-же обрезает некоторую часть эффектов исходной презентации, а SlideBoom импортирует презентацию PowerPoint с максимальным приближением к оригиналу.

Установка на сайт компонента, автоматизирующего загрузку и публикацию презентаций PowerPoint

Для многих популярных с открытым кодом (WordPress, Drupal, Joomla и так далее) написано немалое количество программных компонентов, в различной степени реализующих задачу загрузки/импорта/публикации на страницах сайта презентаций Microsoft PowerPoint.

Большая часть из этих компонентов реализуют функцию загрузки и манипулирования презентаций на стороне сайта, а публикацию (встраивание в страницы сайта) организовывают с помощью вызова кода API Google Docs.

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

Заключение

Какой из перечисленных способов публикации презентаций Microsoft PowerPoint вы для себя выберете - решать только вам. Мы лишь постарались объединить в одном материале различные способы решения данной, весьма актуальной задачи. Способы, иногда кажущиеся нетривиальными, как, например, запись презентации в видеоролик. Пробуйте, и у вас всё получится! Быть может, вы найдёте свой оригинальный способ, будем только рады, если вы нам о таком сообщите!

В прошлой статье речь шла о преобразовании документов, созданных в популярных офисных программах из пакета Microsoft Office system 2003, в формат, приемлемый для размещения на веб-страницах. В основном самыми популярными приложениям являются MS Word и Excel, а документы содержат в большинстве случаев только текст, графику и таблицы и могут быть сравнительно легко преобразованы даже стандартными средствами. Но если речь заходит о других приложениях, которые имеют дело со смешанными данными мультимедийной природы, да к тому же требуется сохранение анимации и звука – тут уже все сложнее. Речь далее пойдет о приложении PowerPoint, с помощью которого создают мультимедийные презентации. Эта программа часто используется для подготовки презентационных материалов для выставок, конференций и совещаний. Поэтому, скорее всего, в вашей компании уже есть много презентаций, которые очень желательно перевести в удобный для размещения на корпоративном веб-сайте формат.

Презентация – это сложный мультимедийный документ

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

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

Когда-то компания eHelp выпускала утилиту под названием RoboPresenter для преобразования презентаций во Flash – пожалуй, единственный формат, который поддерживает все мультимедийные и интерактивные возможности PowerPoint. Правда, в своем развитии эта утилита остановилась на версии 2.0 и не работает с презентациями, созданными в PowerPoint 2000 или выше. Сейчас этой утилиты уже нет, а ее функциональность перешла в приложение Macromedia Captivate. Эта программа сама по себе является одним из шедевров и заслуживает отдельного разговора. Сейчас нас интересует лишь возможность преобразовывать презентации во Flash, редактировать флеш-ролик и сохранять его в различных форматах.

Для импорта во Flash используется Macromedia Captivate

Для импорта необходимо выбрать меню "File – Import..." и указать путь к презентации. После обработки надо выбрать размер презентации – его можно указать как в точках, так и выбрать разрешение из списка предустановок, в зависимости от того, где будет воспроизводиться презентация: в браузере, Flash-player"е или на сервере Breeze. Потом можно просмотреть все слайды и выбрать те, которые надо импортировать. Дальше программа сначала сконвертирует все в промежуточный XML-формат, а потом сгенерирует стандартный проект программы Captivate. В результате вы получите набор из слайдов, которые можно преобразовать во флеш-ролик. К сожалению, хотя возможности вставки звука и анимации присутствуют и в формате Flash, и в самой программе, но из презентации они не импортируются. Звуки можно вставить вручную, во флеш-редакторе, похожем на упрощенный Macromedia Flash MX, а из эффектов анимации присутствуют только затемнение и плавное появление. Переход между слайдами также выполняется автоматически, можно только настроить время удержания одного слайда на экране. Для создания действительно хорошей презентации придется еще поработать в Captivate и желательно знать основы Flash. Готовую презентацию можно сохранить в формате SWF и даже сразу опубликовать на веб-узле по FTP.

Если в случае Word"а генерируемый в режиме "сохранить как веб-страницу" документ был очень далек от оптимального, то сохранение презентаций работает очень хорошо. Если надо работать с презентациями из PowerPoint XP и выше, то использование стандартных средств окажется лучшим решением (и к тому же совершенно бесплатным).

Как и в других программах Office 2003, для сохранения следует выбрать команду "Файл – Сохранить как веб-страницу...". Доступно сохранение в виде одного файла (*.mht) или набора веб-страничек (*.htm). Сразу заметим, что второй вариант предпочтительнее, потому что, во-первых, гораздо легче потом будет оперировать с отдельными элементами презентации и, во-вторых, появится возможность просмотреть ее в других браузерах, отличных от Internet Explorer. Так, автор проверял отображение презентации в Mozilla Firefox 1.0 – хотя продвинутые функции, реализованные с помощью элементов ActiveX и JavaScript, были отключены, но сама презентация отображалась более-менее нормально, хоть и с некоторыми ошибками.

Для сохранения в диалоговом окне "Сохранение страницы" выберите кнопку "Опубликовать". Теперь вам доступны различные опции сохранения, которые помогут сделать качественный вариант презентации для веб-страницы. Можно указать, для какой версии браузера оптимизировать файл – например, если требуется поддержка даже старых версий браузера IE 4.0/Netscape 3.0, или же сгенерировать сразу универсальную версию, которая будет поддерживаться всеми браузерами. Но это приведет к увеличению размера создаваемого файла.

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

Для сохранения лучше создать отдельную папку на каждую презентацию, потому что при работе создается очень большое количество дополнительных файлов. Для каждого слайда создается свой html-файл, отдельно сохраняются рисунки и звуки, а также служебные xml-файлы и дополнительные ActiveX-объекты, которые используются java-скриптами для реализации в браузере окружения, максимально похожего на стандартный PowerPoint.

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

С помощью JavaScript и ActiveX можно сделать идеальную презентацию...

Но самое интересное и привлекательное скрывается за кнопкой "Показ слайдов". После ее нажатия в работу включается специальный ActiveX-объект, который показывает презентацию в полноэкранном режиме прямо в браузере. Полностью сохраняются все эффекты анимации и переходов между слайдами, звуковое сопровождение, смена слайдов может осуществляться как автоматически, так и по нажатию мыши (клавиатура не поддерживается). Только простое контекстное меню, без дополнительных функций вроде управления экраном или работы с заметками докладчика позволяет определить, что это не оригинальная презентация PowerPoint, а веб-страница.

Но работающую только в IE 6.0+

Единственное, что обескураживает, так это то, что полностью насладиться всеми этими возможностями можно только при просмотре в Internet Explorer 6.0 и выше, тот же Firefox отображает только меню навигации и сами слайды, причем странно масштабируя их (кстати, подгонка к размеру экрана очень хорошая, все слайды в IE очень хорошо масштабируются с сохранением всех пропорций).

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

Macromedia FlashPaper также может сохранять презентации

Кстати, о FlashPaper. Панель этой утилиты встраивается во все приложения MS Office и дает доступ к простому преобразованию в формат SWF любого открытого файла. Конвертация презентации не сложнее обычной печати – необходимо всего лишь выбрать из меню "FlashPaper – Convert to Macromedia Flash" и указать имя сохраняемого файла. В нем кроме непосредственно самих слайдов будет содержаться еще и небольшая панель навигации, а удобные инструменты масштабирования позволят подогнать презентацию под размер экрана. Управлять показом презентации можно кнопками на панели, передвигаясь от слайда к слайду. К сожалению, простота работы с этим инструментом имеет свои последствия – никакая анимация и дополнительные возможности не сохраняются, только сами слайды, хоть и очень точно, практически без отличий от оригинала. Этот способ может подойти, если надо очень быстро преобразовать множество презентаций и можно спокойно пожертвовать интерактивностью. К тому же будет обеспечена полная совместимость – презентацию можно просмотреть на любом компьютере с браузером, который поддерживает Flash, а сама презентация будет выглядеть совершенно одинаково на всех платформах.

И последнее, что можно посоветовать: если вам нужен, к примеру, всего лишь один кадр из презентации или вы решите сами сделать оболочку для показа слайдов, то можно сначала сохранить все слайды в виде отдельных графических файлов. Поддерживаются форматы Gif, Jpeg и PNG. При сохранении вам будет предложен выбор – сохранить только текущий слайд или все. К сожалению, в таком режиме недоступно окно с настройками, например нельзя сразу установить прозрачность или степень сжатия файлов.

Как видите, сохранение презентаций из PowerPoint – довольно сложное дело. Интересно, что на этот раз Microsoft предоставила более удобные функции, чем предлагаемые сторонними программами, хоть и пожертвовав поддержкой альтернативных браузеров. Вердикт такой: если надо максимально сохранить интерактивность и визуальные эффекты – придется сохранять в виде веб-страницы с помощью самого PowerPoint и рекомендовать посетителям для просмотра только IE; если же прежде всего универсальность – следует поискать варианты экспорта во Flash.

Для сохранения презентации как Web-страницы необходимо выполнить команду Файл/Сохранить как Веб-страницу, в открывшемся диалоговом окне Сохранение документа установить тип файла, имя и папку назначения, а затем щелкнуть кнопку Опубликовать . На экране откроется диалоговое окно Публикация веб-страницы – Рисунок 7.6, которое позволяет выполнить ряд установок. В группе Объект для публикации необходимо указать содержимое Web-страницы, выбрать браузер для просмотра презентации потенциальными посетителями вашего сайта в группе Поддержка обозревателя . В группе Опубликовать копию как… определяются дополнительные аспекты записи Web-страницы.

Кнопка Веб-параметры открывает диалоговое окно, в котором устанавливаются параметры Web – страницы.

Параметры вкладки Общие позволяют включить в состав Web-страницы содержание презентации и кнопки для перехода от слада к слайду, установить цветовую схему, которую Power Point использует при смене слайдов, обеспечить просмотр анимации.

При просмотре публикации в окне браузера в нижней части экрана расположена кнопка Полноэкранная презентация , нажатием на которую обеспечивается просмотр презентации.

Выполните создание простой презентации, в которой отразите Основные вопросы автоматизации маркетинговой деятельности. Сохраните эту презентацию как Web-страницу и осуществите просмотр в окне Internet Explorer.

Контрольные вопросы:

Принципы разработки Web-сайта средствами MS Word?

Принципы разработки Web-сайта средствами MS Excel?

Принципы разработки Web-сайта средствами MS Power Point?

Лабораторная работа № 7 Тема: Создание web-страницы

Цель: Освоить создание простой web-страницы с помощью программы FrontPage. Создание простой web-страницы с помощью FrontPage

1. Запустите программу FrontPage одним из стандартных способов. Изучите элементы окна FrontPage. Для получения подсказки о назначении инструментов на панели управления воспользуйтесь всплывающей подсказкой, как показано на рисунке 8.1.

Рисунок 8.1 - Окно FrontPage

2. Просмотрите и измените свойства создаваемой страницы, для чего выберите команду Файл > Свойства. В окне Свойства страницы перейдите на вкладку Язык, в поле Сохранить документ, используя: выберите кодировку Кириллица для отображения и сохранения документа, как показано на рисунке 8.2. Завершите изменение свойств страницы, щелкнув на кнопке ОК.

Рисунок 8.2 - Определение кодировки символов на web-странице

3. Создайте элемент текст, для чего, установив курсор в окне документа, введите нужный текст, допустим, Пример web-страницы, созданной в редакторе FrontPage. Выделив введенный текст, присвойте ему стиль Заголовок 3, выравнивание по центру.

4. Вставьте в создаваемый web-документ таблицу, в которой перечислите основные элементы web-страницы. Для вставки таблицы укажите место в окне документа, затем, щелкнув на кнопке Добавить таблицу на панели инструментов Стандартная, укажите мышью число строк – 2 и число столбцов – 3.

5. Вставьте в первый столбец таблицы текст из справки FrontPage о возможностях редактора, для чего вызовите справку, перейдите на вкладку Содержание и выберите тему Новые возможности. Выделив нужный текст, запомните его в буфере обмена (Ctrl+C), затем закройте окно справки и вставьте текст справки из буфера обмена в таблицу (Ctrl+V).

6. Вставьте во второй столбец рисунок, для чего, указав место вставки рисунка, выберите Вставка > Рисунок > Из файла. В открывшемся диалоговом окне Рисунок укажите нужную папку и файл изображения. Щелкнув на кнопке Открыть, завершите вставку рисунка. Выделив рисунок и используя маркеры изменения размера рамки, измените его размеры.

7. Для вставки таблицы в третий столбец существующей таблицы установите курсор в первую строку третьего столбца и выберите в меню Таблица команду Вставить таблицу. В диалоговом окне Добавить таблицу задайте количество строк, колонок, определите в области Раскладка параметры раскладки: выравнивание, размер рамки, заполнение ячеек, промежуток между столбцами. Щелкните на кнопке ОК. Введите в ячейки новой таблицы текст, например Текст в 1-й строке и 1-м столбце, затем установите размер и начертание символов текста.

8. Вставьте над первой строкой таблицы еще одну, для чего, выделив первую строку таблицы, выберите в меню Таблицы команду Вставить строки или столбцы. В диалоговом окне Вставить строки или столбцы укажите число строк 1, установите флажок Над выделенным и щелкните на кнопке ОК. Введите в ячейки вставленной строки текст заголовков Пример текста, Пример рисунка, Пример таблицы.

9. Вставьте над первой строкой таблицы еще одну строку, введите в нее текст Элементы web-страницы. Выделив все ячейки вставленной строки, выберите в меню Таблицы команду Объединить ячейки.

10. Создайте элемент гиперссылка, для чего, выделив фрагмент текста в первом столбце, в меню Вставка выберите команду Гиперссылка. В раскрывшемся диалоговом окне укажите адрес web-страницы в Интернете, например http://www.infoart.ru. Щелкните на кнопке ОК.

11. В нижней части создаваемой web-страницы введите текст Дата последнего обновления страницы: и вставьте после текста компонент Дата и время, позволяющий помещать метки времени. Для этого выберите в меню Вставка команду Дата и время. В диалоговом окне Дата и время установите флажок Дата последнего изменения страницы, выберите формат даты и щелкните на кнопке ОК.

12. Задайте свойства web-страницы, для чего выберите в меню Файл команду Свойства. Перейдите на вкладку Фон, выберите фон светло-серый и щелкните на кнопке ОК. Если вы хотите использовать в качестве фона рисунок, то на вкладке Фон установите флажок Фоновый рисунок и, щелкнув на кнопке Обзор, откройте диалоговое окно Выделите фоновое изображение. Щелкните на кнопке Обзор, найдите папку и файл рисунка и, щелкнув на кнопке Открыть, завершите выбор рисунка для фона. Щелкнув на кнопке ОК в диалоговом окне Свойства, завершите определение параметров web-страницы.

13. Сохраните созданный документ на диске, для чего выберите в меню Файл команду Сохранить как, в диалоговом окне задайте название страницы и, щелкнув на кнопке Как файл, укажите папку и имя файла. Щелкнув по кнопке Сохранить, завершите сохранение web-страницы как файла.

14. Для просмотра созданной web-страницы щелкните по кнопке Просмотр в Microsoft Internet Explorer. Закройте окно Microsoft Internet Explorer. Созданная web-страница будет иметь вид, показанный на рисунке 8.3.

Рисунок 8.3 - Web-страница, созданная в редакторе FrontPage

Обратите внимание, что вид указателя мыши изменяется при подведении его к гиперссылке, а в строке статуса web-обозревателя отображается адрес документа, связанный с данным фрагментом web-страницы.

15. Щелкнув по кнопке Код, просмотрите, как выглядит созданный web-документ на языке HTML.Найдите в тексте и изучите теги, описывающие таблицу на web-странице.

16. После просмотра web-страницы закройте окно Internet Explorer.

Создания веб-узла с использованием шаблона

1. Запустите Microsoft FrontPage, для чего в Главном меню Windows выберите команду Программы > Microsoft FrontPage.

2. Для создания структуры веб-узла выберите в панели инструментов Область задач команду Другие шаблоны веб-узла. В окне Шаблоны веб-узлов выберите шаблон, например Личный веб-узел, в поле Указать расположение нового веб-узла введите имя диска и папки, в которой будут размещены папки и файлы создаваемого веб-узла, например С:\home\mywebs. Щелкните на кнопке ОК. Окно приложения Microsoft FrontPage 2003 с заготовкой веб-узла (см. рисунок 8.4).

Рисунок 8.4 - Окно Microsoft FrontPage 20003 с заготовкой веб-узла

В результате в левой половине окна откроется список содержимого веб-узла Список папок, в котором автоматически создаются папки private и images и несколько страниц HTML с базовым содержанием по выбранному шаблону (см. рис. 14).Созданный узел сохраняется в новой папке, которая помещается на локальный диск или на сервер Web. Этот узел можно впоследствии открыть с помощью команды Файл > Открыть или выбрав его из списка последних открытых узлов Файл > Последние узлы.

3. Рассмотрите предложенную шаблоном персональной страницы базовую структуру веб-узла. Для отображения структуры web-узла щелкните на значке Переходы. В правой части окна появилась структура веб-узла (см. рисунок 8.5). Здесь можно контролировать правильность ссылок, автоматически изменять их при переименовании файла и многое другое.

Рисунок 8.5 - Изменение структуры веб-узла

4. Удалите страницу feedback.htm из веб-узла, для чего укажите на структуре веб-узла данный элемент и, щелкнув на нем правой кнопкой мыши, раскройте контекстное меню и выберите команду Удалить (см. Рис. 8.5). В раскрывшемся окне удаления установите флажок Удалить эту страницу из сайта и щелкните на кнопке Ок.

5. Для изменения взаимного расположения и связей элементов структуры web-узла перетащите элемент в режиме Переходы на желаемое место, как показано на рисунке 8.6.

Рисунок 8.6 - Изменение взаимного расположения и связей элементов структуры веб-узла

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

7. Откройте для редактирования стартовую веб-страницу index.htm. Внимательно рассмотрите страницу index.htm. Она состоит из заголовка страницы, панели навигации в виде кнопки под заголовком, панели навигации в виде гиперссылок в левой части страницы (Увлечения, Избранное) и текста в правой части страницы Добро пожаловать на мой...

8. Установите основные свойства страницы. Для этого в меню Файл выберите команду Свойства. В окне Свойства страницы перейдите на вкладку Общие. Введите в поле Название название документа на русском языке, например Персональная страница. Для правильного отображения символов русского языка на вкладке Язык в списке поля Отметить текущий документ выберите Русский, а в области Набор знаков в списке поля Сохранить документ выберите Кириллица, в списке поля Повторить загрузку текущего документа выберите Кириллица и щелкните на кнопке ОК.

9. Для изменения элементов веб-страницы укажите элемент шаблона и отредактируйте его по вашему усмотрению. Для редактирования Объявления на странице (графического заголовка), указав Объявление (баннер), вызовите контекстное меню и выберите в нем команду Свойства объявления на странице, как показано на рисунке 8.7.

Рисунок 8.7 - Изменение свойств Объявления на странице

В диалоговом окне Свойства объявления на странице установите флажок Рисунок, а в поле Текст объявления введите новый текст, например Моя персональная страница, и щелкните на кнопке ОК. Текст в объявления на странице изменился.

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

Для изменения формата даты обновления страницы укажите объект даты и выберите в контекстном меню команду Свойства Дата и время. В окне Дата и время измените формат даты, как показано на рисунке 8.8, и щелкните на кнопке ОК. Для изменения свойств панели ссылок в виде гиперссылок в левой части веб-страницы (Увлечения, Избранное) выделите элементы на панели и выберите в контекстном меню команду Свойства Панель ссылок. В окне Свойства панели ссылок на вкладке Общие установите переключатель Дочерний уровень, на вкладке Стиль выберите подходящий стиль в списке Выберите стиль, в разделе Ориентация и внешний вид установите переключатель Вертикальный, установите флажок Использовать активные рисунки и щелкните на кнопке ОК. После этого тексты с гиперссылками в левой части веб-страницы будут отображаться в виде вертикально расположенных кнопок.

Рисунок 8.8 - Изменение свойств объекта Дата

10. Перейдите в режим Переходы и переименуйте веб-страницу Увлечения в Интересы. Для переименования веб-страницы, указав страницу, выберите в контекстном меню команду Переименовать и введите новое название страницы.

12. Для просмотра вида веб-страницы в web-обозревателе щелкните на значке Просмотр. Щелкнув на значке Код, вы можете посмотреть, как записан текст данной веб-страницы на языке HTML. Обратите внимание, что текст этой страницы в формате HTML значительно лаконичнее, чем текст аналогичной страницы, сгенерированный в среде Microsoft Word.

13. Для оценки вида созданной вами веб-страницы в других веб-обозревателях выберите в меню Файл команду Просмотр в обозревателе. В выпадающем списке выберите обозреватель Microsoft Internet Explorer 6.0 (800 x 600).

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

15. Завершив формирование веб-страницы, сохраните ее. Для сохранения веб-страницы выберите в меню Файл команду Сохранить или Сохранить как, если хотите изменить имя файла.

Контрольные вопросы:

Что такое web-страница, чем она отличается от обычной страницы текста?

Что такое web-узел?

Опишите назначение web-сервера.

Что такое стартовая страница web-сайта?

Опишите назначение web-обозревателя.

Опишите этапы разработки web-сайта.

В каких режимах можно работать с web-страницей в редакторе FrontPage? Как переключить эти режимы?

Какие возможности предоставляются панелью инструментов Навигация в Front Page?