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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Данная глава рассказывает о том, как сохранять документы в виде веб-страниц из модулей 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 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-страниц средствами PowerPoint

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

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

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

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

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

Часть 4.Создание Web-сайтов средствами MS FrontPage

1. Создание Web-сайтов средствами MS FrontPage

Выполняя предыдущие задания, вы познакомились с возможностями языка HTML для создания Web-сайтов. Хотя освоение этого языка не очень трудное дело, однако создание действительно эффективного Web-сайта –кропотливая задача, требующая значительных навыков и знаний. Упростить подготовку материалов для публикации в сети Интернет может использование средств MS Office. Однако для больших сайтов этот инструмент не всегда оказывается удобным, поскольку в нем отсутствуют возможности редактирования сайта в целом, нет сервисных средств проверки корректности подготовленных документов и т.д. Кроме того, форматирование документов средствами MS Office, рассмотренными выше, происходит по принципу WYSIWYG – соответствия его реального образа содержанию. Однако технические средства пользователей очень отличаются друг от друга и разработчик сайта может видеть его иначе, чем пользователь сети, то есть, принцип соответствия нарушается. Все это является существенным ограничением применения Ms Office (Word, Excel, Power Point) для разработки сайтов.

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

Начиная работу с программой FrontPage, следует помнить, что в результате получается документ HTML, построенный по тем же правилам, что и создаваемый вручную. Приложение FrontPage ориентировано на применение Internet Explorer, и создаваемый им код HTML наиболее адекватно отражается именно в этом браузере.

Создание Web-сайта состоит из трех основных этапов:

проектирование структуры узла;

создание страниц, входящих в структуру;

определение связей между страницами.

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

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

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

Допустим, что разрабатываемый нами сайт будет состоять из трех страниц:

Домашняя страница "Русский хлеб", сохраняемая в файле index.htm, должна содержать краткую информацию об истории фирмы и общую характеристику производимой продукции.

Страница "Прайс-лист" (файл price.htm) представляет сведения о товаре такие как название, цена и характеристика.

Страница "Заказ" (файл order.htm) должна обеспечить возможность оформить заказ и внести свои предложения производителю.

Схематично структуру такого сайта и потоки информации между страницами можно представить в виде рис. 4.1.

Рис. 4.13. Структура сайта

Для создания структуры Web-сайта необходимо осуществить загрузку приложения MS FrontPage и выполнить команду File/New/Web (Файл/Новый/Web), а затем в появившемся диалоговом окне New (рис. 4.2) указать тип сайта (One Page Web) и место его расположения.

Рис. 4.14. Структура окна MS FrotnPage

Созданный сайт сохраняется в новой папке (по умолчанию My Webs), которая помещается на локальный диск или на сервер Web. Его можно впоследствии открыть с помощью команды File/Open Web… или выбрать из списка последних открытых узлов (команда File/Reсent Webs ).

Окно приложения FrontPage содержит три части:

панель Views (Представление) содержит ярлыки для отображения различных представлений Web-сайта;

панель Folder List отображает дерево файлов и папок, составляющих физическую структуру узла;

окно для работы с выбранным представлением.

Панель Views позволяет выполнить просмотр Web-сайта в следующих режимах:

Page view (просмотр страницы);

Folders view (просмотр папок);

Reports view (просмотр отчета);

Navigator view (просмотр в режиме навигации);

Hyperlinks view (просмотр гиперссылок);

Тasks view (просмотр задач).

Для сохранения станицы Web-сайта, расположенной в активном окне FrontPage, используется команда File/Save (Файл/Сохранить). Если Web-страница ни разу не сохранялась, появится диалоговое окно Save As (Сохранить как).

Новые Web-страницы можно создавать несколькими способами. Например, для создания страницы "Прайс-лист" установите курсор в список папок Folder List и выполните команду File/New/Page (Файл/Создать/Страница). Используя контекстное меню и команду Rename (Переименовать), введите имя файла price.htm. Для создания следующей страницы "Заказ", предназначенной для ввода информации от покупателей и поставщиков воспользуйтесь кнопкой New Page на панели инструментов. Определите имя нового файла как order.htm.

Для включения страниц в структуру сайта перетащите файлы из панели Folder List в окно работы в режиме Navigation .

Встроенный редактор FrontPage становится доступным в режиме Page и позволяет работать с Web- страницей одним из трех способов:

Normal - редактирование страницы в режиме WYSIWYG, т.е. когда страница представлена так как она будет выглядеть Internet Explorer;

HTML - редактирование страницы в текстовом представлении;

Preview - просмотр и тестирование страницы.

Чтобы представить принципы редактирования Web-страниц, выполним открытие страницы index.htm. Существует несколько способов открытия страниц в FrontPage. Можно использовать команду File/Open (Файл/Открыть) или щелкнуть на кнопке Open (Открыть) панели инструментов Стандартная . Попробуйте открыть страницу, дважды щелкнув на имени файла страницы в одном из режимов - Folders, Hyperlinks, Navigator или Page. Web-страница откроется в режиме Page/Normal и будет доступна для редактирования. Введите текст, соответствующий содержанию Домашней страницы (рис.4.3). Обратите внимание, что эффектным средством структуризации документа является применение заголовков для различных абзацев текста.

Для создания заголовка установите курсор на абзаце, для которого вы хотите применить стилевое форматирование, а затем выберите один из шести уровней заголовков в списке Style (Стили) на панели инструментов форматирования.

Для создания логических разделов на Web-странице применяются горизонтальные линии, установка которых производится с помощью команды Insert/Horizontal Line (Вставка/Горизонтальная линия). Для изменения внешнего вида горизонтальной линии необходимо:

выделить горизонтальную линию;

из контекстного меню выбрать пункт Horizontal Line Properties (Свойcтва горизонтальной линии) и установить в открывшемся диалоговом окне ширину (Width ), высоту (Height ),цвет (Color ) и расположение на странице (Alignments ).

Рис. 4.15. Домашняя страница

Выполните предварительный просмотр результатов форматирования страницы, щелкнув на ярлыке Preview . Это режим не может воспроизвести все нюансы отредактированной страницы, как не может этого сделать никакой редактор. Окончательный просмотр Web-страницы следует производить Web-браузером. Для запуска браузера используйте команду File/Preview in Browser (Файл/Просмотреть браузером). В открывшемся диалоговом окне Preview in Browser выберите один из браузеров, установленных на вашем компьютере, установите размер окна браузера в группе параметров Window Size (Размер окна) и нажмите кнопку Preview . Если страница не была ранее сохранена, то появится диалоговое окно Save As (Сохранить как).

Существенное преимущество, которое дает FrontPage – это возможность управления сайтом как в процессе его создания так и при посещении страниц пользователями. Такая возможность обеспечивается общими полями и навигационными панелями. Навигационные панели предоставляют собой наборы гиперссылок, расположенные на общих полях Web-страницы. Общие поля располагаются по выбору разработчика у любого края страницы. Кроме основной – навигационной функции, общие поля и панели навигации придают Web-страницам единство стиля.

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

Выберите команду Format/Shared Borders (Формат/Общие поля) в одном из режимов - Folders , Hyperlinks , Navigator или Page .

В диалоговом окне Shared Borders (рис. 4.4) укажите страницы, на которых требуется отображать общие поля (на всех или на выделенных страницах), определите размещение общих полей и кнопок навигации.

Рис. 4.16. Диалоговое Shared Borders (

Добавление панели навигации осуществляется командой Insert / Navigation Bar .

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

Для применения темы необходимо выполнить команду Format/Themes (Формат/Тема), что открывает диалоговое окно Themes для выбора темы и настройки ее свойств – рис. 4.5. Так, установка опций Vivid Colors (Яркие цвета) делает цвет некоторых блоков текста или графических объектов более яркими, Active Graphics (Активная графика) создает анимацию некоторых элементов Web-страницы, Background Image (Фоновый узор) добавляет текстуру фона на Web-страницу, Apply Using CSS (С использованием таблицы стилей) позволяет использовать каскадные таблицы стилей.

Рис. 4.17. Окно Themes (Тема)

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

Рис. 4.18. Внешний вид Домашней страницы с использованием темы

1. Оформление таблиц средствами MS FrontPage

Использование таблиц на Web-страницах рассмотрим на примере оформления страницы "Прайс-лист", назначением которой является представлении информации о товарах, производимых фирмой.

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

в режиме Page выберем файл price.htm и установим курсор в то место Web-страницы, где мы предполагаем разместить левый угол таблицы;

создадим на странице "Прайс-лист" таблицу, состоящую из четырех строк и трех столбцов, используя команду Table/Insert/Table (Таблица/Вставить/Таблица). При появлении диалогового окне Insert Table (Вставить таблицу) в поле Rows (Число строк) и в поле Columns (Число столбцов) введем число 3.

заполним таблицу информацией в соответствии с рис. 4.7. Остальную информацию, представленную на странице, введем несколько позже.

Рис. 4.19. Web-страница Прайс-лист

После создания таблицы вы можете изменить ее вид в диалоговом окне Table Properties (Свойства таблицы). Выберите для этого любую ячейку таблицы и выполните команду Table/Properties/Table (Таблица/Свойства/Таблица). В диалоговом окне Table Properties (рис. 4.8) установке доступны следующие опции:

Рис. 4.20. Диалоговое окно Table Properties (файл F_Table_Properties)

Группа Layout (расположение) :

Alignment (Выравнивание) – устанавливает вид выравнивания таблицы по горизонтали относительно ширины Web-страницы;

Float (Обтекание) – позволяет расположить текст, не входящий в таблицу слева или справа от таблицы.

Cell padding (Поля ячеек) – определяет размер отступов в пикселях от краев ячейки до заполняющих ее элементов (по умолчанию принимается равным 1);

Call spacing (Шаг ячейки) – определяет расстояние в пикселях между прилегающими ячейками (по умолчнию принимается равным 2).

Группа Borders (границы) изменяет толщину линий и цвета обрамления таблицы. Обрамление состоит из двух линий – светлой и темной и применение разных цветов к ним создает эффект трехмерного изображения:

Light Border (Светлая граница) – определяет цвет светлой линии;

Dark Border (Темная граница) – определяет цвет темной линии;

Border (Граница) – определяет цвет обрамления, если опции Light Border и Dark Border определены по умолчанию (Default)/

Группа Background (Фон):

Color (Цвет) - позволяет установить цвет фона таблицы;

Use background picture (Использовать фоновый рисунок) – позволяет выбрать рисунок, который будет выбран в качестве фона в таблице.

При желании вы можете разместить заголовок перед таблицей. С этой целью:

Установите курсор в любую ячейку таблицы и выполните команду Table/Insert/Caption (Таблица/Вставить/Подпись). Указатель вставки текста переместится над таблицей по центру.

Введите текст подписи, например, дату обновления таблицы.

1. Создание ссылок и форм на страницах средствами MS FrontPage

Напомним, что гиперссылка – это связь, ведущая с одной Web-страницы на другую страницу, картинку, адрес электронной почты или файл, расположенный за пределами сайта, который вы создаете или просматриваете. Это позволяет подразделить гиперссылки следующим образом:

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

Просмотр всех ссылок, относящиеся к выбранной странице, можно осуществить в режиме Hyperlinks .

Рассмотрим некоторые способы создания гиперссылок на примере дальнейшего оформления Web-страницы "Прайс-лист". Сначала введите всю исходную информацию на редактируемую страницу в соответствии с рис. 4.7. Затем для создания ссылки на закладку необходимо:

Создать закладки с использованием команды Insert/Bookmark (Вставить/Закладка).

Выделить текст или объект, при указании на который требуется перейти по гиперссылке и выполнить команду Insert/Hyperlink (Вставка/Гиперссылка).

В появившемся диалоговом окне – рис. 4.9, выделить страницу, на которой размещены закладки, и выбрать нужную закладку из списка Bookmark (Закладка).

Рис. 4.21. Диалоговое окно Insert Hyperlinks (создание гиперссылки)

Выполните операцию создания гиперссылок, обеспечивающих переход от рисунков из столбца Характеристики собственно к тексту страницы, где помещены характеристики товара.

Для создания гиперссылок, осуществляющих переход к другим целевым ресурсам, внимательно изучите возможности диалогового окна Insert Hyperlink .

Кроме обыкновенных ссылок в виде текста или рисунков, приложение FrontPage позволяет создавать так называемые карты – графические изображения, которым назначена ссылка. Щелчок по активной зоне позволяет перейти по указанной ссылке. Можно назначить ссылку целому рисунку или отдельному фрагменту. Рассмотрим эту операцию на примере оформления Web-страницы "Заказ". Подготовьте небольшой рисунок, сохранив его в папке Images вашего сайта, и только потом вставьте его на страницу "Заказ". Далее создание карты необходимо производить в следующей последовательности:

выберите рисунок на странице. На экране отобразится панель инструментов Pictures ;

используя инструмент рисования прямоугольника, эллипса, многоугольника, нарисуйте контур на активной зоне изображения;

При этом будем считать, что та часть рисунка, в которой расположен текст "Отдел маркетинга" должна иметь гиперссылку на форму заказа товара, а текст "Web-администратор" – гиперссылку на адрес электронной почты web-администратора. Форма заказа может размещаться на этой же странице. Введите заголовок формы в нижней части страницы и установите перед ним закладку, к которой будет осуществляться переход при нажатии на текст "Отдел маркетинга". Страницы order.htm представлен на рис.4.10.

Рис. 4.22. Фрагмент страницы оrder.htm

Кроме гиперссылок на этой странице представлено использование – распространенного и эффективного способа установления контактов между пользователем и владельцем Web-сайта. Формы могут создаваться несколькими способами. Один из них – использование шаблонов, когда разработчик Web-страницы выбирает подходящую форму из набора имеющихся шаблонов. В случае, когда ни один из предлагаемых шаблонов вас не устраивает, можно воспользоваться мастером форм Form Page Wizard . Для этого при создании новой страницы из списка предлагаемых шаблонов выбирается шаблон Form Page Wizard . Проектирование формы выполняется в этом случае в диалоговом режиме в соответствии с запросами мастера.

Некоторые разработчики предпочитают разрабатывать формы самостоятельно. Для этого с помощью панели инструментов Form (Форма) создается новая форма, в которую затем помещаются элементы управления, текст и графические объекты.

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

Каждый элемент управления формы имеет набор свойств, определяющих название элемента, установки по умолчанию, внешний вид, тип принимаемых данных. Для открытия диалогового окна, в котором задаются свойства, необходимо выбрать элемент управления, вызвать контекстное меню, нажатием правой кнопки мыши, и выполнить команду From Field Properties (Свойства поля формы).

Для ввода фамилии, имени, отчества и другой текстовой информации целесообразно выбрать однострочное текстовое поле On-line Text Box. Это поле имеет следующие свойства, отраженные в диалоговом окне (рис. 4.11):

Рис. 4.23. Диалоговое окно Text Box Properties

Name (Имя) – имя элемента управления, служащее для идентификации содержащихся в нем данных.

Initial value (Начальное значение) – символы, отражающиеся после открытия формы.

Width in characters (Количество символов) – длина текстового поля в символах.

Tab order (Порядок перебора) – определяет порядок перебора элементов управления при нажатии клавиши Tab .

Password field (Пароль) – устанавливается Yes при необходимости ввода пароля.

Для фиксации заказа товара следует использовать поле Check Box (Флажок). Свойства этого поля состоят описания его имени, пересылаемого на сервер значения и указания и необходимости его установления при открытии формы.

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

Рис. 4.24. Диалоговое окно Drop-Down Menu

В этом окне предоставляется возможность заполнить или изменить раскрывающийся список:

кнопка Add (Добавить) - добавление элементов списка;

кнопка Modify (Изменить) –изменение имени, значения или начального состояния записи;

кнопка Remove (Удалить) – удаление строки из списка;

Move Up (Вверх) и Move Down (Вниз) –изменение расположения записей.

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

При самостоятельном создании формы необходимо указать средство для обработки данных, пересылаемых на сервер. С этой целью откройте контекстное меню, щелкнув правой кнопкой мыши в любом месте формы, и выберите строку Form Properties (Свойства формы) - рис. 4.13.

Рис. 4.25. Диалоговое окно Form Properties

В этом диалоговом окне предлагаются различные средства обработки формы:

Send to File name (Направить в файл);

Send to E-mail (Направить по электронной почте);

Send to other (Другое).

После выбора способа обработки данных, например, направления данных в файл, необходимо установить опции в диалоговом окне (Параметры сохранения результатов формы) – рис.4.14. Доступ к этому окну осуществляется нажатием кнопки Options (Параметры) диалогового окна Form Properties (Свойства формы).

Рис. 4.26. Диалоговое окно Options of Form

Данное окно имеет четыре вкладки:

File Results (Запись результатов в файл);

E-mail Results (Отправка результатов по электронной почте);

Confirmation Page (Страница подтверждения);

Saved Fields (Сохраняемые поля).

При пересылке данных в файл на соответствующей вкладке устанавливаются имя файл для сохранения данных формы (File name ), формат файла (File format ), а также опции, позволяющие пересылать данные в паре с именем поля (Include field names ) и добавлялись в конец файла HTML (Latest results at and ). Если направление данных происходит в текстовый файл, то они всегда дописываются в конец.

После создания формы, откройте Web-сайт в браузере. Перейдя на страницу "Заказы", вы можете очистить форму или ввести в нее свою информацию. Данные формы сохраняются сервером в формате, который вы определили в окне Options for Saving Results of Form (Параметры сохранения результатов формы).

1. Контроль над разработкой Web-сайта

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

Для получения информации о создаваемом узле и ее анализе, можно воспользоваться режимом Reports view (просмотр отчета) на панели Views . При нажатии на значок Reports (Отчеты) на панели инструментов появится панель Report (Отчеты), на которой в раскрывающемся списке следует выбрать тип отчета. Стандартный режим –Site Summary (Обзор сайта) – рис. 4.15.

Рис. 4.27. Общий отчет о содержании Web-сайта

В этом режиме приводится общая информация о страницах сайта. В отчете All Files (Все файлы) указывается общее число файлов и их суммарный размер. Отчет Pictures (Изображения) дает информацию о числе и размере изображений. Сроки Linked Files (Связанные файлы) и Unlinked Files (Несвязанные файлы) показывают, к каким файлам есть доступ по гиперссылкам с начальной страницы, а к каким - отсутствует. Строка Slow pages (Медленные страницы) дает информацию о медленно загружающихся страницах. Задание ограничения на время загрузки страницы выполняется с использованием команды Tools /Options /вкладка Reports View (Сервис/Параметры/ вкладка Отчеты). Страница считается медленной, если время ее загрузки превосходит значение счетчика "Slow page " take at least … ("Медленные страницы загружаются как минимум…"). Расчет времени загрузки производится с учетом предполагаемой скорости соединения, выбрать которое можно из списка Assume connection speed (Считать скорость соединения равной).

Для просмотра отчетов, представляющих информацию о корректности гиперссылок на сайте, используется строка Broken hyperlinks ("Мертвые" ссылки). Этот режим позволяет выявить наличие ссылок на несуществующий ресурс.

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

Во FrontPage предусмотрена автоматизация ведения такого списка. Для ввода новой задачи и просмотра списка уже созданных задач на панели Views (представление) используется режим Тasks view (просмотр задач). Новая задача в этом режиме включается с помощью команды File/New/Tasks (Файл/Создать/Задача), выполнение которой приводит к открытию диалогового окна New Task (Создание задачи). Ввод информации в соответствующие поля этого диалогового окна позволяет ввести информацию, необходимую для контроля за ходом выполнения работ.

Доступ к задаче осуществляется двойным щелчком на строке с описанием задачи в окне Tasks .

Часть 5.Тестирование и публикация Web-узла

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

При проверке корректности информации следует обращать внимание на следующее:

достоверность публикуемого материала, его стилистику и орфографию;

наличие ссылок на публикации при цитировании материалов других авторов;

правильность работы гиперссылок, присутствующих на вашем сайте;

существование информационных ресурсов при ссылках на URL-адреса в сети Интернет;

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

При тестировании сайта важно учитывать технические характеристики компьютеров потенциальных посетителей. Страницы следует просмотреть вне зависимости от их дизайна на экранах с разной разрешающей способностью с помощью команды редактора FrontPage File/Preview in Browser (Файл/Просмотр браузером).

После завершения всех этапов создания и тестирования Web-сайта его можно опубликовать как в сети Интернет так и в локальной сети. Самый лучший способ - разместить сайт на сервере своего провайдера или корпоративном сервере. В этом случае вам потребуется консультация администратора Web-сервера по вопросам способов и параметров связи при публикации, а также принятой системы адресов новых ресурсов. Публикация сайта может выполняться с помощью Мастера издания Web (кнопка Пуск/Программы/Стандартные/Средства Интернет) или средствами, встроенными во FrontPage, выполняя команду File/Publish Web (Файл/ Опубликовать Web-сайт).

Для размещения Web-узла на домашнем персональном компьютере или в корпоративной сети, а также для разработки и тестирования Web-сайта перед его размещением у поставщика услуг Интернет.можно использовать сервер MS Personal Web Server .

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

Регистрация.

Откройте страницу /user и зарегистрируйтесь на сервере, последовательно заполняя поля регистрационной карточки пользователя. После успешной регистрации ваша страница будет иметь URL-адрес вида: /`Имя_пользователя. При каждом посещении сервера вам потребуется ввести имя пользователя и пароль в окно ввода сетевого пароля.

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

Контроль.

Просмотр Web-cайта.

Введите в строку адреса браузера URL-адрес Домашней страницы и выполните тестирование сайта.

Заключение

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

Список литературы

Куртер Дж., Маркви А.Microsoft Office 2000: учебный курс – СПб: Питер,2000.-640с.: ил.

Новиков Ф.А., Яценко А.Д. Microsoft Office 2000 в целом. - СПб.: БХВ – Санкт-Петербург, 2000. - 728 с. ил.

Проектирование интерактивных Web-приложений: Учебное пособие - М.: Горячая линия,2001.-272 с.: ил.

Кречман Д.Л., Пушков А.И. Мультимедиа своими руками. - СПб.: БХВ – Санкт-Петербург, 1999. - 528 с. ил.

Практический курс Adobe Illustrator 7.0: Пер. с англ. – М.: КУБкК-а,1998. – 336 с.: ил.: компакт-диск.

Вайскопф Дж. Microsoft Frontpage 2000.: учебный курс -СПб: Издательство "Питер",2000.- 352 с.:ил.

Даконта. XML и Java 2 Изд.Питер пресс 2001 Спб Серия "Библиотека программиста", 384 с.

Омельченко Л.Н., Федоров А.Ф. Самоучитель Microsoft® FrontPage 2000. СПб.:БХВ - Санкт-Петербург,2000. - 512 с.:ил.

Шапошников И.В. Web-сайт своими руками. - СПб.:БХВ- Петербург, 2000. - 224 с.: ил.

/designer/index_0001.html - Портал WDW, раздел Компьютерный дизайн.

http :// members . rotfl . com / bobleon - персональная страница московского писателя, дизайнера и специалиста по рекламе и маркетингу Бориса Леонтьева.

http :// wing . da . ru / welcom . asp - WinG 3D World – сайт, посвященный трехмерной графике.

http :// www / labirint . ru -реклама, графический дизайн.

/inet/web.htm -Сайт предприятия как инструмент маркетинга, статья Елькина Р.Н.

/train/tr12.htm - Продвижение веб-сайта через регистрацию в поисковых системах.

/ - Маркетинговые исследования.

http://barhan.poltava.ua/marek/21.html - МАРКЕТИНГ & РЕКЛАМА™ - Полезные ссылки - сайты о рекламе и маркетинге.

1 ASCII – Американский стандартный код по обмену информацией

маркетинга ; составляющие маркетинга сочетание...

Практикум по дисциплине интернет-технологии для бизнеса

Автореферат диссертации

Т.Ю. Бовт В.В. Практикум по дисциплине Интернет-технологии для... “Электронная коммерция”, “Интернет-маркетинг в банковском деле”, “Электронная система... из текущего каталога; quit - окончание работы... каждому!… в МЭСИ, по курсам , входящим в учебные планы...

Государственный образовательный стандарт

электронные Маркетинг Маркетинг Практикум по курсу

ИМ Специальность 080103 " Национальная экономика" Квалификация экономист Тамбов – 2007 1 ОБЩАЯ ХАРАКТЕРИСТИКА СПЕЦИАЛЬНОСТИ 0600700 " НАЦИОНАЛЬНАЯ ЭКОНОМИКА"

Документ

Средства реализации.Машиночитаемые и электронные носители информации. Магнитные носители... 138 ОПД. Ф.07 Маркетинг Маркетинг как философия и методология... – М.: ВЛАДОС, 1998. 2.Басова Т.Е. Практикум по курсу "Мировая экономика". - М.: Финансы и статистика...

При необходимости совместного доступа к презентации или слайд-шоу семейства, друзьями и коллегами, сохраните его 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, автоматически отражаются на странице, куда внедрена презентация.