Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
Редактирование HTML-изданий в редакторе MS Word 97
4.3.1. Команды секции меню «Формат»
До сих пор мы рассматривали возможность создания гипертекстовых документов в DOC-формате. Далее обсудим возможности использования Word 97 в качестве HTML-редактора. Для перехода в этот режим следует сохранить издание в HTML-формате, для чего в секции меню «Файл» предусмотрена дополнительная адаптивная команда «Сохранить в формате HTML». Когда документ сохранен в HTML-формате, интерфейс редактора существенно меняется. Это выражается в появлении обновленной панели инструментов, а также в изменении состава команд в большинстве секций меню, в том числе и в секции «Формат». Фрагмент такого интерфейса показан на рис. 4.9 
. Приведены для сравнения два списка команд: в режиме DOC и режиме HTML, причем оба смещены вниз, чтобы были видны панели инструментов.
На рис. 4.9 хорошо заметны изменения в панели инструментов «Форматирование». Добавились два инструмента, размещенные правее списка гарнитур. Первый из них (А^) увеличивает на один размер шрифта, а второй (а') - уменьшает, что соответствует действию тегов <SUP> и <SUB>, рассмотренных в § 2.2. В правой части панели «Форматирование» добавлены еще два инструмента, а именно: горизонтальная линия, с помощью которой можно отделить одну часть документа от другой (сравните с тегом <ВР>), и фон, аналогичный действию соответствующей команды, которая будет описана ниже. Для создания фона, как показано в § 2.2, используются параметры тега <BODY>.
Обычно все студенты хорошо запоминают набор команд секции меню «Формат», с которой им чаще всего приходится сталкиваются при создании документов в редакторе Word. Внешний вид этой секции меню, как видно из рис. 4.9 , совершенно переменился: вдвое сократилось общее число команд, из прежних сохранились пять: шрифт, список, регистр, фон и стиль, причем и эти сохранившиеся (кроме единственной команды «Регистр») претерпели значительные изменения. Появилась новая команда «Цвета текста», а команда «Рисунок» сменила адаптивную команду «Объект».
Выбор команды «Шрифт» генерирует диалоговое окно с тем же именем, показанное на рис. 4.10 . В режиме редактирования HTML-документа его размеры уменьшились в несколько раз, а число вкладок сократилось с трех до одной. Сократилось до семи и количество различных кеглей (именно таким числом, как отмечалось в § 2.2, ограничивается их разнообразие в HTML-документах) и до шести - количество вариантов шрифтового оформления, что также соответствует возможностям HTML-документов. Наконец, количество цветовых оттенков, считая черный и два варианта серого, в данном случае равно 16.
Значительные изменения претерпело и диалоговое окно «Список», показанное на рис. 4.11 . Оно содержит только две вкладки вместо трех в режиме работы с текстом - вкладка «Многоуровневый список» здесь отсутствует. Три первых маркера соответствуют стандартным для маркированного HTML-списка, все же остальные - это миниатюры из файлов bullet1.gif - bullet8.gif, размещенных в папке MSOffice/Clipart/Bullets. Используя кнопку «Другой» можно преобразовать любой графический файл, имеющийся на данном компьютере, в миниатюру в формате GIF, после чего эта миниатюра может использоваться в качестве графического маркера. Нумерованный список в редакторе полностью соответствует стандартным возможностям формата HTML.
Команда «Цвета текста» позволяет установить различные цветовые оттенки для основного текста, гиперссылок и уже просмотренных указателей ссылок. Соответствующее диалоговое окно представлено на рис. 4.12 . Для выбора цвета во всех случаях используются списковые окна с выводом по умолчанию одной единственной строки. Количество вариантов цвета по-прежнему равно 16, кроме того добавлена позиция «авто», что равнозначно «по умолчанию». Исходно текстовый указатель ссылки, как следует из приведенных на рис. 4.12 данных, выводится синим цветом, а уже просмотренной - фиолетовым. Можно выбрать и любые другие цвета, включая 25% и 50% уровни серого.
Определенный интерес представляет команда «Стиль», позволяющая задать стиль оформления одного или нескольких абзацев HTML-документа. Такой подход соответствует современной концепции оформления HTML-издания, состоящий в более широком использовании тегов логического форматирования текста (см. § 2.1). Вид соответствующего диалогового окна показан на рис. 4.13 . Основная часть диалогового окна занята снабженным слайдером тринадцатистрочным окном списка стилей, который исходно (по умолчанию) включает в себя семь 7 стилей оформления заголовка и еще четырнадцать стилей для оформления тела издания. Справа в окне показан пример оформления текста выбранным стилем (на рис. 4.13 стиль оформления основного текста абзаца).
Для применения стиля к текстовому фрагменту следует выделить этот фрагмент, выбрать нужный стиль и нажать кнопку «Применить». Скажем, для применения стиля к абзацу достаточно поместить в него курсор (не выделяя всего абзаца). Чтобы применить стиль к нескольким абзацам, следует выделить такой фрагмент текста, в который бы входили, хотя бы частично, все эти абзацы. Кнопка «Организатор» в левой нижней части диалогового окна позволяет задать совокупность (набор) стилей для оформления издания. Возможно создание нового, изменение или удаление имеющегося стиля с помощью соответствующих кнопок в нижней части диалогового окна.
Для создания нового или изменения существующего стиля используется специальное диалоговое окно «Создание стиля», показанное на рис. 4.14 . Это окно позволяет назначить совокупность элементов форматирования и шрифтового оформления для любого фрагмента электронного издания и сохранить такой стиль под определенным именем. Стилю можно назначить так называемые «быстрые клавиши» (например, Alt+X), что позволяет обойтись без вызова команд и диалоговых окон, а сразу применить стиль к выбранному фрагменту, нажав эти «быстрые» клавиши. Для назначения «быстрых клавиш» служит кнопка «Клавиша» в правом нижнем углу окна «Создание стиля».
Чтобы включить в состав определенного стиля элементы, необходимые для оформления абзаца, таблицы или списка используется кнопка «Формат». Нажав на нее, мы получим выпадающее меню, показанное в нижней части рис. 4.14 , которое позволяет обратится к нужной команде, установить параметры в соответствующем диалоговом окне и автоматически возвратиться в окно «Создание стиля». В завершении нажимаем кнопку «ОК» и получаем дополнительный стиль, имя которого уже включено в список стилей, показанный в окне на рис. 4.13 .
Еще одна команда в секции меню «Формат», а именно «Фон», предназначена для формирования фона HTML-издания, причем фон может быть задан как в форме тонирования, так и рисунка. При активизации этой команды генерируется цветовая палитра, представленная на рис. 4.15 . Если пользователя не устраивает ни один из 40 цветов, представленных в палитре, он может вызвать дополнительные цвета, щелкнув по соответствующей надписи в диалоговом окне. В результате получим новое диалоговое окно «Цвета», содержащее две вкладки: «Обычные» и «Спектр», показанные на рис. 4.16 .
На вкладке «Обычные» представлен дискретный набор из 137 цветовых оттенков, сформированный в форме правильного шестиугольника,
заполненного малыми шестиугольниками различных цветовых тонов. На вкладке «Спектр» использована аналоговая системная цветовая палитра Windows. В такой палитре можно выбрать практически любой цветовой оттенок. Если пользователю известны координаты цвета в цветовом представлении RGB или MSB (Hue-Saturation-Brightness, или Цветовой тон - Насыщенность - Яркость), то эти координаты могут быть непосредственно заданы в триадах окон малого размера с помощью счетчиков или путем непосредственного ввода значений координат цвета.
Команда «Способы заливки» в «Палитре цветов» на рис. 4.15 инициирует появление диалогового окна «Заливка», представленного на рис. 4.17 . В этом окне в форме списка представлен набор из 24 образцов различных текстур, 12 из которых видны на рисунке. Эти текстуры могут использоваться в качестве фона электронного издания в целом или его отдельных фрагментов. С помощью кнопки «Другая текстура» можно любой графический файл автоматически преобразовать в текстурный, включив его в состав текстур палитры «Заливка». Отметим, что текстуры очень часто используются для улучшения внешнего вида электронных изданий и Web-страниц.
Последняя команда секции меню «Формат» - «Рисунок», активизируется только в том случае, если в составе документа выделен какой-нибудь рисунок. Команда активизирует одноименное диалоговое окно, состоящее из двух вкладок (рис. 4.18 ). Первая из них описывает параметры рисунка, в том числе - путь к рисунку, по умолчанию -относительный. Однако если задействовать опцию «Использовать абсолютный путь», то расположение рисунка будет задаваться полностью (абсолютно), а не относительно папки, в которой размещен файл редактируемого документа. Имеется также возможность ввода альтернативного текста в поле «Пустая рамка вместо рисунка» в тех случаях, когда загрузка рисунка не производится (см. также описание использования параметра ALT в теге <IMG> в разделе 2.4).
Во вкладке «Положение» диалогового окна «Рисунок» задается выравнивание рисунка и его расстояние от текста, т. е. те параметры тега <IMG>, которые не были определены в предыдущей вкладке. Как следует из рис. 4.18 , в редакторе возможны три варианта выравнивания рисунка: в строку (как элемент строки), вправо и влево. Как уже упоминалось в разделе 2.4, автор не является сторонником выравнивания рисунков в строку, так как это противоречит принципам дизайна изданий. Выравнивание же полевой или правой границе определяет оборочный формат иллюстрации, естественный как для текстового, так и для электронного издания. Задание вокруг рисунка осветленного пространства способствует его лучшему выделению в тексте, таким образом, поле «Расстояние от текста» во вкладке «Положение» позволяет улучшить дизайн электронного издания.
4.3.2.Команды секции меню «Вставка»
Перейдем к командам секции меню «Вставка». Для сравнения на рис. 4.19 представлены команды этой секции при работе редактора с изданиями в ООС - (слева) и HTML-форматах. Сравнение показывает, что в формате HTML отсутствуют команды «Разрыв», «Номера страниц», «Поле», «Примечание», «Сноска», «Название», «Перекрестная ссылка», «Оглавление и указатели», и «Надпись». В то же время при работе с HTML-документами появляется ряд новых команд: «Горизонтальная линия», «Видеоклип», «Фоновый звук», «Формы» и «Бегущая строка».
Все исключенные команды действительно не нужны для редактирования HTML-изданий, поэтому остановимся лишь на роли дополнительных команд. Так, команда «Горизонтальная линия» (и одноименный инструмент в панели «Форматирование») подобно тегу <ВР> реализует специальный вид форматирования и дизайна электронного издания, отделяя, подобно типографской линейке, различные фрагменты документа друг от друга. Предусмотрено несколько различных видов таких горизонтальных линий или линеек (см. рис. 4.20 ). Любую из этих линий можно вставить в документ, и если не злоупотреблять их количеством и разновидностями, то издание от этого только выиграет. Если представленного разнообразия линеек пользователю недостаточно, то можно, нажав на кнопку «Другая», получить дополнительные рисованные линейки, соответствующие которым изображения хранятся в папке CLIPART/LINES в каталоге MSOffice.
Далее остановимся на команде «Видеоклип». Она позволяет включить цифровой видеоклип в состав редактируемого издания. Диалоговое окно для этой команды представлено на рис. 4.21 . Место вставки видеоклипа в электронное издание указывается с помощью миниатюры, напоминающей телевизор. На рис. 4.21 она находится в самом начале документа, перед его заголовком. Диалоговое окно «Видеоклип» состоит из двух фрагментов: «Источник» и «Параметры воспроизведения». В первом из них с помощью двух списковых структур задается расположение файла видеоклипа и файла рисунка для его замены. В обоих случаях предусмотрены кнопки «Обзор», позволяющие просматривать всю структуру файлов на компьютере и находить нужные файлы. Ниже расположена строка, в которую вводится альтернативный текст для замены видеоклипа на тех компьютерах, где не предусмотрены средства для их воспроизведения.
Во фрагменте «Параметры воспроизведения» заданы две списковые структуры, в каждой из которых, как и в верхнем фрагменте, по умолчанию отображается одна строка, и три опции. Первый список определяет время начала воспроизведения: при открытии, щелчке мышью или обоими способами, а второй - число повторов при воспроизведении. Здесь же показаны две задействованные опции: «Отображать кнопки управления» и «Использовать относительные пути», причем вторая относится к способу задания видеоклипа и рисунка для его замены. Первая же опция позволяет разместить кнопки управления на экране и использовать их для управления видеоклипом. Опция «копировать в папку с документами» позволяет автоматически переместить указанные выше файлы в ту же папку, где находится само электронное издание (в примере эта опция не задействована).
Команда «Фоновый звук», как показано на рис. 4.22 , состоит из трех подкоманд, первая из них генерирует диалоговое окно, используемое для установки параметров этого звука, а две другие обеспечивают воспроизведение звука и его прекращение. Диалоговое окно «Фоновый звук» также представлено на рис. 4.22 . В нем с помощью списковой структуры «Звукозапись» задается абсолютный или относительный путь к соответствующему файлу, а аналогичная структура под названием «Число повторов» задает это значение в пределах от единицы до бесконечности. Путь к нужному файлу может быть определен с помощью кнопки «Обзор», действие которой подобно ранее рассмотренному. В диалоговом окне активизирована опция «Использовать относительный путь» и отключена «Копировать в папку с документами», которые аналогичны показанным на рис. 4.21 .
Следующая команда - «Формы» - предназначается для встраивания в издание HTML-форм, которые могут использоваться для тестирования или получения отзывов и замечаний от читателей с последующей автоматической их обработкой. Активизация этой команды приводит к появлению многочисленных ее подкоманд, с помощью которых определяются разновидности форм, описанных в разделе 2.9. По-существу, это встроенный в пакет мощный конструктор форм. Интерфейс конструктора представлен на рис. 4.23 .
Каждая из подкоманд определяет создание определенного элемента формы, причем пиктограмма полностью характеризует тип этого элемента. Вначале следуют подкоманды, соответствующие тегу <INPUT> с параметрами CHECKBOX (флажок) и RADIO (переключатель), следующая пара соответствует тегу <SELECT>, подкоманда «Поле» соответствует параметру TEXT в теге <INPUT>, «Область ввода» - тегу <TEXTAREA>, кнопки соответствуют одноименным параметрам SUBMIT (переслать на сервер содержимое формы) и RESET (кнопка сброса) тега <INPUT>, а параметрам HIDDEN и PASSWORD для ввода соответствующих разновидностей текста же тега соответствуют две последние подкоманды.
Следует отметить, что помимо средств для изменения размеров форм, предусмотренных в оболочке Windows, в редакторе имеется адаптивное диалоговое окно «Свойства», параметры которого изменяются в зависимости от вида формы и в котором также можно регулировать параметры формы. В качестве примера на рис. 4.24 показана форма «Область ввода» и соответствующее ей диалоговое окно «Свойства». В окне видно, что используется тег <TEXTAREA> и указаны его параметры, а в самой форме в нижней части рисунка вводится в окно нужный текст. Видимая область формы содержит 4 строки и 30 колонок и снабжена окном прокрутки. Списковая структура в верхней части диалогового окна позволяет выбрать любой другой вид формы, в соответствии с чем перестраиваются и остальные области окна «Свойства».
Последняя подкоманда, на которой следует остановиться - это «Бегущая строка», которая часто используется в дизайне Web-страниц и многократно реже в других электронных изданиях. Команде соответствует диалоговое окно, приведенное на рис. 4.25 . В верхней части окна с помощью 4-х списковых структур выбирается из нескольких вариантов характер и направление движения, цвет фона (в примере - желтый) и число повторов. В окне предусмотрена специальная линейка для регулировки скорости перемещения строки. Ниже в специальном окне, вводится текст бегущей строки, а еще ниже, в окне «Образец», демонстрируется пример движущейся строки с заданными пользователем параметрами.
Из других особенностей работы Word 97 в режиме редактора HTML-документа отметим возможность просмотра подготовленного издания в браузере при активизации команды Файл/Просмотр Web-страницы, а также возможность просмотра и редактирования исходного HTML-кода с помощью команды Вид/Источник HTML. Обе эти секции меню и соответствующие команды представлены на рис. 4.26 . В частности, при активизации команды «Источник HTML» вновь изменяется интерфейс редактора, причем остается только одна единственная панель инструментов. Это хорошо видно на рис. 4.27 . В качестве примера выбран электронный документ, в теле которого один фрагмент, бегущая строка с желтым фоном, текст в которой синего цвета и перемещается слева направо. Движение текста происходит в окне насквозь, а количество повторов бесконечно велико. Все это было ранее установлено в диалоговом окне, показанном на рис. 4.25 .
В режиме редактирования исходного HTML-кода мы можем «вручную» вставлять в документ любые теги, т. е. в этом режиме Word 97 работает уже как редактор первой группы (см. классификацию в разделе 4.1). Именно по этой причине, секция меню «Формат» вообще отсутствует, а в секции меню «Вставка» содержится всего 3 команды: «Дата и время», «Автотекст» и «Файл», которые имеют смысл в режиме работы с исходным кодом. На панели инструментов появилась специальная кнопка «Закрыть источник HTML», при нажатии на которую мы возвратимся к редактированию HTML-издания в режиме WYSIWYG, в котором, как уже было отмечено ранее, Word 97 работает как редактор второй группы.
В той же секции меню «Вид» командой «Режим конструктора» можно вывести в окне документа конструктор HTML-форм в виде набора инструментов, полностью совпадающего с подкомандами команды «Формы», включая тождественность всех используемых для обозначения инструментов пиктограмм.
Таким образом, Word 97 представляет собой, помимо редактора текстов, еще и удобный универсальный HTML-редактор, а его широкое распространение в нашей стране определяет возможность его массового использования именно в этом качестве. Кстати, отметим, что версия Word 2000 в составе MSOffice 2000, лишена многих возможностей предыдущей версии, относящихся именно к редактированию HTML-документов. Однако эта его особенность компенсируется тесной интеграцией Word 2000 с редактором мультимедиа-изданий FrontPage 2000. Пакет FrontPage будет рассмотрен в главе 6.
Date: 2015-05-22; view: 912; Нарушение авторских прав; Помощь в написании работы --> СЮДА... |