Word как редактор веб страниц

Рубрика Word

Также статьи о работе со страницами в Ворде:

• Как настроить поля страницы в Word?
• Как в Word отображать на экране сразу две страницы?
• Как в Word выделить страницу?
• Как делается зебра в Ворде?

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

Создание веб страницы в Ворде с нуля начинается с создания нового документа Ворд. После создания нового документа следует установить режим просмотра «Веб-документ» на вкладке «Вид», что позволит отобразить страницу на ширину всего экрана.

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

После оформления страницы или открытия уже готового файла Ворд можно переходить к сохранению документа Word как веб страницы. Для этого переходим на вкладку «Файл», выбираем меню «Сохранить как» и выбрав место сохранения указываем тип файла для сохранения «Веб-страница».

При сохранения документа Ворд как веб страницы будет создан файл с расширением *.htm, и папка с таким же названием и добавлением *.files в конце. В htm файле хранится вся текстовая информация и html разметка документа, а в папке будут сохранены все вставляемые в документ объекты и другие вспомогательные файлы.

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

Курсы работы в Корде

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

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

Шаги

1. 

   Загрузите Word.

2. 

   Напечатайте на странице «Homepage» (Домашняя страница).

3. 

   Нажмите «Файл» (File) > «Сохранить как веб-страницу» (Save as Webpage). В Office 2007 кликните по кнопке «Офис» (Office) > «Сохранить как» (Save As) > «Другие форматы» (Other Formats).
4. 

   Сохраните вашу страницу как index.html. Для Office 2007 поменяйте тип файла в меню «Сохранить как» (Save as type) на «Веб-страница» (Web Page).

5. 

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

6. 

   Добавьте немного дополнительного текста; попробуйте ввести, например, «Это моя домашняя страница».

7. 

   Почаще сохраняйте свою работу (просто нажмите на значок сохранения – Word запомнит документ как веб-страницу).

8. 

   Делайте то же самое при создании других страниц (прочитайте ниже, как сделать гиперссылку).

9. 

   Введите «Link to homepage» (Ссылка на домашнюю страницу) под текстом.

10. 

    Выделите текст.

11. 

    Кликните «Вставка» (Insert) > «Гиперссылка» (Hyperlink) (для всех версий)
12. 

    Поищите файл index.html.

13. 

    Найдя файл, выберите его и нажмите на кнопку «ОК».

14. 

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

15. 

    Вы можете добавить гиперссылку на другой сайт – в диалоговом окне «Вставить ссылку» (Insert Hyperlink) введите адрес веб-страницы в текстовом поле «Адрес» (Address).

16. 

    Продолжайте делать так, пока ваш сайт не будет готов!

17. 

    Вы хорошо потрудились. Однако не забывайте, о чем говорилось во введении к данной статье.

Советы

• Сделайте свой сайт привлекательным с помощью разнообразных фотографий, ссылок и информации.
• Назовите страницы (за исключением главной) так, чтобы легче было запомнить.
• Изучите HTML.
• Получите хостинг. Никто не может увидеть ваш сайт, пока он не появится в интернете. Существуют бесплатные хостинговые сайты (это на самом деле простые ресурсы), а также профессиональные платные сервисы.
• Присмотритесь в сети к некоторым простым веб-сайтам, которые соответствуют тому, что вы пытаетесь сделать. Хотя вы не можете сделать динамический сайт как WikiHow или MSN.com в Word или Publisher – нужны слишком расширенные настройки (PHP, Client-Site Includes, ASP.NET и многие другие).
• Гораздо проще сделать сайт в Publisher, где представлены специальные веб-страницы дизайнеров.

Предупреждения

• Если вы планируете разместит свой сайт в интернете, будьте осторожны, чтобы не включить каких-нибудь личных данных, которые не намерены обнародовать в информации документа.
• Как отмечено в заголовке статьи, создание HTML с помощью любого продукта Microsoft Office, кроме Expression Web, по большей части плохая идея. Тот факт, что программа может сохранять файл как HTML, не делает ее программным обеспечением для веб-дизайна.

Что вам понадобится

• Компьютер
• Microsoft Office Word (все версии)

Информация о статье

Эту страницу просматривали 29 127 раза.

Была ли эта статья полезной?

Цель работы: освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.

Используемое программноее обеспечение: текстовый процессор Microsoft Word.

    Замечание. Чтобы проверить, работает ли Web-мастер, выполните команду Файл —> Создать. Если в открывшемся окне имеется вкладка Web-страницы, значит, можно работать дальше. Если такой вкладки нет, то необходима переустановка Microsoft Office с включением режима создания HTML.

Задание

    В данной работе вы реализуете проект семейного сайта. Ниже вы видите макет главной страницы и макет «Папиной страницы». Макеты остальных страниц вы можете по аналогии создать сами.

   1. Открыть текстовый процессор Word.

   2. Выполнить команду Файл -> Создать. В появившемся окне выбрать вкладку Web-страницы. Щелкнуть на значке Новая Web-страница.

   3. Оформить внешний вид страницы в соответствии с приведенным образцом, используя обычные средства Word (управление форматированием, шрифтами; можно сделать цветной фон, подобрать текстуру, заливки и пр.). При наборе текста страницы не подчеркивать слова (Папа, Мама, Сережа, Тимка, биография). Подчеркивания появятся автоматически после вставки гиперссылок.

   Вставить рисунок можно либо из файла со сканированной фотографией (если у вас такой имеется), либо выбрав любой рисунок из Microsoft Clip Gallery.

   4. Вставить внутренние гиперссылки. Для этого:

       => установить курсор перед абзацем, начинающимся словами: «Моего папу зовут …»;
       => выполнить команду Вставка —> Закладка;
       => в открывшемся окне в строке Имя закладки ввести какое-нибудь имя, например «М1»; щелкнуть на кнопке Добавить;
       => в списке, расположенном выше, выделить слово «Папа»;
       => выполнить команду Вставка —> Гиперссылка;
       => в появившемся окне щелкнуть на кнопке Обзор напротив строки «Имя объекта в документе»;
       => выбрать имя созданной закладки (M1); щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.

   5. Аналогичным образом организовать внутренние гиперссылки на других словах из списка (Мама, Сережа, Тимка) к соответствующим абзацам главной страницы.

   6. Сохранить полученную страницу в файле с именем family.htm (расширение установится автоматически) в папке Мои документы (окно с данной страницей не закрывать).

   7. Создать «Папину страницу» (см. п. 1-2); гиперссылок в ней пока создавать не нужно. Сохранить страницу в файле father.htm в папке Мои документы.

   8. Вернуться к главной странице. Создать в ней внешнюю гиперссылку на «Папину страницу». Для этого:

       => выделить первое в тексте слово «Биография»;
       => выполнить команду Вставка -> Гиперссылка;
       => в появившемся окне щелкнуть на кнопке Обзор напротив строки Связь с файлом/URL;
       => найти и выбрать ранее созданный файл father.htm; щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.

   9. Вернуться к «Папиной странице». Создать в ней внешнюю гиперссылку на сайт Московского университета. Для этого:

       => выделить текст «Московского государственного университета им. М. В. Ломоносова»;
       => выполнить команду Вставка —> Гиперссылка;
       => в появившемся окне в строке Связь с файлом/URL набрать URL-адрес МГУ: щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.

   10. Создать остальные страницы семейного сайта, согласно плану, представленному на схеме. Организовать связи между страницами и внешние связи. Не забудьте сохранить все созданные файлы. (Мои документы/11 класс/Ф.И.О)

   11. Установите автономный режим работы браузера.

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

   13. Отменить автономный режим, проверить работу внешних гиперссылок.

и для «чайников», и для профессионалов

Полезный совет

Количество и разнообразие Web-редакторов, созданных к настоящему
времени разными компаниями и даже отдельными людьми, весьма велико: и чисто
текстовые, и визуальные, и даже поддерживающие стандарт WYSIWYG, хотя и не всегда
полноценно. Но каждый из этих редакторов надо где-то доставать, скачивать или
покупать, устанавливать, осваивать — в общем, дел предостаточно. Даже Web-редактор
Visual Studio, встроенный в Office2000, нужно установить и освоить.

Однако для того чтобы быстро создать HTML-документ, не нужно специальных редакторов.
Уже в Microsoft Word 97 есть встроенный конвертор, позволяющий сохранить документ
в формате HTML. При этом будет сохранено большинство параметров форматирования
текста. А Word 2000 сохраняет в HTML-документе абсолютно все эти параметры,
используя язык XML — несколько более продвинутую версию HTML, поддерживаемую
современными версиями браузеров. В Office 97 HTML-конвертор по умолчанию не
устанавливается, так что при инсталляции пакета приходится указывать соответствующую
опцию, в Word 2000 же HTML-формат сделан одним из основных и этот редактор можно
настроить так, что все документы будут сохраняться только в данном формате,
причем без каких-либо потерь.

Возьмем, к примеру, исходный документ, представленный на рис.
1. На рис. 2 показан он же, сохраненный в Word 97 в
формате HTML и открытый в браузере, а на рис. 3 — сохраненный
в Word 2000 в формате HTML и открытый в браузере. На рис. 4
дан код, генерируемый HTML-конвертором из Word 97, а на рис.
5 — из Word 2000.

Можно вызвать конвертор HTML из Word 97, выбрав из меню Файл команду Сохранить
в формате HTML (она будет там, только если конвертор установлен), а в Word 2000 —
вызвав оттуда же команду Сохранить как Web-страницу.

Посмотрев на результаты работы HTML-конверторов обеих версий Office, можно
сделать определенные выводы. Во-первых, и тот и другой конвертор создают весьма
нерациональный код для размещения в Web. HTML-конвертор из Word 97 почему-то
просто «закидывает» документ тэгами <font>, а HTML-конвертор Word 2000
вообще использует весьма громоздкий язык XML, к тому же поддерживаемый отнюдь
не всеми моделями браузеров. Во-вторых, эти конверторы позволяют использовать
Word как Web-редактор, так как любой HTML-документ можно открыть в Word, отредактировать
и вновь сохранить в HTML-формате. При этом даже в Word 97 доступный набор функций
редактирования вполне приличный, во всяком случае он не уступает программе FrontPage
Express. В-третьих, они создают полноценные Web-страницы, если посредством этих
конверторов сохранять документы с внедренными рисунками, — полноценные в том
смысле, что все эти рисунки окажутся сохраненными в той же папке, что и HTML-документ.
В-четвертых, конвертор из Word 2000 сохраняет в HTML-документе абсолютно все
форматирование, даже надписи, автофигуры и расстояние между абзацами, в то время
как Word 97 может проигнорировать немало информации. Даже если некоторые элементы
оформления, сохраненные HTML-конвертором Word 2000, будут неправильно отображаться
в браузере, то при повторном открытии документа в Word этот документ станет
выглядеть абсолютно так же, как и перед закрытием. В-пятых, ни JavaScripts,
ни VBScripts в Web-страницу посредством Word так просто не вставить. В-шестых,
Word 2000 создает больший по размерам HTML-файл, чем Word 97, но при этом меньший,
чем исходный Word-документ (рис. 6).

HTML-конверторы редактора Word могут сослужить службу тому, кто желает быстро
разместить в Интернете результаты своих трудов, но при этом не знают языков
разметки Web-документов и не имеют времени на знакомство с ними. К тому же в
этом случае для создания Web-страницы не нужно осваивать никаких дополнительных
программ — достаточно лишь знать основные приемы работы в Word. Впрочем, это
вполне очевидное применение таких конверторов.

Однако и тем, кто знаком с Web-дизайном и строит сайты профессионально, не стоит
говорить, что HTML-конвертор Word — «редактор для ламеров», и на этом основании
никогда его не использовать. Конвертор может серьезно облегчить решение многих
задач при создании сайтов. Особенно тот, что входит в состав Word 97, — увы,
в Word 2000 он, позволяя сохранять в HTML-документе все форматирование, во многом
бесполезен вне этой задачи.

А теперь рассмотрим, как же профессионалы Web-дизайна могут использовать HTML-конвертор
Word. Начнем с конвертора из Word 97.

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

Однако, к сожалению, код Web-страницы, полученный в результате такой конвертации,
придется дорабатывать. Для этого его нужно будет открыть в любом текстовом редакторе,
поддерживающем функцию замены. Весьма удачным выбором будет Microsoft Word 6.0,
поставленный поверх Word 97 в другой каталог, однако можно использовать и режим
Вид-Источник HTML в самом Word 97) и удалить все тэги <font… >, </font>,
символ табуляции, все лишние ссылки и строчки, а затем немного подредактировать
(добавив вручную пару-тройку гиперссылок в начало и в конец текста, установив
желаемый шрифт и параметры фона). Это процесс не очень быстрый, но, согласитесь,
добавлять тэги к каждому абзацу было бы дольше.

Если для редактирования полученного Web-документа использовать Microsoft Word
6.0 или Microsoft Word 97 в режиме просмотра источника HTML, то имеет смысл
все операции замены записать в макрокоманду.

Можно оформить документ так же, как и текст на листе бумаги (то есть без расстояния
между абзацами и с отступами красных строк, например как на рис.
7). Тогда следует заменить все границы однотипных по выравниванию абзацев
конструкциями типа <br>&nbsp;&nbsp;&nbsp;, а также добавить
символы &nbsp;&nbsp;&nbsp; (попросту — пробелы) в начало каждого
абзаца, за исключением заголовков. К примеру, если текст документа выровнен
по ширине, а заголовки — по центру, то надо произвести две замены: конструкции
</p>^p<p align=justify> на <br>&nbsp;&nbsp;&nbsp;,
а затем — тэга <p align=justify> на <p align=justify>&nbsp;&nbsp;
&nbsp;. Это тоже хорошо записать в макрос, если использовать Word 6.0 или
Word 97 для окончательной доработки HTML-кода Web-документа.

Очень полезная функция HTML-конвертора Word 97 — «вытаскивание» рисунков из
документа Word. Вопрос о переводе рисунка, внедренного в Word, в формат gif
или jpeg, иногда стоит весьма остро. Простое копирование в MS Paint, Photo Editor,
Adobe Photoshop и др. через буфер обмена к хорошему результату не приведет —
качество рисунка будет очень плохим. Многие издательства вследствие этого не
принимают к публикации файлы Word с внедренными рисунками, если у них используются
для верстки другие программы. Однако «вытащить» рисунки из документа Word элементарно
просто: нужно всего лишь сохранить его в формате HTML. При этом все внедренные
графические объекты окажутся сохраненными в формате gif или jpeg в той же папке,
что и полученный Web-документ.

HTML-конвертор Word 97 сохраняет изображения очень интеллектуально и хорошо.
Он самостоятельно выбирает формат (gif или jpeg) для каждого рисунка, исходя
из соотношения между размером и качеством будущего файла. Само сохранение происходит
корректно и экономно, если один и тот же bmp-файл отконвертировать в jpeg-формат
с помощью графического редактора (например, ACDSee) или вставить в документ
Word, сохранить тот в формате HTML и сравнить размеры полученных файлов с рисунками
(качество будет одинаковым), то разница может достигать даже полутора-двух раз
в пользу HTML-конвертора Word. Таким образом, этот конвертор можно считать на
настоящий момент наиболее эффективным средством для конвертации графических
изображений в форматы gif или jpeg.

Диаграммы и формулы, подготовленные соответственно в Microsoft Graph и Microsoft
Equation Editor, также конвертируются в файлы gif или jpeg. Так что не надо
осваивать сложные графические редакторы или возиться со сканером, чтобы вставить
на страницу график или алгебраическое выражение.

Автофигуры и объекты WordArt конвертором не обрабатываются и при сохранении
документа игнорируются. (Если до этого файл не был сохранен в каком-либо другом
формате, поддерживающем все содержащееся в документе оформление, то будет выдано
предупреждение о возможной потере данных.) Однако если вы хотите, чтобы рисунок
из автофигур все же был отконвертирован в формат gif или jpeg, то сгруппируйте
его элементы, удалите сгруппированный рисунок в буфер обмена, а затем вставьте
его назад в документ как Точечный рисунок или Метафайл Windows посредством команды
меню Правка-Специальная вставка. После этого запускайте конвертор, и ваш рисунок
благополучно будет сохранен в gif или jpeg. Точно так же поступайте и с объектами
WordArt — после Специальной вставки в качестве рисунков они не потеряются при
сохранении документа в формате HTML.

Конвертируя таким образом объекты WordArt, можно безо всякого труда получить
прекрасные заголовки для ваших Web-страниц. Если создание красиво оформленного
текста даже в Adobe Photoshop является задачей нетривиальной, то в Word с помощью
объекта WordArt это делается за несколько секунд.

Благодаря большому набору готовых объектов очень удобно использовать средства
рисования в Word для создания несложной графики для Web. Опять-таки нарисуйте
то, что вам надо, с помощью автофигур, сгруппируйте, вставьте на нужное место
с помощью Специальной вставки как «Рисунок Wmf» и сохраняйте документ в HTML-формате.

Итак, HTML-конвертор Word 97 полезно использовать любому Web-мастеру в следующих
случаях:

• при необходимости отконвертировать в формат HTML тексты большого объема,
  особенно содержащие таблицы, диаграммы, рисунки. Полученный Web-документ будет
  требовать некоторой доработки (удаления лишних тэгов), которая может быть
  выполнена в любом текстовом редакторе, имеющем функцию замены фрагментов текста,
  желательно с возможностью использования специальных символов (конца абзаца
  и др.);
• при необходимости «вытащить» из документа Word рисунки и сохранить их в
  отдельных файлах gif или jpeg;
• при необходимости создать несложный рисунок, диаграмму, формулу или красивый
  заголовок для помещения на Web-странице. В этом случае можно даже создать
  такие рисунки или графики в чистом документе с помощью средств Office, потом
  сохранить этот документ в формате HTML и использовать полученные графические
  файлы в своей работе.

Все эти возможности достаточно уникальны. Фактически используя только Microsoft
Word 97, можно создать полноценную и красиво оформленную Web-страницу и при
этом добиться таких эффектов, которые доступны не каждому графическому редактору.
Нужно только не останавливаться на простом сохранении текста в HTML-формате,
а немного поработать с самим HTML-кодом.

Конвертор HTML из Word 2000 резко отличается от своего предшественника.

Прежде всего тем, что HTML стал в Word 2000 одним из стандартных форматов. Можно
установить HTML как формат сохраняемых документов по умолчанию. В этом случае
надежность сохраняемых документов резко повысится (повреждение хотя бы одного
байта в обычном документе Word приведет к полной нечитаемости файла, а изменение
даже нескольких десятков байт в HTML-документе в самом крайнем случае приведет
к нечитаемости лишь этих поврежденных байт), но один документ будет располагаться
в нескольких файлах, если он содержит внедренные графические объекты.

Кроме того, Word 2000 при сохранении документа в формате HTML вносит в него
очень большое количество избыточной информации. Избыточной не в том смысле,
что абсолютно лишней, а в том, что она требуется только самому Word’у и не используется
даже самыми современными браузерами. К тому же, браузеры других производителей
(не Microsoft), зачастую отображают Web-документы, сохраненные в Word 2000,
самым непредсказуемым образом, а вручную поправить это, редактируя сам HTML-код,
практически невозможно. Поэтому использовать Word 2000 для создания Web-страниц
весьма затруднительно. В какой-то степени такая ситуация поправима за счет включенного
в комплект Microsoft Office 2000 Web-редактора Microsoft Development Environment,
который отличается большим набором возможностей. Word 2000 теперь умеет сохранять
в HTML объекты WordArt и автофигуры, но делает это в самом коде HTML-файла.
Сам Word и Microsoft Internet Explorer 5.0 их отображают, но другие браузеры
игнорируют.

Область применения HTML-файлов, создаваемых в редакторе Word 2000, все же меньше
по сравнению с Word 97. Эти файлы стоит размещать в Интернете в тех случаях,
если сложное оформление очень важно для Web-страницы, а сделать его вручную
в других редакторах нет возможности. Кроме того, желательно, чтобы посетители
сайта с такой страницей использовали исключительно браузер Microsoft Internet
Explorer не ниже четвертой версии. Но зато в Word 2000 будет хорошо установить
HTML как формат для сохранения документов по умолчанию: устойчивость документа
к повреждениям резко повысится, а для его просмотра потребуется только браузер.

Как и прежде, можно использовать Word 2000 для извлечения картинок из Word или
конвертации изображений в форматы gif или jpeg. К форматам gif или jpeg в Word
2000 добавился формат png, который тоже может использоваться в качестве Web-графики,
но доступен только самым последним моделям браузеров.

Следовательно, те, кто собирается использовать возможности Microsoft Word для
облегчения работы по созданию Web-страниц, должны при инсталляции Word 2000
сохранить Word 97 и применять в качестве HTML-конвертора именно его.

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

Удачи!

КомпьютерПресс 1’2001

Разные компании и отдельные пользователи создали немало Web-редакторов. Но их приходится где-то доставать, переписывать с Web-узлов или покупать, а потом еще устанавливать и осваивать — в общем, дел предостаточно. Даже встроенный в Office 2000 редактор Visual Studio требует проведения предварительных процедур. Однако можно быстро создать HTML-документ, не обращаясь к помощи специальных редакторов. В Microsoft Word 97 есть встроенный конвертер, позволяющий преобразовать файл в формат HTML, причем без изменения большинства параметров форматирования. Word 2000 уже может сохранять в HTML-документе абсолютно все эти параметры, используя язык XML — более сложную версию HTML, поддерживаемую, как правило, современными браузерами. В Office 97 HTML-конвертер по умолчанию не устанавливается, так что при инсталляции пакета приходится указывать соответствующую опцию, а в Word 2000 HTML-формат уже стал одним из основных, и этот редактор можно настроить так, чтобы все документы сохранялись только в данном формате, причем без потерь.

Рис. 1. Исходный документ

Например, на рис. 1 показан исходный документ, на рис. 2 — сохраненный в формате HTML редактора Word 97 и открытый в браузере, на рис. 3 — обработанный в Word 2000 и представленный также в браузере, на рис. 4 — текст, генерируемый HTML-конвертером из Word 97, а на рис. 5 — из Word 2000.

Для вызова конвертера HTML из Word 97 выберите «Файл?Сохранить в формате HTML» (данный пункт появится после установки конвертера), а в Word 2000 — «Файл?Сохранить как Web-страницу».

Рис. 2. Документ HTML, созданный в Word 97

Сравнив результаты работы HTML-конвертеров обеих версий Office, можно сделать следующие выводы. Во-первых, оба они создают весьма нерациональный HTML-текст: HTML-конвертер из Word 97 почему-то просто закидывает документ тегами , а конвертeр из Word 2000 предпочитает весьма громоздкий язык XML, к тому же поддерживаемый отнюдь не всеми браузерами. Во-вторых, все эти конвертеры позволяют применить Word как Web-редактор, поскольку любой HTML-документ можно открыть в Word, отредактировать и вновь сохранить в формате HTML. К тому же даже Word 97 обладает достаточным набором функций редактирования. В-третьих, если таким образом сохранить документы с внедренными рисунками, то можно создать полноценные Web-страницы, т. е. вся графика окажется сохраненной в той же папке, что и HTML-документ. В-четвертых, ни JavaScripts, ни VBScripts в Web-страницу посредством Word так просто не вставить. В-пятых, Word 2000 создает более объемный HTML-файл, чем Word 97, однако он будет меньших размеров, чем исходный документ Word.

Рис. 3. Документ HTML, выполненный в Word 200

Тем, кто желает быстро разместить в Internet результаты своих трудов, но не знает языков разметки Web-документов и не хочет тратить времени на знакомство с ними, неплохую службу сослужат HTML-конвертеры Word. Для их использования достаточно знать основные приемы работы в Word. Однако и профессиональным Web-дизайнерам не стоит отмахиваться от HTML-конвертера Word, считая его редактором для начинающих. При создании сайтов он облегчает решение многих задач, особенно тот, который входит в состав Word 97, а вот имеющийся в Word 2000 хотя и позволяет сохранить в HTML-документе выполненное ранее форматирование, для других целей может оказаться бесполезен.

Рис. 4. Исходный текст, генерируемый конвертером из Word 97

Итак, как же нужно использовать HTML-конвертер Word? Начнем с Word 97.

Во-первых, конвертер — это идеальный преобразователь большого объема текста в HTML-формат. При создании электронной библиотеки или размещении в Сети объемных материалов он просто незаменим. А если текст вводился в каком-либо другом редакторе, то его нужно лишь сохранить в формате Rtf, а потом можно будет открыть в Word и конвертировать в HTML. Все таблицы из исходного документа также переведутся в HTML-текст.

Рис. 5. Исходный текст, генерируемый конвертером из Word 2000

К сожалению, преобразованный текст Web-страницы придется дорабатывать. Для этого его следует открыть в любом текстовом редакторе, поддерживающем функцию замены (хорошим выбором будет Word 6.0, установленный в другой каталог, однако можно воспользоваться и режимом в Word 97, указав «Вид?Источник HTML»), и удалить все теги , , , лишние ссылки и строчки, а затем подредактировать, добавив вручную несколько гиперссылок в начало и конец текста, а также установив желаемые шрифт и параметры фона. Процесс этот небыстрый, но, согласитесь, если добавлять теги к каждому абзацу, то вышло бы еще дольше.

Рис. 6. В папке три файла: вверху — исходный документ, в середине — сохраненный в формате HTML с помощью Word 97, а внизу — в формате HTML с использованием Word 2000

^p

на

   . В Word 6.0 или 97 для окончательной доработки HTML-текста Web-документа эти процедуры также лучше записать в виде макроса.

Рис. 7. Web-документ как страница книги

Вторая очень полезная функция HTML-конвертера Word 97 — «вытаскивание» графики из документа Word. Иногда бывает очень нужно перевести внедренный рисунок в формат gif или jpeg. Если его просто скопировать через буфер обмена в MS Paint, Photo Editor, Adobe Photoshop или другой графический редактор, то он выйдет плохого качества. Однако рисунки без труда можно «вынуть» из документа, сохранив файл в формате HTML. Тогда все графические объекты окажутся в формате gif или jpeg, причем в той же папке, что и полученный Web-документ. HTML-конвертер Word 97 сохраняет изображения очень корректно и экономно, самостоятельно выбирая формат для каждого рисунка, исходя из соотношения между размером и качеством будущего файла. Так, если bmp-файл перевести в формат jpeg с помощью графического редактора либо вставить его в документ Word, который будет сохранен в формате HTML, то обнаружится, что размер второго полученного файла jpeg будет в полтора-два раза меньше первого при одинаковом качестве графики. Поэтому HTML-конвертер можно считать эффективным средством преобразования графики в форматы gif и jpeg. Диаграммы и формулы, подготовленные в Microsoft Graph и Microsoft Equation Editor, также превращаются с его помощью в файлы gif и jpeg соответственно. Значит, не нужно использовать сложные графические редакторы либо возиться со сканером, чтобы вставить на страницу график или алгебраическое выражение. Автофигуры и объекты WordArt конвертером не обрабатываются и потому при сохранении документа игнорируются. Но если все же требуется преобразовать какую-либо автофигуру в формат gif или jpeg, то следует сгруппировать ее элементы, удалить объединенный рисунок в буфер обмена, а затем с помощью команды «Правка?Специальная вставка» вставить ее обратно в документ как «Точечный рисунок» либо «Метафайл Windows». Теперь после запуска конвертера рисунок благополучно сохранится в формате gif или jpeg. Точно так же обрабатываются и объекты WordArt, из которых получатся, например, прекрасные заголовки для Web-страниц. Кроме того, с помощью объекта WordArt в Word можно за несколько секунд красиво оформить текст, что даже в Adobe Photoshop требует определенных усилий.

Итак, HTML-конвертер Word 97 помогает Web-мастеру в следующих случаях.

• Когда нужно преобразовать в формат HTML объемные тексты, содержащие к тому же таблицы, диаграммы и рисунки. Полученный Web-документ потребует определенной доработки (в частности, удаления лишних тегов), что можно сделать в любом текстовом редакторе, имеющем функцию замены фрагментов текста, желательно с помощью специальных символов вроде конца абзаца.
• Если необходимо «вытащить» из документа Word рисунки и сохранить их в виде отдельных файлов с расширением .gif или .jpeg.
• Когда требуется создать несложный рисунок, диаграмму, формулу или красивый заголовок для размещения на Web-странице. Средствами Office можно выполнить графику в документе, а потом сохранить ее в формате HTML.

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

Надоевший многим вопрос о кодировке HTML-документа можно отключить, изменив параметр в реестре

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

К сожалению, Word 2000, сохраняя документ в формате HTML, вносит в последний очень много избыточной информации, требующейся лишь самому Word и не используемой даже наиболее современными браузерами. Кроме того, браузеры, разработанные не Microsoft, могут отображать сохраненные в Word 2000 Web-документы зачастую самым непредсказуемым образом, и их практически уже невозможно поправить вручную, редактируя HTML-текст. Поэтому применять Word 2000 для создания Web-страниц не слишком удобно, однако здесь поможет входящий в Microsoft Office 2000 Web-редактор Visual Studio, отличающийся широким набором возможностей.

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

Конвертер Word 2000 подойдет и для извлечения картинок из документа или преобразования изображений в форматы gif, jpeg и png, но последний отображается только в современных версиях браузеров. А если Microsoft Word нужен для того, чтобы создавать Web-страницы, то рекомендуется при инсталляции Word 2000 сохранить Word 97 и использовать HTML-конвертер из него.

Орлов Антон Александрович,

antorlov@inbox.ru, http://antorlov.chat.ru

---

Полезный совет

Чтобы при сохранении документа из Word 97 в формат HTML не появлялось диалоговое окно с вопросом о кодировке, надо в системном реестре по адресу HKEY_LOCAL_MACHINESOFTWAREMicrosoftShared ToolsText Converters ExportHTMLOptionsShowEncodingDialog изменить строковый параметр Yes на No.

ТЕМА 8
СОЗДАНИЕ WEB-СТРАНИЦ С ПОМОЩЬЮ WORD

В качестве редакторов, упрощающих создание Web-сайтов, можно использовать приложения Microsoft Office – Word, Excel, PowerPoint и другие. При этом пользователь может не знать язык HTML и иметь привычную среду для оформления документа – WYSIWYG (что вижу, то и получаю). Огромное количество людей, использующих Word в своей повседневной работе становятся потенциальными разработчиками HTML-документов.

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

Первый способ создания HTML-документов достаточно прост – надо начать создание документа «с нуля» и только следовать советам Мастера и использовать те средства, которые имеются в меню программы.

Второй способ — преобразование существующего документа Word в тэги HTML при сохранении файла-Word в формате HTML. Преобразование естественно приводит к тому, что какие-то элементы оформления документа будут утрачены или изменены.

Одной из отличительных особенностей HTML-документов является то, что сам документ содержит только текст, а все остальные объекты встраиваются в документ в момент его отображения Браузером с помощью специальных тэгов и хранятся отдельно. При сохранении HTML-файла в месте размещения документа Word создает на диске папку, в которую помещает сопутствующие ему графические элементы оформления. Например, при сохранении файла с рисунками — frieds.htm, Word создает папку frieds.files, в которой и разместит все рисунки.

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

При подготовке публикации в Интернет материалов, созданных в Word, полезно знать особенности преобразования в формат HTML. Некоторые из них приводятся ниже (табл. 8.1).

Таблица 8.1

При необходимости вставить на HTML-страницу собственные тэги, в Word предусмотрено непосредственное редактирование HTML-кода. Это можно сделать, вызвав окно редактора через меню «Вид» — «Источник HTML». До того, как перейти в этот режим следует сделать сохранение файла. После завершения редактирования перед закрытием окна, файл также нужно сохранить.

Другая возможность – открыть документ в Браузере и вызвать меню «Вид» — «В виде HTML». По умолчанию редактирование выполняется в Блокноте.

Хотя Word отображает документ практически в том же виде, как он в дальнейшем будет выглядеть в Браузере, предварительный просмотр Web-документа можно выполнить, не покидая Word.

ОСНОВНЫЕ ТЕРМИНЫ

ASCII (American Standard Code for information Interchange – Американский стандартный код для обмена информацией) –  семиразрядный код для представления текстовой информации.

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

HTML (Hyper Text Markup Language) – язык разметки гипертекстов.

JPEG (Joint Photography Experts Group – объединенная группа экспертов по машиной обработке фотоизображений) – распространенный формат растровой графики, который идеально подходит для сканируемых фотографий.

Web—page (Web-страница) – электронный документ, предназначенный для размещения (размещенный) в Интернет.

Web—site (Web-сайт) – совокупность Web-страниц, связанных между собой темой, гиперссылками и близким расположением в Интернет.

Web server (Web-сервер) – сервер, предназначенный для размещения Web-сайтов в Интернет, и предоставляющий услуги по запросам клиентов.

WYSIWYG (What You See Is What You Get – что вижу, то и имею) – тип редакторов, в которых документ отображается так, как он будет напечатан или представлен в Интернет.

ЗАДАНИЕ № 8
Тема: Создание Web-сайта на основе программных приложений
MS Office (Word и Excel)

Часть 1. Создание группы Web-страниц методом преобразования
документов MS Office

1. На рабочем диске подготовить папку для размещения Ваших документов.

2. Создать документ Word следующего содержания.

Главный заголовок, например Объект WordArt:

Далее 3 – 4 абзаца о своем происхождении (краткая автобиография).

Затем разместить текст:

«Далее Вы можете узнать подробности:»

И создать оглавление, состоящее, например, из 2-х пунктов.

Мои увлечения

Мои друзья

3. Оформить документ и сохранить в своей папке на жестком диске под именем main.doc.

4. Создать документ Word, посвященный Вашим увлечениям. Сохранить документ под именем hobby.doc в своей папке. Документ должен быть оформлен, иметь нижний колонтитул и кроме текста содержать рисунки.

5. Создать книгу Excel с таблицей по приведенному образцу (рис. 8.2), сохранить под именем friends.xls.
Для вычисления средних значений должны быть использованы формулы.

Рис. 8.2. Пример таблицы для файла friends.xls

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

5.2. Подготовить лист к печати:

5.2.1. Настроить параметры вкладки «Страница…» в режиме Предварительного просмотра, создать колонтитулы.

6. Установить связи между документами с помощью гиперссылок.

6.1. Открыть главный документ main.doc и последовательно выделяя заголовки разделов, закрепить за ними гиперссылки («Меню — Вставить») на соответствующие документы.

6.2. Сохранить документ и проверить работоспособность гиперссылки. Возврат в Главный документ выполнять с помощью кнопки   на панели инструментов

7. В главном документе установить закладку на заголовок Мои увлечения. Дать ей название «Хобби». Сохранить документ.

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

8.1. Подготовить рисунок для обеспечения возврата из вспомогательных документов в главный. Например, рисунок  можно получить с помощью создания графической копии активного окна в буфере (Alt+PrintScreen) и дальнейшего редактирования рисунка в редакторе Paint.

8.2. Вставить в конец каждого из документов рисунок и закрепить за ним гиперссылку на документ main.doc. В файле hobby.doc гиперссылка должна обеспечивать переход на закладку «Хобби».

9. Сохранить документы и проверить работу гиперссылок.

10. Создать группу связанных Web-страниц, методом преобразования подготовленных документов.

10.1. Подготовить папку для Web-документов с именем My_Web.

10.2. Последовательно раскрывая подготовленные ранее документы, сохранить их в папке My_Web, указав
 Тип файла: Web-страница (*.htm; *.html)

10.3. Закрыть все документы, проанализировать изменения, произошедшие в структуре папок.

11. Просмотреть Web-документы, начиная с main.htm. Проанализировать, какие элементы документов изменились или вовсе исчезли. Сделать попытку сделать переход по гиперссылке. Убедиться в том, что связи между Web-страницами нуждаются в редактировании.

12. Отредактировать Web-документы, изменить гиперссылки, выполнить дополнительное оформление.

Внимание: Для перехода из Браузере в режим редактирования нужно воспользоваться меню «Файл» — «Править в Microsoft Word for Windows» или кнопкой  на панели инструментов.

13. Сохранить и закрыть все документы, скопировать папку My_Web на диск A:. Предъявить работу Web-страниц преподавателю.

Часть 2. Создание новых Web-документов с помощью
приложений MS Office

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

2. Создать папку с именем Presentation, а в ней папку для Ваших рисунков — Gallery.

3. Подготовить рисунки для включения их в соответствующие страницы. Сохранить их в папке Gallery в виде отдельных файлов формата bmp, gif или любого другого формата, используемого в Интернет. Обратить внимание на размер рисунков и объем файлов. Объем файлов не должен превышать 3 — 10 КБ.

4. Создать отдельный файл для каждой страницы с помощью текстового процессоа Word (стр.1,2,4). Для Страницы 3 использовать готовый файл friends.htm. Сохранять файлы в формате htm или html в папке Presentation.

4.1. Запустить текстовый процессор Word и с его помощью создать главную страницу, сохранить файл в формате html под именем index.htm.

4.1.1. При создании структурированного документа рекомендуется использовать таблицу. После размещения объектов снять обрамление таблицы.

4.1.2. Выполнить оформление документа. Для главного заголовков использовать объект WordArt, для прочих – стиль Заголовок

4.1.3. Для оформления фона использовать один из текстурных способов заливки (меню «Формат» – «Фон» – «Способы заливки») или тематическое оформление (меню «Формат» – «Тема»).

4.1.4. Просмотреть в броузере изменения в структуре папок, произошедшие при сохранении Web-странички. Открыть созданную страницу, при необходимости отредактировать ее.

4.2. Создать вторую страницу сайта с помощью редактора Word.

4.2.1. Для создания документа воспользоваться пунктом меню «Файл»-«Создать», в открывшемся диалоговом окне «Создание документа» выбрать вкладку «WEB-станицы» и пиктограмму «Новая WEB-страница». Сохранить чистую WEB-страницу в папке Presentation, дав странице имя на английском языке childhood.htm

4.2.2. В качестве заголовка «Мое детство» использовать Бегущую строку, отобразив предварительно панель Web-компонентов. Познакомиться с параметрами Бегущей строки, настроить ее так, чтобы она появлялась не более 2-х раз.

4.2.3. Разметку для размещения объектов сделать с помощью таблицы.
Рисунок вставить из папки Gallery.

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

4.2.5. Сохранить документ и просмотреть его в Internet Explorer. При необходимости отредактировать.

4.3. Создать третью страницу на основе созданного в Части 1 файла friends.htm.

4.3.1. Скопировать файл и сопутствующую ему папку в папку Presentation.

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

4.4. Создать четвертую страницу сайта с помощью редактора Word.

4.4.1. Подготовить рисунок – вид здания ГУТ со стороны Мойки (найти старый сайт ГУТ). Сохранить рисунок в папке Gallery.

4.4.2. Создать файл в папке Presentation, с именем university.htm.

4.4.3. Вставить в файл рисунок – вид здания ГУТ, предварительно сохраненный в папке Gallery. Скопировать или ввести электронный адрес университета. Написать несколько фраз о Вашем факультете и вставить гиперссылку на сайт факультета.

5. Установить связи между документами сайта.

5.1. Открыть в Word документ index.htm, и последовательно выделяя пункты «Содержания», вставить гиперссылки на соответствующие документы.

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

6. Вставить в конец каждого из документов рисунок ( ). Создать гиперссылки, обеспечивающие возврат в главный документ, закрепив из за рисунком.

Внимание! Рисунок для переходов на главную страницу также должен находиться в папке Gallery.

7. Сохранить изменения в файлах и обновить просмотр сайта в Internet Explorer.

8. Просмотреть содержание каждого из вновь созданных файлов в формате HTML.

8.1. Найти тэги, обеспечивающие вставку гиперссылок, рисунков.

8.2. Убедиться, что ссылки на рисунки имеют относительную адресацию. В противном случае отредактировать их.

9. Скопировать папку Presentation со всем ее содержимым на диска А: или на диск C: в папку Temp. Протестировать работу сайта, запустив его просмотр из нового места размещения.

10. Предъявить преподавателю Ваш сайт, начать его просмотр с главной страницы.

Приложение

Структура сайта

Страница 1 (главная страница)

Страница 2 (Мое детство)

Бесплатная лекция: «4. Табель форм документов» также доступна.

Страница3 (Мои друзья) – использовать ранее созданный Web-документ friends.htm, созданный с помощью Excel.

Страница 4 (Мои университеты)

Полное название Университета, адрес сайта ГУТ, картинка с фотографией главного здания ГУТ

О Вашем факультете, ссылка на сайт Вашего факультета.

Была ли эта статья полезной?