Цели урока:
расширение знаний о возможностях программы 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-страницы необходимо выполнить команду Файл/Сохранить как Веб-страницу, в открывшемся диалоговом окне Сохранение документа установить тип файла, имя и папку назначения, а затем щелкнуть кнопку Опубликовать . На экране откроется диалоговое окно Публикация веб-страницы – Рисунок 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?
В сегодняшнем выпуске антологии мы рассмотрим очень важный вопрос: как превращать созданные в приложениях 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 служить все равно не может.
Денис Лавникевич
Данная глава рассказывает о том, как сохранять документы в виде веб-страниц из модулей Writer, Calc, Draw и Impress. Подробности использования модуля Writer в качестве среды создания и редактирования приведены в Руководстве по Writer .
Сохранение документов Writer в виде веб-страниц
HTML возможности Writer включают сохранение существующих документов в формате HTML, создание новых HTML-документов и создание нескольких различных типов веб-страниц с использованием мастера.
Самый простой способ создания HTML-документов состоит в преобразовании существующего документа Writer. Вы можете просмотреть его в том виде, в котором он выглядит на веб-странице, выполнив Вид > Режим веб-страницы .
Вставка гиперссылок
Вы можете вставлять и изменять ссылки, используя диалоговое окно Гиперссылка. Отобразите этот диалог, щелкнув по значку Гиперссылка , расположенной на стандартной панели, или выполните Вставить > Гиперссылка . Ввод или вставка URL в документ (в зависимости от настройки Автозамены) автоматически преобразует его в гиперссылку.
Сохранение документа в виде единственной веб-страницы
Сохранение документа в виде ряда веб-страниц
Writer может сохранять большие документы в виде ряда веб-страниц (HTML-файлов) со страницей оглавления. Чтобы сделать это:
- Примите решение, какие заголовки должны использоваться в документе на новой странице и убедитесь в том, что все эти заголовки имеют один и тот же стиль (Например, Заголовок 1).
- Выберите Файл > Отправить и выберите Создать документ HTML .
- В открывшемся окне (рис. 16.3) введите имя файла, в котором будут сохранены страницы. Также определите, какой стиль служит признаком новой страницы (как вы решили на шаге 1).
- Нажмите кнопку Сохранить , чтобы создать многостраничный HTML-документ. (Для интересующихся, результирующие HTML-файлы соответствуют спецификации HTML 4 Transitional.)
Рис. 16.3. Создание ряда веб-страниц для одного документа
Создание веб-страниц с помощью Мастера
Веб-мастер OOo позволяет создавать стандартные веб-страницы нескольких типов. Чтобы использовать его:
- Выберите Файл > Мастер > Веб-страница
. Окно этого
мастера показано на
рис. 16.4 .
увеличить изображение
Рис. 16.4.
увеличить изображение
Рис. 16.5. - Выберите документ, который вы хотите преобразовать, и введите информацию в поля Заголовок, Краткое описани е и Автор , как показано на рис. 16.5 . Нажмите кнопку Дальше.
- Выберите внешний вид содержания вашего веб-сайта,
щелкнув по одному из рисунков внешнего вида, показанных на
рис. 16.6 . Нажмите кнопку Дальше
.
увеличить изображение
Рис. 16.6. - Выберите информацию, которая должна быть включена в
каждый документ, и разрешение экрана, как показано на
рис. 16.7 . Нажмите кнопку Дальше
.
увеличить изображение
Рис. 16.7. - Выберите стиль для страницы. Используйте выпадающий
список, показанный на
рис. 16.8 , для выбора различных стилей и цветовых
сочетаний. Вы также можете просмотреть фоновые рисунки и
набор иконок, имеющиеся в Галерее. Нажмите кнопку Дальше
.
увеличить изображение
Рис. 16.8. - Введите общую информацию, такую как Заголовок и
Метаданные HTML, как показано на
рис. 16.9 . Нажмите кнопку Дальше
.
увеличить изображение
Рис. 16.9. - Выберите папку, в которой будет сохранен файл, и можете
предварительно просмотреть страницу при желании, как
показано на
рис. 16.10 .
увеличить изображение
Рис. 16.10.
Для изменения и просмотра HTML-кода сгенерированного для документа, выберите Вид > Исходный код HTML или нажмите на значок Исходный код HTML , расположенный на Стандартной панели инструментов.
Сохранение электронных таблиц в виде веб-страниц
Calc может сохранять файлы в формате HTML-документов. Для Calc используйте Файл > Сохранить как и выберите Документ HTML , или выполните Файл > Мастер > Веб-страница.
Если файл содержит более одного листа, то листы в HTML-файле будут следовать друг за другом. Ссылки на каждый лист будут размещены в верхней части документа. Calc также позволяет вставку ссылок непосредственно в электронную таблицу, используя для этого диалог Гиперссылка.
Сохранение презентаций в виде веб-страниц
Вы можете экспортировать презентации в файлы Macromedia Flash: выполните Файл > Экспорт , а затем выберите в качестве типа файла тип Macromedia Flash.
Можно также преобразовать презентации в ряд веб-страниц.
Сохранение документов Draw в виде веб-страниц
Экспорт рисунков из модуля Draw OpenOffice.org идентичен экспорту презентаций из модуля Impress. Используйте Файл > Экспорт с последующим выбором типа файла Документ HTML .
При использовании мастера вы можете создать веб-страницу в любой момент времени нажатием кнопки Готово .
При необходимости совместного доступа к презентации или слайд-шоу семейства, друзьями и коллегами, сохраните его 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, автоматически отражаются на странице, куда внедрена презентация.
