Внедрение презентации в веб-страницу или блог. Презентации PowerPoint и Веб

Прочие модели 12.07.2019
Прочие модели

Данная глава рассказывает о том, как сохранять документы в виде веб-страниц из модулей Writer, Calc, Draw и Impress. Подробности использования модуля Writer в качестве среды создания и редактирования приведены в Руководстве по Writer .

Сохранение документов Writer в виде веб-страниц

HTML возможности Writer включают сохранение существующих документов в формате HTML, создание новых HTML-документов и создание нескольких различных типов веб-страниц с использованием мастера.

Самый простой способ создания HTML-документов состоит в преобразовании существующего документа Writer. Вы можете просмотреть его в том виде, в котором он выглядит на веб-странице, выполнив Вид > Режим веб-страницы .

Вставка гиперссылок

Вы можете вставлять и изменять ссылки, используя диалоговое окно Гиперссылка. Отобразите этот диалог, щелкнув по значку Гиперссылка , расположенной на стандартной панели, или выполните Вставить > Гиперссылка . Ввод или вставка URL в документ (в зависимости от настройки Автозамены) автоматически преобразует его в гиперссылку.

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

Сохранение документа в виде ряда веб-страниц

Writer может сохранять большие документы в виде ряда веб-страниц (HTML-файлов) со страницей оглавления. Чтобы сделать это:

  1. Примите решение, какие заголовки должны использоваться в документе на новой странице и убедитесь в том, что все эти заголовки имеют один и тот же стиль (Например, Заголовок 1).
  2. Выберите Файл > Отправить и выберите Создать документ HTML .
  3. В открывшемся окне (рис. 16.3) введите имя файла, в котором будут сохранены страницы. Также определите, какой стиль служит признаком новой страницы (как вы решили на шаге 1).
  4. Нажмите кнопку Сохранить , чтобы создать многостраничный HTML-документ. (Для интересующихся, результирующие HTML-файлы соответствуют спецификации HTML 4 Transitional.)



Рис. 16.3. Создание ряда веб-страниц для одного документа

Создание веб-страниц с помощью Мастера

Веб-мастер OOo позволяет создавать стандартные веб-страницы нескольких типов. Чтобы использовать его:

  1. Выберите Файл > Мастер > Веб-страница . Окно этого мастера показано на рис. 16.4 .



    увеличить изображение
    Рис. 16.4.



    увеличить изображение
    Рис. 16.5.
  2. Выберите документ, который вы хотите преобразовать, и введите информацию в поля Заголовок, Краткое описани е и Автор , как показано на рис. 16.5 . Нажмите кнопку Дальше.
  3. Выберите внешний вид содержания вашего веб-сайта, щелкнув по одному из рисунков внешнего вида, показанных на рис. 16.6 . Нажмите кнопку Дальше .



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



    увеличить изображение
    Рис. 16.7.
  5. Выберите стиль для страницы. Используйте выпадающий список, показанный на рис. 16.8 , для выбора различных стилей и цветовых сочетаний. Вы также можете просмотреть фоновые рисунки и набор иконок, имеющиеся в Галерее. Нажмите кнопку Дальше .



    увеличить изображение
    Рис. 16.8.
  6. Введите общую информацию, такую как Заголовок и Метаданные HTML, как показано на рис. 16.9 . Нажмите кнопку Дальше .



    увеличить изображение
    Рис. 16.9.
  7. Выберите папку, в которой будет сохранен файл, и можете предварительно просмотреть страницу при желании, как показано на рис. 16.10 .



    увеличить изображение
    Рис. 16.10.

Для изменения и просмотра HTML-кода сгенерированного для документа, выберите Вид > Исходный код HTML или нажмите на значок Исходный код HTML , расположенный на Стандартной панели инструментов.

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

Calc может сохранять файлы в формате HTML-документов. Для Calc используйте Файл > Сохранить как и выберите Документ HTML , или выполните Файл > Мастер > Веб-страница.

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

Сохранение презентаций в виде веб-страниц

Вы можете экспортировать презентации в файлы Macromedia Flash: выполните Файл > Экспорт , а затем выберите в качестве типа файла тип Macromedia Flash.

Можно также преобразовать презентации в ряд веб-страниц.


Сохранение документов Draw в виде веб-страниц

Экспорт рисунков из модуля Draw OpenOffice.org идентичен экспорту презентаций из модуля Impress. Используйте Файл > Экспорт с последующим выбором типа файла Документ HTML .

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

В процессе создания сайта может возникнуть необходимость интеграции на его страницы презентаций 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 вы для себя выберете - решать только вам. Мы лишь постарались объединить в одном материале различные способы решения данной, весьма актуальной задачи. Способы, иногда кажущиеся нетривиальными, как, например, запись презентации в видеоролик. Пробуйте, и у вас всё получится! Быть может, вы найдёте свой оригинальный способ, будем только рады, если вы нам о таком сообщите!

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

Пример : создать фрагмент сайта на основе презентации «Функциональные блоки компьютера», состоящей из 5 слайдов, которые содержат тексты и изображения.

Для сохранения презентации в виде веб-cтраницы в меню Файл выберем пункт Сохранить как веб-страницу . В появившемся окне Сохранение документа выберем тип сохраняемого файла Веб-страница (*.htm, *.html), введем имя файла и нажмем кнопку Сохранить .

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

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

Цветовые схемы, эффекты анимации и другие параметры настраиваются в окне Параметры веб-документа , которое вызывается кнопкой Веб-параметры.

На вкладке Общие выберем цветовую схему Цвета презентации (выделение). В этом случае фон веб-страниц будет соответствовать фону слайдов презентации.

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

Сохраним документ. Просмотрим сохраненные веб-страницы.

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



21. Основы веб-конструирования. Редактор визуального веб-конструирования. Элементы интерфейса.

Веб-конструирование в редакторе FrontPage. Основные элементы интерфейса

При работе с веб-редактором FrontPage можно обойтись без знания языка разметки гипертекстовых документов HTML. Веб-страница просто конструируется на экране и сохраняется в формате HTML. Выполняемые при этом действия по оформлению веб-документа напоминают работу в текстовом редакторе MS Word.

Интерфейс редактора FrontPage достаточно прост, чтобы пользователь смог быстро освоить основные приемы работы. После запуска FrontPage открывается окно, основными элементами которого являются: строка заголовка, строка меню, панели инструментов, строка состояния и рабочая область.

Вид Рабочей области зависит от выбранного режима работы.

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

Режим С разделением является комбинацией этих двух режимов.

Режим Просмотр позволяет просматривать созданные страницы.

С помощью меню Вид можно выбрать и другие полезные режимы работы.

Режим Страница предназначен для создания и редактирования веб-страниц.

В режиме Папки просматривается структура папок сайта, выполняются файловые операции.

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

22. Основы веб-конструирования. Элементы оформления веб-страницы. Графика на веб-страницах.

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

Код внедрения необходимо получить PowerPoint Online . Эта возможность недоступна в версиях PowerPoint для Windows или Mac OS.

Получение кода внедрения

Внедрение презентации на веб-страницу или в запись блога

HTML-код, скопированный со страницы OneDrive, представляет собой тег iframe, который поддерживается во многих средах разработки веб-сайтов и службах блогов. Приведенная ниже инструкция подходит для большинства популярных служб блогов, таких как WordPress, Blogger и TypePad.

    Хотя служба WordPress обычно не поддерживает теги IFRAME, для тегов IFRAME документов Office Online сделано исключение. Чтобы использовать режим редактирования HTML, не выбирайте команду Создать запись в верхней части страницы. Перейдите в панель управления блогом и щелкните Записи > Добавить .

    Если вы работаете с TypePad, не используйте редактор Quick Compose. В разделе Blogs (Блоги) выберите название своего блога и нажмите Compose (Создать). Затем перейдите из режима Rich Text (Форматированный текст) в режим редактирования HTML-кода.

    Если вы работаете с Blogger, перейдите от окна создания записи к режиму редактирования HTML-кода. После завершения следующего шага вы сможете вернуться в режим создания записи.

    В редакторе блога или веб-страниц создайте запись и переключитесь в режим редактирования HTML.

    Если ваша служба блогов не поддерживает теги IFRAME в записях, обратитесь за помощью к ее поставщику.

    Вставьте из буфера обмена скопированный со страницы OneDrive HTML-тег, нажав сочетание клавиш ⌘+V.

    Закончите создание записи. Просмотрите запись и опубликуйте ее как обычно.

Внедрение презентации в вики-сайт SharePoint

С помощью кода внедрения можно также добавить презентацию на вики-сайт SharePoint. В этом случае нужно вставить только часть тега iframe из раздела src в веб-часть просмотра страниц.

    Откройте вики-страницу и нажмите Изменить .

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

    Скопируйте часть тега между кавычками, начинающуюся с http . Кавычки включать не надо.

    На вкладке Работа с редактором нажмите Вставить , а затем выберите пункт Веб-часть .

    В списке Веб-части выберите пункт Средство просмотра страниц и нажмите Добавить .

    Чтобы вставить адрес, скопированный в шаге 3, выберите пункт откройте панель инструментов и в поле Ссылка нажмите клавиши ⌘+V.

    Нажмите кнопку Применить и просмотрите страницу.

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

    Закончив работу, нажмите кнопку ОК в редакторе просмотра страниц и удалите тег IFRAME с вики-страницы.

    Изменения, внесенные в презентацию в службе OneDrive, автоматически отражаются на странице, куда внедрена презентация.



Рекомендуем почитать

Наверх