Выбор фона создаваемого документа
Чтобы сделать Web-страницы более привлекательными
часто используют различные фоновые изображения, в том числе текстурную заливку.
Чтобы задать цвет фона Web-страницы или добавить фоновое изображение, следует воспользоваться командой Фон меню Формат (Format/Background). После выполнения этой команды появится диалоговая панель (рис. 8.5), с помощью которой можно выбрать требуемый цвет фона документа из списка основных или дополнительных цветов или же задать изображение, которое будет служить фоновым. Для выбора фонового изображения необходимо нажать кнопку Способы заливки (Fill Effects), при этом появится панель Заливка (Fill Effects) с вкладкой Текстура (Texture), из которой можно подобрать нужное изображение (рис. 8.6).
Рис. 8.5. Задание требуемого цвета фона
Рис. 8.6. Выбор текстуры
Кроме стандартных текстур, отображаемых на вкладке Текстура, в качестве фонового изображения можно использовать любой рисунок. Для этого нажмите кнопку Другая текстура и укажите файл, содержащий нужный рисунок.
Если будет определен цвет фона документа
то выбранное значение сохраняется в HTML-документе в качестве значения параметра BGCOLOR тег <BODY>.
При задании фонового изображения имя соответствующего файл графического изображения будет являться значением параметра BACKGROUND.
Напомним, что фоновые изображения всегда заполняют весь экран браузера, при этом изображение будет повторяться столько раз, сколько необходимо для заполнения страницы.
При создании 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-код следующих тэгов:
<B> — Полужирный
<I> — Курсив
<U> — Подчеркнутый
<STRIKE> — Зачеркнутый
<SUP> — Верхний индекс
<SUB> — Нижний индекс
Эти теги вставляются в начало выделенного фрагмента текста, а в конце фрагмента записывается соответствующий закрывающий тэг. Заметим, что может использоваться любая совокупность перечисленных эффектов, за исключением двух последних, которые являются взаимоисключающими. Для полужирного начертания, курсива и подчеркнутого текста на панели инструментов имеются специальные кнопки.
Для быстрого перехода к следующему доступному размеру шрифта используйте кнопки Увеличить размер шрифта и Уменьшить размер шрифта.
Для каждого абзаца в HTML генерируется тег начала абзаца <P>, а также тег конца абзаца </P>. Последний тег при создании документов вручную обычно опускается. Большинство браузеров абзацы автоматически отделяют пустой строкой. Чтобы реализовать переход на новую строку без образования абзаца, нажмите клавиши <Shift>+<Enter>. В этом случае будет генерироваться тег перехода на новую строку <BR>.
Форматирование, не поддерживаемое языком HTML или некоторыми средствами просмотра Web, недоступно в разделе редактирования Web-страниц редактора Word. В число таких средств входят эффекты форматирования символов Приподнятый, С тенью и Утопленный, междустрочный интервал, поля, межсимвольный интервал, кернинг, параметры обтекания текста и интервалы между абзацами. Не следует использовать символы табуляции, так как многие браузеры изображают их как пробелы; вместо них для сдвига первой строки текста вправо можно использовать отступ.
Для изменения отступа текста используйте кнопки Увеличить отступ и Уменьшить отступ. С точки зрения языка HTML, отступы реализуются путем обрамления текста парой тегов <DIR> и </DIR>. Формально данный тег определяет начало списка и подразумевает использование тэгов элементов списка <LI>. Однако здесь тег <LI> не используется, а тег <DIR> нужен только для организации отступов, которые невозможно задать в HTML естественным образом. Вложенные друг в друга теги <DIR> подразумевают многоуровневые списки, причем каждый уровень сдвинут на один отступ по отношению к предыдущему.
И для изменения выравнивания текста используйте кнопки По левому краю, По центру и По правому краю.
Заметим, однако, что текст на Web-страницах невозможно выровнять по ширине.