В сегодняшнем выпуске антологии мы рассмотрим очень важный вопрос: как превращать созданные в приложениях OpenOffice документы в web-страницы для публикации в интернете. Имеются в виду модули Writer, Calc, Draw и Impress. Конечно, OpenOffice 2.0 не способен конкурировать со специализированными web-редакторами, даже самыми простыми, но такая задача перед ним и не ставится. Зато он может оперативно готовить для публикации в сети текущие рабочие документы. Обычно они публикуются где-то "в глубинах" служебных сайтов и служат исключительно для подачи информации - дизайн там дело десятое…
Сохраняем в виде web-страниц документы Writer
Возможности Writer по работе с HTML-кодом включают самые основные функции: сохранение существующих документов в HTML-формате, создание новых HTML-документов и создание нескольких различных типов web-страниц с использованием мастера. Проще всего создать HTML-документ, преобразовав уже существующий документ Writer. Пользователь может предварительно просмотреть его в том виде, в котором он будет выглядеть на web-странице, пройдя в меню Вид --> Режим веб-страницы.
Для того, чтобы вставлять и изменять ссылки в документе, используется диалоговое окно "Гиперссылка". Отобразить этот диалог можно, просто щелкнув по значку Гиперссылка, который расположен на стандартной панели. Также можно зайти в меню по пути Вставить --> Гиперссылка. Кроме того, ввод или вставка URL в документ автоматически преобразует его в гиперссылку (если должным образом настроена Автозамена, разумеется). Отредактируем существующую ссылку:
1. В первом варианте помещаем курсор на ссылку при помощи клавиатурных клавиш со стрелками либо изменяем на статусной строке (внизу окна редактора) ТЕКСТ на ССЫЛ (щелкнув мышью по буквам ТЕКСТ или ССЫЛ в строке состояния). Тут нужно заметить одну особенность: когда в строке состояния отображается надпись ССЫЛ, и пользователь нажимает левой кнопкой мыши на ссылку в тексте, OpenOffice пытается открыть эту ссылку в браузере, который установлен в системе по умолчанию. Чтобы можно было нажать и позиционировать курсор, необходимо иметь надпись ТЕКСТ в строке состояния.
2. Выбираем в меню пункты Правка --> Гиперссылка. Открывается окно Гиперссылка.
Чтобы включить в ссылку уже существующий текст, следует его выделить, после чего открыть окно Гиперссылка. Затем копируем текст в поле Адрес и нажимаем кнопку Применить, чтобы вставить ссылку в документ перед закрытием этого окна.
Сохраняем документ в качестве одиночной web-страницы
Для сохранения документа как единственной web-страницы (HTML-формат) следует выбрать Сохранить как из меню Файл и указать в качестве типа файла Документ HTML. То есть все предельно просто. Единственное - нужно помнить о том, что Writer не заменяет многократные пробелы в оригинальном документе на HTML-код неразрывных пробелов. Если требуется иметь дополнительные пробелы в создаваемом HTML-файле или web-странице, пользователь должен сам вставить неразрывные пробелы в документ. Для этого следует нажимать вместо просто Пробел сочетание Control+Пробел.
Сохраняем документ в качестве ряда web-страниц
Модуль Writer может сохранять большие документы в виде ряда web-страниц (HTML-файлов) со страницей оглавления. Для этого осуществляем следующие операции:
1. Выбираем, какие заголовки должны использоваться в документе на новой странице, и убеждаемся в том, что все эти заголовки имеют один и тот же стиль (к примеру, Заголовок 1).
2. В меню проходим путем Файл --> Отправить и выбираем Создать документ HTML.
3. Открывается окно Имя и путь к документу HTML, в нем вводим имя файла, в который будут сохранены страницы. Кроме того, следует определить, какой стиль служит признаком новой страницы.
Создаем web-страницы при помощи Мастера
Специальный web-мастер OpenOffice позволяет создавать стандартные web-страницы нескольких типов. Используется он следующим образом:
1. Проходим путем Файл --> Мастер --> Веб-страница. Если это первая web-страница, единственным возможным значением параметра Установки для Веб- Мастера будет Стандарт. Затем нажимаем кнопку Дальше.
2. Выбираем документ, который требуется преобразовать, и вводим информацию в поля Заголовок, Краткое описание и Автор. Жмем кнопку Дальше.
3. Выбираем внешний вид содержания создаваемого web-сайта. Для этого следует щелкнуть мышкой по одному из образов внешнего вида, показанных в разделе Основная разметка диалогового окна Веб-мастер. После этого нажимаем кнопку Дальше.
4. Выбираем информацию, которая должна быть включена в каждый документ, и разрешение экрана. Нажимаем кнопку Дальше.
5. Выбираем стиль для страницы. Используем выпадающий список для выбора различных стилей и цветовых сочетаний. Тут также можно просмотреть фоновые рисунки и набор иконок, которые имеются в Галерее. Нажимаем кнопку Дальше.
6. Вводим общую информацию: Заголовок и Метаданные HTML. Нажимаем кнопку Дальше.
7. Выбираем папку, в которую будет сохранен файл. При желании можно предварительно просмотреть страницу.
При необходимости изменить либо просмотреть HTML-код, сгенерированный для документа, следует выбрать в меню Вид --> Исходный код HTML либо нажать на значок Исходный код HTML, который расположен на Стандартной панели инструментов.
Сохраняем в виде web-страниц документы Calc
Модуль электронных таблиц Calc также может сохранять файлы в формате HTML-документов. В данном случае следует пройти в меню Файл --> Сохранить как и выбрать Документ HTML либо пройти путем Файл --> Мастер --> Веб-страница. В случае, если исходный файл содержит более одного листа, то и листы в HTML-файле будут аналогичным образом следовать друг за другом. Ссылки на каждый лист будут размещены в верхней части документа. Calc также позволяет вставлять ссылки непосредственно в электронную таблицу, используя для этого диалоговое окно Гиперссылка, аналогичное описанному выше.
Сохраняем в виде web-страниц файлы презентаций
В OpenOffice пользователь может очень просто экспортировать готовые презентации в файлы Macromedia Flash. Для этого следует пройти в меню Файл -- > Экспорт, после чего выбрать в качестве типа файла тип Macromedia Flash. Также можно преобразовать презентацию в ряд web-страниц. Для этого выполняем следующее:
1. Сначала идем в меню Файл --> Экспорт и в качестве типа файла выбираем тип Документ HTML.
2. Выбираем папку для сохранения файла, определяем имя результирующего HTML-файла и жмем кнопку Экспорт. Открывается окно мастера экспорта в HTML-формат.
3. Выбираем единый дизайн для всех страниц. Можно выбрать уже существующий дизайн, а можно и самостоятельно создать новый. Если прежде пользователь не сохранял дизайн, переключатель Имеющийся дизайн не будет доступен.
4. Нажимаем кнопку Далее и выбираем тип создаваемых веб-страниц:
- Стандартный формат HTML: по одной странице для каждого слайда с использованием навигационных ссылок для перехода от одного слайда к другому. - Автоматически: создается одна страница для каждого слайда, на каждой странице используется мета-тег Refresh для автоматического просмотра браузером каждой страницы в цикле.
- Интернет-трансляция генерирует ASP- или Perl-приложение для отображения слайдов.
5. Решаем, в каком формате сохранять графику (GIF или JPG), а также выбираем используемое разрешение экрана.
6. Если на шаге №4 было выбрано "Создать титульную страницу", следует ввести на следующей странице для нее соответствующую информацию. Информация для титульной страницы содержит имя автора, адрес электронной почты и стартовой страницы, а также любые дополнительные сведения, которые необходимо включить.
7. Выбираем стиль навигационных кнопок для перехода от одной страницы к другой. Впрочем, можно не выбрать ни одной - в этом случае OpenOffice самостоятельно создаст текстовый навигатор.
8. Выбираем для web-страниц цветовую схему. Среди доступных схем - существующая схема документа, схема браузера и цветовая схема пользователя. Пользователь может сохранить новую схему, и тогда она появляется на первой странице мастера Экспорт HTML.
9. Наконец, для генерации HTML-файлов нажимаем кнопку Готово. На странице экспорта, если ранее не был выбран стандартный параметр, OpenOffice предложит несколько векторных или точечных форматов.
Сохраняем в виде web-страниц документы Draw
Экспорт в web-формат рисунков из модуля OpenOffice Draw аналогичен экспорту презентаций из модуля Impress. Проходим в меню Файл --> Экспорт, после чего выбираем тип файла "Документ HTML". При использовании мастера пользователь может создать web-страницу в любой момент времени нажатием кнопки Готово.
Общие замечания
Напоследок хотелось бы заметить, что OpenOffice, создавая HTML-файлы, помещает в код намного меньше "мусора", чем Microsoft Office. Способность MS Office буквально нашпиговывать HTML-файлы ненужным кодом в свое время даже стала притчей во языцех. После этого более-менее продвинутые пользователи раз и навсегда отказались от использования офисного пакета Microsoft для создания web-страниц.
В отличие от MS Office, OpenOffice создает намного более "худые" HTML-версии документов - соответственно, с намного более "чистым" кодом. Но заменой даже полупрофессионального web-редактора OpenOffice служить все равно не может.
Денис Лавникевич
Код внедрения, который вам нужен, должен быть в PowerPoint для Интернета . Эта возможность недоступна в версиях PowerPoint для Windows или Mac OS.
Получение кода внедрения
Внедрение презентации на веб-страницу или в запись блога
HTML-код, скопированный со страницы OneDrive, представляет собой тег iframe, который поддерживается во многих средах разработки веб-сайтов и службах блогов. Приведенная ниже инструкция подходит для большинства популярных служб блогов, таких как WordPress, Blogger и TypePad.
Хотя служба WordPress обычно не поддерживает теги IFRAME, для тегов IFRAME документов Office Online сделано исключение. Чтобы использовать режим редактирования HTML, не выбирайте команду Создать запись в верхней части страницы. Перейдите в панель управления блогом и щелкните Записи > Добавить .
В TypePad не используйте редактор "Экспресс-создание". Перейдите в раздел блоги , щелкните имя блога, а затем нажмите кнопку создать , в которой можно переключиться с ФОРМАТИРОВАННОГО текста на HTML-редактирование.
Если вы работаете с Blogger, перейдите от окна создания записи к режиму редактирования HTML-кода. После завершения следующего шага вы сможете вернуться в режим создания записи.
В редакторе блога или веб-страниц создайте запись и переключитесь в режим редактирования HTML.
Если ваша служба блогов не поддерживает теги IFRAME в записях, обратитесь за помощью к ее поставщику.
Вставьте из буфера обмена скопированный со страницы OneDrive HTML-тег, нажав сочетание клавиш ⌘+V.
Закончите создание записи. Просмотрите запись и опубликуйте ее как обычно.
Внедрение презентации в вики-сайт SharePoint
С помощью кода внедрения можно также добавить презентацию на вики-сайт SharePoint. В этом случае нужно вставить только часть тега iframe из раздела src в веб-часть просмотра страниц.
Откройте вики-страницу и нажмите Изменить .
Вставьте из буфера обмена в вики-страницу скопированный со страницы OneDrive HTML-тег, нажав клавиши CTRL+V. Благодаря этому вы сможете легко скопировать часть тега в веб-часть. Перед завершением удалите тег с вики-страницы.
Скопируйте часть тега между кавычками, начинающуюся с http . Кавычки включать не надо.
На вкладке Работа с редактором нажмите Вставить , а затем выберите пункт Веб-часть .
В списке Веб-части выберите пункт Средство просмотра страниц и нажмите Добавить .
Чтобы вставить адрес, скопированный в шаге 3, выберите пункт откройте панель инструментов и в поле Ссылка нажмите клавиши ⌘+V.
Нажмите кнопку Применить и просмотрите страницу.
Внесите необходимые изменения в веб-часть. Например, чтобы разместить презентацию во фрейме без полос прокрутки, в редакторе просмотра страниц разверните пункт Вид и укажите высоту 332 пикселя и ширину 407 пикселей.
Закончив работу, нажмите кнопку ОК в редакторе просмотра страниц и удалите тег IFRAME с вики-страницы.
Изменения, внесенные в презентацию в службе OneDrive, автоматически отражаются на странице, куда внедрена презентация.
Примечание: Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Была ли информация полезной? Для удобства также (на английском языке).
В процессе создания сайта может возникнуть необходимость интеграции на его страницы презентаций 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 вы для себя выберете - решать только вам. Мы лишь постарались объединить в одном материале различные способы решения данной, весьма актуальной задачи. Способы, иногда кажущиеся нетривиальными, как, например, запись презентации в видеоролик. Пробуйте, и у вас всё получится! Быть может, вы найдёте свой оригинальный способ, будем только рады, если вы нам о таком сообщите!
Цели урока:
расширение знаний о возможностях программы 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. Домашнее задание
Встроить web-страницу в слайд PowerPoint, чтобы докладчик мог, не прерывая презентацию, продемонстрировать сайт, показать видео, встроить PDF-документ или устроить интерактивное голосование среди слушателей.
Решения
Оказалось, что в PowerPoint имеется возможность встраивать элемент управления Microsoft WebBrowser ActiveX , который и отображает страницы.
Oднако такой вариант имеет существенные недостатки:
Так как докладчик будет самостоятельно встраивать страницы и может не обладать нужными знаниями, желательно сделать эту процедуру простой.
LiveWeb add-in
Поэкспериментировав с Visual Basic, я решил поискать готовое решение для докладчика. Кроме платных вариантов, вроде iBrowse , я нашел бесплатный add-in – LiveWeb . Страница с описанием довольно навороченная, но содержит всю нужную информацию по установке и работе с LiveWeb, повторять которую смысла нет. Поддерживаются версии Microsof PowerPoint с 97 по 2010. Add-in пользуется популярностью, а также продолжает поддерживаться разработчиком. Слайды сохраняются с расширением *.pptm (ppt + macros).
Кроме удобного создания и изменения параметров окна, важно, что LiveWeb при каждом посещении слайда обновляет страницу.
Примеры
Встроенное в презентацию видео (youtube)
Встроенный в презентацию SMS-опрос
Преимущества add-in
- Мастер встройки web-страниц в слайды, настройка параметров.
- Add-in показывает актуальную страницу при каждом просмотре слайда
- Исправить ситуацию с IE7 можно добавив мета-тег, с указанием желаемой версии Internet Explorer, на нужную страницу:
Недостатки
- При изменении параметров страницы, например адреса, другие настройки (размер и расположение)меняются на дефолтные, что неудобно.
- Не решены проблемы с прогресс-баром и пустой страницей (если сайт недоступен).
Итог
Конечно мета-тег на чужую страницу не вставить, не помешал бы прогресс-бар, да и интернет не всегда есть. Но как готовое решение для простой и быстрой вставки сайтов, совместимых с IE7, плагин зарекомендовал себя очень хорошо.