Как создать веб страницу в ворде
Перейти к содержимому

Как создать веб страницу в ворде

  • автор:

Как создается веб страница в Ворде?

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

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

Настраиваем вид страницы как Веб-документ

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

Таблица с особенностями преобразования Ворд в HTML

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

Сохранение документа Ворд в HTML формате

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

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

Создание 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).

Рекомендуемые материалы

Элемент документа Word

Преобразование Word ® HTML

В Word изображаются шрифты от 9 до 36 пунктов. Размеры шрифтов HTML изменяются от 1 до 7 и служат Браузеру указанием на размер шрифта

Текстовые эффекты:
приподнятый, с тенью, уплотненный и т.д.

Текстовые эффекты не сохраняются, но сам текст остается

Начертания:
полужирный, курсив, подчеркивание

Остаются, но некоторые виды подчеркивания преобразуются в сплошную линию

Анимация не сохраняется, но текст остается. Для придания тексту анимационного эффекта можно использовать бегущую строку (панель «Web-компоненты»)

Изображения преобразуются в формат GIF или JPEG, если они не были сохранены до этого в таких форматах. Линии преобразуются в горизонтальные линии.

Графические объекты: автофигуры, фигурный текст, надписи и тени

Объекты преобразуются в файлы формата GIF. В среде редактирования Web-страницы можно вставить графические средства «Вставка» — «Рисунок»

Таблицы преобразуются, однако параметры, не поддерживаемые HTML, не сохраняются. Например, цветные границы и границы переменой ширины

Нумерация страниц и колонтитулы

Так как документ HTML считается одной Web-страницей, то понятие колонтитулов отсутствует и нумерация не сохраняется

Поля страниц и многоколонный текст

Чтобы сохранить разметку страницы следует использовать таблицы

Определенные пользователем стили преобразуются в прямое форматирование, если оно поддерживается HTML

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

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

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

Описание: Vid_web16

На рис. 8.1. приведены способы отображения документа Word, устанавливаемые в меню «Вид». При выборе «Web-документ» файл отображается так, как будет выглядеть в Браузере, установленном на компьютере. Через меню «Вид» можно вернуться к обычному режиму работы с документом.

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

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

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

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

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

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

Website (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. Вставить в конец каждого из документов рисунок ( Описание: home). Создать гиперссылки, обеспечивающие возврат в главный документ, закрепив из за рисунком.

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

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

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

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

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

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

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

Разработка HTML-страниц при помощи текстового процессора Microsoft Word

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

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

Создание маркированных и нумерованных списков на Web-страницах

Так же, как и в документах Word, в Web-страницах можно создавать списки. Списки в HTML могут быть маркированные (Bulleted) и нумерованные (Numbered). В маркированных списках могут употребляться стандартные маркеры, реализация вида которых возлагается на браузер, а также графические изображения, загружаемые из отдельного файла. Для нумерованных списков могут быть использованы арабские или римские цифры, а также латинские буквы. Более подробная информация о правилах организации списков приводится в соответствующей главе.

Создание списков выполняется точно так же, как и в обычных документах Word. Выделите текст, который должен быть представлен в виде списка, и выберите пункт Список из меню Формат. Будет выдана панель Список, содержащая две вкладки — Маркированный (рис. 8.2) и Нумерованный (рис. 8.3).

Можно также воспользоваться кнопками панели инструментов Нумерация 111 или Маркеры ill

Рис. 8.2. Выбор вида маркированного списка

Рис. 8.3. Выбор вида нумерованного списка

При создании маркированного списка можно выбрать один из трех стандартных маркеров (последние три элемента первой строки, изображенные на рис. 8.2) или одно из предлагаемых графических изображений. Воспользовавшись кнопкой Другой можно в качестве маркера выбрать любой существующий графический файл. В зависимости от выбора типа маркеров список в HTML будет реализован по-разному. Если выбран один из трех стандартных маркеров, то список будет сформирован с помощью тега <UL> и элементов списка <LI>. При этом будет генерироваться одна из следующих строк кода HTML:

<UL> — для первого стандартного маркера (маленький черный кружок)

<UL TYPE=»CIRCLE»> — для второго маркера (квадратик)

<UL TYPE=»SQUARE»> — для третьего маркера (закрашенный квадратик)

Приведем пример. Пусть был создан следующий текст:

Первый элемент списка

Второй элемент списка

Третий элемент списка

При разметке этого текста как списка и выборе второго стандартного маркера будет сгенерирован следующий фрагмент кода HTML:

<UL TYPE=»CIRCLE»><FONT FACE=»Times New Roman» SIZE=2>

<LI>Первый элемент списка </LI>

<LI>Второй элемент списка </LI>

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

<P><IMG SRC=»Bullet5.gif» WIDTH=13 HEIGHT=13><FONT SIZE=5> </FONT>

<FONT FACE=»Times New Roman» SIZE=5>Первый элемент списка </P> </FONT>

<P><IMG SRC=»Bullet5.gif» WIDTH=13 HEIGHT=13><FONT SIZE=5> </FONT>

<FONT FACE=»Times New Roman» SIZE=5>Второй элемент списка </P> </FONT>

<P><IMG SRC=»Bullet5.gif» WIDTH=13 HEIGHT=13><FONT SIZE=5> </FONT>

<FONT FACE=»Times New Roman» SIZE=5>Третий элемент списка</P>

Примечание

Различие в использовании стандартных и графических маркеров проявляется не только в реализации, но и возможности отмены списка. Если были выбраны стандартные маркеры, то список можно отменить так же, как это делается при работе с документом Word. Достаточно выделить список и выбрать режим Нет в панели Список или же нажать соответствующую кнопку на панели инструментов. Если же были выбраны графические маркеры, то отменить список не удается. Необходимо удалить все графические маркеры по отдельности, выделяя их и нажимая клавишу <Delete>.

Перейдем к рассмотрению нумерованных списков. Нумерация списков на Web-страницах почти не отличается от нумерации документов Word. Отличие состоит в том, что для Web-страниц невозможна автоматическая нумерация структурных списков и заголовков.

В зависимости от выбранного формата нумерации списка будут генерироваться следующие коды:

<OL> — для нумерации арабскими цифрами

<OL TYPE en-us» xml:lang=»en-us»>I «> — большими римскими цифрами

<OL TYPE=»i»> — маленькими римскими цифрами

<OL TYPE=»A»> — прописными латинскими буквами

<OL TYPE=»a»> — строчными латинскими буквами

<FONT FACE=»Times New Roman» SIZE=4>

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

Примечание

Выбрать формат нумерованного или маркированного списка можно только при использовании меню. Если вы воспользовались соответствующими кнопками панели инструментов, то будет выбран формат, использованный последним.

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

1. Выделите текст, являющийся верхним уровнем списка.

2. Выберите нужный формат нумерации из вкладки Нумерованный панели Список.

3. Сдвиньте текст, принадлежащий следующему уровню списка, установив курсор в начале каждого абзаца или строки и нажав клавишу <Tab>. Хотя табуляция не применяется в HTML, в редакторе Word символы табуляции списка будут преобразованы в отступы.

4. Выберите формат нумерации для очередного уровня.

5. Для каждого уровня в списке повторите шаги 3—4.

Примечание

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

Вставка горизонтальной линии в Web-страницу

Горизонтальные линии часто используются на Web-страницах для разделения текста на части. Для того чтобы вставить в документ горизонтальную линию, нужно выполнить команду Горизонтальная линия в меню Вставка. Появится панель, показанная на рис. 8.4, содержащая список возможных вариантов горизонтальных линий. Если приведенного списка покажется недостаточно, то можно нажать кнопку Другая и выбрать другой вид линии.

Рис. 8.4. Выбор вида горизонтальной линии для HTML-страницы

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

<Р ALIGN=»CENTER»><IMG SRC=»line9.gif» WIDTH=623 HEIGHT=11></P>

Первая же линия из списка реализуется с помощью стандартного тэга <HR>. Параметры горизонтальной линии могут быть изменены, если нажать правую кнопку мыши и в появившемся меню выбрать пункт Формат автофигуры (Format Autoshape). Можно изменить длину и толщину линии, ее расположение на странице в горизонтальном направлении. Например:

<HR ALIGN=»LEFT» WIDTH=»65%» SIZE=7>

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

Выбор фона создаваемого документа

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

Чтобы задать цвет фона Web-страницы или добавить фоновое изображение, следует воспользоваться командой Фонменю Формат (Format/Background). После выполнения этой команды появится диалоговая панель (рис. 8.5), с помощью которой можно выбрать требуемый цвет фона документа из списка основных или дополнительных цветов или же задать изображение, которое будет служить фоновым. Для выбора фонового изображения необходимо нажать кнопку Способы заливки (Fill Effects), при этом появится панель Заливка (Fill Effects) с вкладкой Текстура (Texture), из которой можно подобрать нужное изображение (рис. 8.6).

Рис. 8.5. Задание требуемого цвета фона

Рис. 8.6. Выбор текстуры

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

Если будет определен цвет фона документа, то выбранное значение сохраняется в HTML-документе в качестве значения параметра BGCOLOR тег <BODY>. При задании фонового изображения имя соответствующего файл графического изображения будет являться значением параметра BACKGROUN D Приведем примеры обоих вариантов:

<BODY LINK=»#0000ff» VLINK=»#800080″ BGCOLOR=»#ccffff»>

<BODY LINK=»#0000ff» VLINK=»#800080″ BACKGROUND=»Image15.jpg»>

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

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

Изменение цвета и форматирование текста Web-страниц

При создании Web-страницы для текста и ссылок можно определить используемые по умолчанию цвета. Для этого следует воспользоваться командой Цвет текста меню Формат (Format/Text Colors). Появится панель, показанная на рис. 8.7, в которой можно задать цвет текста, цвет ссылок и цвет ссылок, соответствующий уже посещенным страницам. Зададим для примера в качестве цвета текста — синий, цвета ссылок — бирюзовый, а цвета просмотренных ссылок — зеленый. Заданные значения определят параметры тега <BODY>:

<BODY TEXT=»#0000ff» LINK=»#00ffff» VLINK=»#008000″>

Рис. 8.7. Выбор цвета всего текста для HTML-страницы

Рис. 8.8. Выбор цвета фрагмента текста для HTML-страницы

Эти параметры задают цвета по умолчанию для всего документа. Если же необходимо задать цвет для выбранного фрагмента документа, то следует использовать кнопку Цвет шрифта на панели инструментов или команду Шрифтменю Формат (рис. 8.8). Если для фрагмента текста будет выбран, например, красный цвет, то результат такого выбора в HTML-документе будет отражен так:

<FONT SIZE=2 COLOR=»#ff0000″>Этот текст будет отображаться красным цветом</FONT>

Читатель Web-страницы может задать свои собственные устанавливаемые по умолчанию цвета в браузере. Чтобы текст и ссылки изображались в выбираемых по умолчанию цветах браузера, задайте значение Авто во всех трех списках панели Цвета текста.

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

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

<SUP> — Верхний индекс

<SUB> — Нижний индекс

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

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

Для каждого абзаца в HTML генерируется тег начала абзаца <P>, а также тег конца абзаца </P>. Последний тег при создании документов вручную обычно опускается. Большинство браузеров абзацы автоматически отделяют пустой строкой. Чтобы реализовать переход на новую строку без образования абзаца, нажмите клавиши <Shift>+<Enter>. В этом случае будет генерироваться тег перехода на новую строку <BR>.

Примечание

В справочной системе Word 97 «для создания абзацев без интервалов» (именно так сформулировано) ошибочно предлагается воспользоваться клавишами <Ctrl>+<Enter>. Напомним, что совокупность клавиш <Ctrl>+<Enter> обычно используется при редактировании документов Word для принудительного перехода на следующую страницу. При преобразовании документов Word в HTML в этом случае будет лишь создан дополнительный абзац, а при редактировании Web-документов клавиши <Ctrl>+<Enter> вообще недопустимы.

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

Для изменения отступа текста используйте кнопки Увеличить отступ и Уменьшить отступ. С точки зрения языка HTML, отступы реализуются путем обрамления текста парой тегов <DIR> и </DIR>. Формально данный тег определяет начало списка и подразумевает использование тэгов элементов списка <LI>. Однако здесь тег <LI> не используется, а тег <DIR> нужен только для организации отступов, которые невозможно задать в HTML естественным образом. Вложенные друг в друга теги <DIR> подразумевают многоуровневые списки, причем каждый уровень сдвинут на один отступ по отношению к предыдущему. Например:

<DIR><P>Этот текст имеет один отступ</P>

<P>Этот текст имеет два отступа</P>

Примечание

Аналогичный подход для создания отступов применяют и другие HTML-редакторы. Например, Netscape Composer (так же, как и редактор пакета Netscape Navigator Gold) для отступов используется аналогичный прием, только в качестве тега списка применяется <UL>.

Примечание

При увеличении отступа Word часто генерирует сразу два тега <DIR>, создавая двойной отступ. Соответственно при уменьшении отступа удаляются два тега <DIR>. Иногда генерируется и удаляется по одному тэгу <DIR>. Логику поведения редактора понять чрезвычайно затруднительно, если вообще возможно. По всей видимости мы имеем дело с очередной некорректностью работы программы.

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

Примечание

Невозможность выравнивания текста на Web-страницах по ширине отмечается в справочной системе Microsoft Word. Действительно, в панели инструментов Форматирование при работе с HTML-документом нет кнопки выравнивания по ширине. Это связано с тем, что в спецификации HTML вплоть до версии 3.2 для параметров выравнивания тега абзаца <P> не было выравнивания по ширине. Однако в настоящее время ведущие браузеры поддерживают эту возможность, реализуемую следующим образом: <P ALIGN=JUSTIFY> . Более того, даже в Microsoft Word это уже заложено. Если работать с документом Word, в которой имеется текст, выровненный по ширине, а затем преобразовать его HTML документ, то появятся абзацы, имеющие приведенный выше код.

Работа со стилями на Web-страницах

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

При создании Web-страницы в Word стили HTML добавляются в список стилей на панели форматирования и в диалоговом окне Стиль (меню Формат) (рис. 8.9). Один из стилей символов Разметка HTML специально предназначен для записи исходных кодов HTML вручную.

Рис. 8.9. Выбор стиля Разметка HTML

Специальные стили HTML, например Адреса и Н2, непосредственно генерируют соответствующие команды языка HTML; поэтому изменения, внесенные в эти стили, не сохраняются. При внесении изменений во встроенный стиль Word, например Заголовок 1, связанное с этим стилем форматирование будет перенесено на соответствующую команду HTML, если такое форматирование поддерживается HTML.

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

Непосредственное редактирование HTML-кода

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

Перейти в режим просмотра исходных кодов Web-страницы можно, выполнив пункт Источник HTML в меню Вид (рис. 8.10). До того, как выполнить переход в этот режим, следует выполнить сохранение файла. Если этого не сделано, то будет выдано предупреждающее сообщение (рис. 8.11). В режиме просмотра исходных кодов Word можно использовать в качестве обычного текстового редактора, изменяя текст кода HTML. Обратный переход выполняется кнопкой Закрыть источник HTML. При этом переходе также выдается предупреждающее сообщение о необходимости сохранения сделанных изменений.

Рис. 8.10. Меню Вид Word 97 с командой Источник HTML

Рис. 8.11. Запрос подтверждения для сохранения изменений в HTML-файле

Другой путь состоит в записи необходимых HTML-кодов при работе в режиме визуального редактирования. При этом не требуется переходить в иной режим работы. Чтобы указать, что введенный текст является исходным кодом HTML, необходимо пометить его специальным стилем символов Разметка HTML. Этот стиль делает текст скрытым, поэтому, чтобы видеть его, нужно работать в режиме просмотра непечатаемых символов. Переключение данного режима осуществляется кнопкой Непечатаемые символы.

Предварительный просмотр Web-страницы в процессе редактирования

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

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

Таблицы на Web-страницах

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

Рис. 8.12. Изменение параметров таблицы с помощью панели инструментов Таблицы и границы

Например, если добавить таблицу размером 4×2, то Word создаст следующий код:

<TABLE CELLSPACING=0 BORDER=0 CELLPADDING=7 WIDTH=638>

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

После создания таблицы можно заняться изменением ее параметров. Для этого следует воспользоваться пунктомСвойства таблицы (рис. 8.13) или пунктом Свойства ячейки (рис. 8.14).

Рис. 8.13. Окно Свойства таблицы для изменения параметров всей таблицы

Рис. 8.14. Окно Свойства ячейки для изменения параметров отдельных ячеек таблицы

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

Поскольку возможности форматирования HTML-документов уступают аналогичным возможностям документов Word, то часто при преобразовании в HTML-документ некоторые элементы форматирования могут быть потеряны или изменены. Более того, даже при работе в режиме создания HTML-документа можно сконструировать на экране такую таблицу, которая не может быть в точно таком же виде отображена браузерами. Приведем пример. На рис. 8.15 показана таблица, созданная в Word в режиме редактирования НТМ L-документа.

Рис. 8.15. Пример таблицы, существование которой в HTML-документе невозможно

Вторая строка таблицы содержит на одну ячейку больше, чем остальные строки. Язык разметки HTML не допускает ситуации, когда в разных строчках содержится разное число ячеек. Точнее, если при записи данных для отдельных строк указывается меньшее количество ячеек, чем в остальных строках, то браузеры автоматически добавляют недостающее число ячеек, считая, что они пустые. Естественно, при подсчете числа ячеек учитываются протяженные ячейки, которые занимают несколько смежных ячеек. (Напомним, что для протяженной ячейки требуется указать параметр COLSPAN с соответствующим значением.) Поэтому очевидно, что приведенный пример не может точно также отображаться браузерами. Редактор Word должен каким-то образом учитывать сложившуюся ситуацию. Чтобы убедиться в этом, достаточно сохранить редактируемый документ в файле и вновь его загрузить в редактор. Заметим, что можно сделать даже проще, а именно, перейти в режим просмотра исходного кода документа, а затем вернуться обратно. При этих переходах предлагается сохранять изменения в файле, поэтому результат будет тот же. В результате этих действий вид таблицы изменится (рис. 8.16). Заметим, что редактор не создал дополнительной пустой ячейки, а растянул последнюю ячейку первой и третьей строк на две, создав протяженные ячейки.

Рис. 8.16. Измененный вариант таблицы после ее сохранения в виде HTML-файла

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

Совет

После сохранения редактируемого в Word документа формата HTML не будет излишним вновь его загрузить и просмотреть. Эти действия, впрочем, не отменяют необходимость просмотра окончательного варианта документа в браузере.

Работа с рисунками на Web-страницах

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

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

Вставленный на Web-страницу рисунок по умолчанию выравнивается по левому полю. Чтобы задать взаимное расположение текста и рисунка, следует выделить рисунок и выбрать соответствующую команду в меню Формат или на панели инструментов Рисование (рис. 8.17).

Рис. 8.17. Вкладка Положение окна Рисунок для задания положения рисунка относительно текста

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

<IMG SRC=»Image28.gif» WIDTH=213 HEIGHT=356 ALIGN=»RIGHT» HSPACE=12>

<FONT FACE=»Times New Roman» SIZE=5 COLOR=»#000000″>

<P>Пример вставки изображения в текст HTML-документа. Этот рисунок взят из подборки Microsoft Clip Gallery и располагается на странице с выравниванием по правому краю.</P>

Заметим, что Word автоматически нумерует рисунки, которые конвертируются из других форматов. В данном примере изображение, взятое из сборника рисунков Clip Gallery, было преобразовано в формат GIF и сохранено с именем Image28.gif.

Примечание

Изображения в файле сохраняются в их исходном размере. При изменении размеров изображения при компоновке Web-страницы для встроенного изображения изменяются лишь значения параметров WIDTH и HEIGHT тега <IMG>. Таким образом, преобразование изображения к нужному размеру будет выполняться браузером при отображении страницы.

Рис. 8.18. Вставка изображений в HTML-документ

Создание ссылок в документе

Программа Word 97 позволяет включать в редактируемый документ ссылки внутри документа, а также ссылки на другие страницы и документы. Имеется несколько способов включения ссылок в состав документа. Наиболее простым способом является использование режима автоформатирования, когда текст, представляющий собой адрес ссылки, автоматически преобразуется в нужную ссылку. Для включения режима автоформатирования ссылок необходимо выполнить следующие действия: выбрать пункт Автозамена из меню Сервис. На вкладке Автоформат при вводе в разделе Заменять при вводе включить режим адреса Интернета и сетевые пути гиперссылками. Тогда при вводе текста, представляющего собой соответствующие адреса, они будут заменяться гиперссылками. Например, при вводе текста:

будет сгенерирован следующий код:

Другим способом включения в текст ссылки является использование команды Гиперссылка из меню Вставка. После вызова этой команды будет открыто диалоговое окно Добавить гиперссылку, в котором нужно указать требуемый адрес и другие параметры ссылок (рис. 8.19).

Рис. 8.19. Диалоговое окно Добавить гиперссылку

Создание форм на Web-страницах

Редактор Word 97 имеет набор инструментов для создания форм и задания свойств их элементов. Образцы форм, например формы для опроса, предоставляются мастером Web-страниц. С помощью мастера можно создать основные формы, а затем отредактировать их в соответствии с конкретными задачами. Если нужной формы нет в мастере, ее можно создать, вводя необходимые элементы управления. Для этого необходимо перейти в режим конструктора, воспользовавшись соответствующим режимом меню Вид. Затем нужно выбрать необходимые элементы из появившейся панели Элементы управления и разместить их в форме (рис. 8.20).

Рис. 8.20. Панель Элементы управления

Например, если разместить в форме строку ввода текста и две кнопки Submit и Reset, то будет создан следующий код:

<INPUT TYPE=»TEXT» WIDTH=»28″>

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

Сохранение существующего документа Word в формате HTML

Сохранение документа в формате HTML представляет собой простейший способ создания Web-страниц. Для его реализации не требуется никаких знаний о формате HTML, а лишь необходимо уметь работать в среде Word. После открытия существующего или создания нового документа Word можно выполнить его сохранение в виде HTML-документа. Это выполняется в специальном пункте меню Файл с названием Сохранить в формате HTML (File/Save as HTML). Документ Word закрывается, а затем вновь открывается в формате HTML. На рис. 8.21 приведено содержимое меню Файл, используемое при работе в режиме документа Word.

Если перед преобразованием документ Word не был сохранен, то будет выдано предупреждающее сообщение (рис. 8.22) о том, что ряд элементов форматирования Word-документа будет потерян.

Рис. 8.21. Меню Файл с командой Сохранить в формате HTML

Рис. 8.22. Запрос подтверждения при сохранении документа Word в формате HTML

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

Примечание

В справочной системе русифицированной версии Word 97 не используется термин «браузер». Вместо него применяется термин «средство просмотра Web».

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

Рис. 8.23. Меню Файл при работе в режиме HTML-документа

Однако, отдельные элементы форматирования, не поддерживаемые языком HTML, могут быть потеряны или изменены. Приведем таблицу элементов документа Word, которые удаляются или изменяются в процессе преобразования (табл. 8.1). Эта таблица полностью заимствована из справочной системы Word 97 с незначительными редакционными изменениями (рис. 8.24).

Рис. 8.24. Справочная система редактора Word по созданию и редактированию HTML-документов

Таблица 8.1. Элементы документа Word, которые удаляются или изменяются при преобразовании в формат HTML

Графические объекты: автофигуры, фигурный текст, надписи и тени

Графические объекты не сохраняются. В среде редактирования и создания Web-страницы можно использовать графические средства, вставляя объекты Рисунок Word. Объекты преобразуются в формат GIF

Формулы, диаграммы и другие объекты OLE

См. подробности

Объекты преобразуются в изображения формата GIF. Их внешний вид сохраняется, но они не могут быть изменены

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

См. подробности

По умолчанию после преобразования таблицы имеют фиксированную ширину. Чтобы после преобразования таблица получила относительную ширину (при этом размер таблицы составляет определенную долю от размера окна средства просмотра), установите параметр PercentageTableWidth=1 в следующем поле системного реестра Windows95: HKEY_LOCAL_MACHINE\Software \Microsoft\Shared ToolsVText Converters \Export\HTML\Options

Выделение цветом не сохраняется

Внесенные изменения сохраняются, однако пометки исправлений удаляются

Так как документ HTML считается одной Web-страницей, независимо от его длины, нумерация страниц не сохраняется

Чтобы сохранить разметку страницы, можно использовать таблицу

См. подробности

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

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

Проблемы преобразования полей

Рассмотрим на примере некоторые проблемы, возникающие при преобразовании документа Word в HTML-документ. Пусть имеется документ, показанный на рис. 8.25.

В нем имеется таблица, содержащая поля с формулами, а также некоторая другая информация, содержащая обновляемые поля. В первом столбце располагаются названия продуктов, второй и третий столбцы содержат соответствующие значения, которые должны быть введены пользователем. Каждая ячейка третьего столбца содержит поле с формулой, определяющей перемножение значений ячеек второго и третьего столбца. В конце таблицы задана формула, подводящая итоговое значение. Такая таблица может с успехом служить шаблоном для оперативных подсчетов затрат. Достаточно заполнить соответствующие ячейки в первых трех колонках, обновить значения полей, содержащих формулы, тогда последняя колонка и итоговая графа примут нужные значения. Конечно, задачи обработки электронных таблиц логичнее решать в Microsoft Excel, который специально предназначен для этого, однако некоторые элементарные возможности вполне допустимо реализовывать и в Word. Здесь специально выбран пример таблицы с формулами. Отметим также еще одну особенность таблицы — наличие протяженной ячейки. В последней строке объединены вместе три ячейки, в которой записано слово «Итого:». Такого же визуального эффекта можно было бы добиться и без объединения ячеек. Например, можно было для этих трех ячеек оставить только прорисовку общей рамки, а линии между этими ячейками отменить. Такое решение допустимо для документа Word, однако неосуществимо в формате HTML. Обратите внимание на то, как протяженная ячейка будет реализована в кодах HTML, приводимых ниже.

Примечание

Microsoft Word 97 предоставляет также возможность объединения нескольких ячеек таблицы по вертикали. Этой возможности не было в предыдущих версиях Word.

Тот же самый документ на рис. 8.26 показан в режиме отображения кодов полей. В таблице используется формула умножения (PRODUCT), а также формула для суммирования всех элементов данного столбца (SUM).

Рис. 8.25. Документ Word, содержащий поля с формулами

Рис. 8.26. Документ Word, показанный в режиме отображения кодов полей

Примечание

Напомним, что коды полей можно просмотреть при работе с документом в формате Word, используя горячую клавишу переключения режима просмотра полей (View Fields, <Alt>+<F9>). Также допустимо переключать отображение отдельного поля (Toggle Field, <Shift>+<F9>).

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

Примечание

Напомним, что обновление выделенного поля выполняется клавишей <F9> (Update Field). Для одновременного обновления всех полей можно выполнить пункт Выделить все меню Правка, а затем нажать клавишу <F9>. Автоматическое обновление полей при изменении данных не производится (в отличие от Excel).

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

Трудно анализировать причины такого преобразования. Бессмысленно также проводить анализ, какие поля будут преобразовываться, а какие нет. Возможно это связано с особенностями русифицированной версии Word 97, а может быть просто с наличием ошибок, которые будут исправлены в следующих версиях. Задача, поставленная в данном примере, довольно типична, поэтому предложим путь решения, который позволит обойти описанные проблемы.

Рис. 8.27. HTML-документ, полученный в результате преобразования из документа Word

Для достижения поставленной цели можно рекомендовать до проведения преобразования в формат HTML осуществить процедуру разрыва связи с полями (Unlink Field). Иначе эту процедуру называют отключением полей. После разрыва связи с полем текущее значение поля становится обычным текстом. Код поля исчезает, поэтому, если в дальнейшем потребуется обновить сведения, придется вставлять это поле снова. Следует порекомендовать сохранять документ с кодами полей, а процедуру разрыва связи с полями осуществлять с копией документа, которая может быть удалена после преобразования в формат HTML. Это обеспечит возможность возврата к документу Word с обновляемыми полями. Для разрыва связи с полем необходимо выделить его и нажать клавиши <Ctrl>+<Shift>+<F9>. Для разрыва связей со всеми полями документа можно выделить весь документ и нажать те же клавиши. Заметим, что при разрыве связи с полем не происходит его обновления. Например, если вы изменили какие-то значения во втором или третьем столбце примера и разорвали связь с полями без их обновления, то в итоговой колонке сохранятся прежние значения. После выполнения всех этих действий в документе не останется обновляемых полей, а будет присутствовать лишь обычный текст, преобразование которого в HTML будет выполнено без проблем.

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

  1. Откройте документ Word, подлежащий преобразованию в HTML-формат.
  2. Если необходимо, то обновите поля документа. Для этого выделите весь документ или его фрагмент и нажмите клавишу <F9>.
  3. Выполните разрыв связи с полями. Для этого выделите весь документ или его фрагмент и нажмите совокупность клавиш <Ctrl>+<Shift>+<F9>. Коды полей будут потеряны, поэтому предварительно сохраните копию документа.
  4. Выполните сохранение файла в HTML-формате.

Примечание

Обратим внимание на некоторые возможности Word, незнание которых может повергнуть в шок даже довольно опытных пользователей. Любое из полей документа может быть подвергнуто блокировке, что означает запрет на его обновление. Блокировка поля (Lock Field) выполняется клавишами <Ctrl>+<F11>. Снятие блокировки (Unlock Field)— клавишами <Ctrl>+<Shift>+<F11>. Если какое-либо поле заблокировано, то запрос на его обновление будет проигнорирован и при этом не будет выдано никаких текстовых сообщений. Лишь те пользователи, компьютер которых оснащен звуковой картой, при включенном звуке услышат сигнал, означающий невозможность выполнения требуемой операции. Визуально различить заблокированное поле от незаблокированного невозможно, так как они отображаются абсолютно одинаково. Определить наличие заблокированного поля можно лишь косвенно по звуковому сигналу или увидев, что пункт Обновить поле в контекстном меню, выдаваемом по правой кнопке мыши, недоступен.

Приведем HTML-код, полученный в результате преобразования документа из примера:

<МЕТА HTTP-EQUIV=»Content-Type» CONTENT=»text/html; charset=windows-1251″>

<META NAME=»Generator» CONTENT=»Microsoft Word 97″>

<TITLE>Затраты на покупку продовольственных товаров</TITLE>

<МЕТА NAME=»Template» CONTENT = «С:\PROGRAM FILES\MICROSOFT OFFICE\OFFICE\html.dot»>

<BODY LINK=»#0000ff» VLINK-«#800080»>

<B><FONT FACE=»Arial» SIZE=5><P>Затраты на покупку продовольственных товаров</P></B></FONT>

<TABLE BORDER CELLSPACING=1 CELLPADDING=7 WIDTH=557>

<TD WIDTH=»27%» VALIGN=»TOP»>

<FONT FACE=»Arial» SIZE=5><P ALIGN=»CENTER» > Количество, кг</FONT></TD>

<TD WIDTH=»19%» VALIGN=»TOP»>

<FONT FACE=»Arial» SIZE=5><P ALIGN=»CENTER»>Цена за</P>

<TD WIDTH=»25%» VALIGN=»TOP»>

<FONT FACE=»Arial» SIZE=5><P ALIGN=»CENTER»>Стоимость, руб.</FONT></TD>

<TD WIDTH=»27%» VALIGN=»TOP»>

<TD WIDTH=»19%» VALIGN=»TOP»>

<TD WIDTH=»27%» VALIGN=»TOP»>

<FONT FACE=»Arial» SIZE=4>

<TD WIDTH=»27%» VALIGN=»TOP»>

<TD WIDTH=»19%» VALIGN=»TOP»>

<TD WIDTH=»27%» VALIGN=»TOP»>

<TD WIDTH=»19%» VALIGN=»TOP»>

<FONT FACE=»Arial» SIZE=4><P ALIGN=»CENTER»>1 1< /FONT></TD>

<TD WIDTH=»27%» VALIGN=»TOP»>

<TD WIDTH=»19%» VALIGN=»TOP»>

<TR><TD WIDTH=»75%» VALIGN=»TOP» COLSPAN=3>

<FONT FACE=»Arial» SIZE=5><P ALIGN=»CENTER»>Итого: </FONT></TD>

<FONT FACE=»Arial» SIZE=4><P>Дата составления: вторник, 21 Сентября 1999 г.</P> <P>Составил: </P></FONT></BODY>

Использование примечаний в документе

Напомним, что примечания часто используются при работе нескольких пользователей с одним документом, каждый из которых вносит свои ремарки. Добавление примечаний в документ выполняется в пункте Примечание меню Вставка(Insert/Annotation). Как правило, в окончательный документ примечания не вносятся, а используются в качестве рабочих записей отдельных разработчиков или рецензентов документа. Примечания похожи на сноски (Footnote) тем, что при вставке в документ примечания в то место, к которому оно относится, ставится специальный символ, а сам текст примечания, как и текст сноски, вводится в отдельном окне. Примечания нумеруются последовательно, но в отличие от сносок, в символ примечания добавляются инициалы автора данного примечания. Word позволяет также вставлять звуковые примечания, если компьютер оснащен звуковой платой и микрофоном.

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

Использование этого стиля приводит к тому, что весь текст, помеченный данным стилем, обрамляется парой тегов <COMMENT> и </COMMENT>. Этот тег служит для отметки примечаний (часто их называют комментариями), которые игнорируются браузерами и часто служат лишь для заметок автора HTML-документа. Такой подход к реализации комментариев в HTML имеет существенный недостаток. Дело в том, что тег <COMMENT> не распознается некоторыми браузерами. Он не входил в спецификацию HTML 3.2 и был введен лишь в спецификации HTML 4.O. До сих пор этот тег не распознается браузером Netscape (вплоть до версии 4.7). Впервые этот тег был использован в браузере Mosaic и вскоре был включен в Microsoft Internet Explorer.

В настоящее время стало общепринятым записывать комментарии, обрамляя их совокупностью символов <!— и —>. Этот вариант записи комментариев распознается всеми ведущими браузерами и давно входит в спецификацию HTML. Ясно, что компания Microsoft мало заботится о совместимости с другими браузерами, однако на сегодняшний день забывать о значительной роли браузера Netscape не следует. Браузер Netscape проигнорирует тег <COMMENT> при отображении документа на экране и весь текст комментария появится на экране, что вряд ли соответствует замыслам автора документа. Исходя из приведенных соображений рискнем дать следующий совет, входящий в противоречие с рекомендациями разработчиков Word 97.

Совет

Не используйте стиль Примечание (Comment) при создании HTML-документа в среде Word 97. Если вы все-таки воспользовались этим стилем, то в полученном HTML-коде выполните замену сгенерированных тегов <COMMENT> и </COMMENT> соответственно на символы <!— и —>.

Версии и реализации Microsoft Word

Пакет Microsoft Office так же, как и подавляющее большинство пакетов программного обеспечения, в ходе своего развития претерпевал изменения, что отражалось в выпуске новых версий программ и исправлении недочетов. В результате оказывается, что пользователи пакета работают с его различными версиями и при этом не всегда представляют себе особенности и возможности. Опыт общения со многими пользователями, зачастую далекими от компьютерных профессионалов, свидетельствует о достаточном консерватизме в использовании программного обеспечения. Это связано как с недостатком времени и возможностей пользователей постоянно заботиться об обновлении программных средств, так и с иногда принципиальной невозможностью установки более мощных программ без соответствующей модернизации технической части компьютерного парка. Данные рассуждения особенно касаются такого пакета, как Microsoft Word, с которым работает очень широкий круг людей, не имеющих специального компьютерного образования. Исходя из сегодняшнего опыта и экстраполируя ситуацию на будущее, можно утверждать, что в ближайшее время будут использоваться самые различные версии Microsoft Word. В частности, до сих пор встречается MS Windows 3.1, работающая на стареньких по сегодняшним меркам компьютерах. Наступающая эра Windows 2000 и, соответственно, Office 2000 далеко не сразу охватит весь парк компьютеров.

Приведем здесь лишь краткую информацию об используемых версиях Microsoft Word и некоторых их особенностях.

Пакет Microsoft Word имеет давнюю историю. Ранние версии пакета работали еще под MS-DOS, что сегодня уже практически не встречается. Версия пакета для Windows 3.1 называлась Microsoft Word 6.0. Для операционное системы Windows 95 был выпущен Microsoft Word 7.0, который чаще стали называть коротко — Microsoft Word 95. В своей основе эта программа представляет собой Microsoft Word 6.0, перенесенный в среду Windows 95 с добавлением некоторых новых возможностей. Заметим, что эти версии программы имеют одинаковую структуру файлов, хранящих подготовленные документы. Здесь проблема совместимости и переноса файлов еще не возникала.

Следующей версией стала версия Microsoft Word 97, которая появилась в начале 1997 года.

Примечание

Разработчики, видимо, хотели сохранить преемственность в нумерации версий (6.0 → 7.0 → 8.0), однако прижилось лишь название Word 97, а номер версии 8.0 можно увидеть, лишь заглянув внутрь кодов любого файла, сохраненного редактором Microsoft Word 97.

Версия обогатилась новыми возможностями, одной из которых является способность сохранять, просматривать и редактировать документы в формате HTML. Предыдущие версии не обладали такой возможностью, однако для них были разработаны специальные программы, при установке которых подобная возможность появлялась. Такие программы для Microsoft Officе получили название Internet Assistant. В частности, для Microsoft Word 6.0/95 имеется программа Wordia.exe (размер этого установочного файла — 1091 Кб). Пользователям, не желающим переходить на более поздние версии Microsoft Word, можно рекомендовать установку этой программы.

Версия Microsoft Word 97 не нуждается в программах типа Internet Assistant , так как соответствующие возможности уже заложены в этот пакет. Заметим лишь, что для использования возможностей редактирования HTML-документов в Microsoft Word 97 необходимо указать это на этапе инсталляции пакета, поскольку типичный вариант инсталляции, который обычно выбирают многие пользователи по умолчанию, не предполагает установку данного компонента (рис. 8.28).

Microsoft Word 97 имеет другую структуру файла документа, что вызывает проблемы переносимости. Microsoft Word 97 может читать любые файлы формата Word 6.0/95, может записывать по требованию пользователя в формате Word 6.0/95 (с возможной потерей некоторых нюансов форматирования документа) для обратной совместимости. Однако документы, сохраненные в формате Word 97, впрямую не могут читаться программами Microsoft Word 6.0/95. Для обеспечения совместимости (пусть неполной) существует специальный конвертер, устанавливаемый в среду Microso ft Word 6.0/95, который предоставляет возможность чтения файлов Microso ft Word 97. Этот конвертер обычно поставляется в виде файла с и мене Wrd97cnv.exe размером 952 Кб.

Рис. 8.28. Включение компоненты Создание WEB-страниц (HTML) при установке пакета Microsoft Office

Как и у многих программ, с течением времени обнаруживаются ошибки и недочеты, исправляемые специальными пакетами обновления (patch). На текущий момент для Microsoft Word 97 существует уже два таких пакета, получивших названия SR-1 (Service Release-1) и SR-2. Пакет SR-1 существует в виде файла SRloff97.exe размером 8022 Кб. Пакет SR-2 — в виде файла SR2aof97.exe размером 22448 Кб. Установка этих пакетов может быть рекомендована пользователям исходной версии Microsoft Word 97 (рис. 8.29).

Рис. 8.29. Окно установки пакета обновления SR-1

Заметим, что установка SR-1 занимает несколько десятков минут (в зависимости от параметров компьютера и наличия установленных компонент Microsoft Office 97). Установка же SR-2 выполняется в течение десятков секунд. Уточнить версию Microsoft Word 97, с которой работает пользователь всегда можно, воспользовавшись пунктом меню О программе (About) из меню Справка (рис. 8.30).

Рис. 8.30. Окно, открывающееся по команде Справка/О программе

Кроме того, появилась специальная небольшая программа, единственное назначение которой — проконтролировать номер версии пакета Microsoft Office. Имя программы SR2chk.exe (123 Кб). Ее работа показана на рис. 8.31.

Рис. 8.31. Информационное окно, генерируемое программой проверки версий пакета Microsoft Office

Появилась и уже работает у ряда пользователей и следующая версия — Microsoft Office 2000. Ее нюансы и особенности лишь только начинают обнаруживаться и их обсуждение — дело ближайшего будущего.

Как создать собственную web-страницу в word? Мне не надо заумных текстов, просто пошагово объясните пожалуйста.

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

<html>
<head>
<title> Свадебный салон «MeLady» </title>
</head>
<body>
<h1> <font>Свадебный салон MeLady</font></h1>
<center> </center>
<center><p><blockquote><font> День свадьбы — это не только самый счастливый праздник в жизни каждой девушки, но и одно из самых ответственных испытаний. Любая невеста больше всего переживает о том, чтобы в праздничный день быть самой красивой — и для гостей, и для родных и близких, и прежде всего — для своего избранника. И свадебная прическа, и макияж, и подвенечное платье — все эти элементы образа невесты должны создавать пленительный образ, который снова и снова будет убеждать будущего супруга в том, что его избранница — само совершенство. Помочь Bам в создании своего образа смогут специалисты <font>свадебного салона «MeLady».</font> В их умелых руках каждая деталь Bашего образа приобретет совершенный вид: уложенные в красивую прическу волосы, идеальные ногти, восхитительный макияж помогут Bам стать самой привлекательной и неотразимой. </p>
<p><font>Cвадебный салон «MeLady»</font> предлагает Bам выбрать оригинальное свадебное платье, которое превратит вас в настоящую принцессу. В нашей коллекции вы встретите не только традиционные пышные наряды, но и экстравагантные облегающие модели, способные придать вашему образу пикантность. Каждое платье, представленное в нашей коллекции, Bы можете взять напрокат. Так же мы готовы предложить свадебные платья для беременных невест. Впрочем, экономить с <font> салоном «MeLady»</font> легко: стоимость наших услуг Вас приятно удивит. </font></p></center>
<font> Услуги, предоставляемые свадебным салоном «MeLady»: </font>
<font><ul> <li> Прокат
<ol> <li>свадебных и вечерних нарядов <li>автомобилей <li>украшения для автомобилей</li> </ol>
<li>Услуги
<ol> <li>опытного визажиста <li>мастера маникюра<li> парикмахера-стилиста<li> фотографа</li></ol>
<li>оформление торжеств, банкетных залов тканями, живыми цветами, гелиевыми и обычными шарами</li></ul>
</font>
<p><center><font> Мы работаем для того, чтобы превратить Bаш праздник в настоящую сказку! </font></center></p>
<font>Контакты: </font>
<ul>
<li> Телефоны: (8-0162) 35-00-00, 222-22-22(mts), 333-33-33(vel)
<li> Адрес: г. Брест, ул. Сябровская, д. 99 </ul>
<hr>
<p>Наш почтовый адрес: </p>
</blockquote>
</body>
</html>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *