Управление цветом фона и шрифта, вставка графических изображений Лекция 2 Изменение цвета шрифта Для изменения цвета шрифта целиком для всей web-страницы необходимо в дескрипторе <body> прописать атрибут text и указать в нем цвет шрифта либо в виде 16-тиричного кода, либо в виде стандартного названия. <body text=“#RGB"> red Изменение цвета фона <body bgcolor=" #RGB" > или <body background=" fon.jpg" > Рисунки\fon.jpg Изменение цвета ссылок Link – цвет непосещенных гиперссылок Alink - цвет активных гиперссылок Vlink - цвет посещенных гиперссылок например, <body link=" red" vlink=" gray" alink=" green" > Изменение размера шрифта Для изменения размера шрифта, целиком для всей страницы используется элемент basefont. Атрибут size позволяет изменить размер шрифта текста. Чем крупнее шрифт, тем более легким для восприятия становится текст страницы. С другой стороны, мелкий шрифт позволяет уместить в пределах одного экрана большой объем информации. <BASEFONT SIZE=" 1" > В вашем распоряжении имеется 7 доступных размеров шрифтов. Самый мелкий размер обозначается числом 1, а самый крупный – 7. Изменение размера шрифта Применение же атрибута SIZE совместно с дескриптором <FONT> позволяет воздействовать на внешний вид отдельного фрагмента текста. Также, как и в предыдущем случае в вашем распоряжении имеется 7 доступных размеров шрифтов. Следует различать записи <FONT SIZE= "1"> и < FONT SIZE= "+1"> в первом случае указывается абсолютный размер шрифта, а во втором относительный размер. Соответственно, для временного уменьшения размера шрифта относительно предыдущего можно использовать <FONT SIZE= "-1">. Изменение размера шрифта А применение атрибута FACE совместно с дескриптором <FONT> позволяет воздействовать на гарнитуру шрифта, т.е. на сам текст. Шрифты необходимо перечислять через запятую, если первый шрифт не распознается, вторым должен идти тот шрифт, который в любом случае правильно интерпретируется браузером. Например, <font face=“Corrida,Arial”> Изменение цвета шрифта Для изменения цвета отдельного фрагмента текста используется атрибут COLOR в дескрипторе <FONT>. В качестве задания цвета используется либо стандартное указание цвета шрифта, либо его значение в 16-ом коде. Например, <font color=“blue”> Вставка графических изображений Дескриптор <IMG> позволяет вставить в текст WEB-страницы графическое изображение. Позаимствовать графические объекты можно либо на сайтах, либо отсканировав изображение преобразовав его в электронный формат. Главное, стараться по возможности использовать графические файлы небольших размеров, чтобы сократить время передачи информации. Вставка графических изображений Некоторые пользователи применяют WEBбраузеры, действующие исключительно в текстовом режиме, а другие просто отключают соответствующие функции программы, стремясь увеличить скорость работы. Атрибут ALT используется для задания текста, который при необходимости должен быть отображен вместо графического клипа. В этом случае читателю предлагается альтернатива текста, заменяющего отсутствующее на экране изображение. Вставка графических изображений Чтобы разместить на WEB-странице графическое изображение, следует указать имя и место хранения соответствующего файла. Если графический файл располагается в той же папке, что и файл страницы, достаточно указать только его имя. А если файл находится во вложенной папке, следует задать название этой папки и имя файла. Атрибут BORDER позволяет заключить графическое изображение, помещенное на WEB-странице, в цветную рамку. Рамка придает изображению четкость и улучшает вид страницы. BORDER="3", чтобы удалить данную рамку, достаточно указать значение толщины, равное 0. Вставка графических изображений Атрибут ALIGN дает возможность разместить текст на WEB-странице между двумя графическими изображениями. Дескрипторы, описывающие изображения, должны быть расположены над текстом, который подвергается форматированию. <IMG SRC="3star.gif" ALIGN="LEFT"> <IMG SRC="3star.gif" ALIGN="RIGHT"> Вставка графических изображений Атрибут ALIGN со значениями top (сверху), middle (посередине) и bottom (снизу) позволяет задавать вертикальное положение фрагмента текста относительно границ соседнего графического изображения. <P><IMAGE SRC="18.gif" ALIGN="top"> Этот текст выровнен по верхней кромке изображения </P> <P><IMAGE SRC="18.gif" ALIGN="middle"> Этот текст выровнен по средней оси изображения </P> <P><IMAGE SRC="18.gif" ALIGN="bottom"> Этот текст выровнен по нижней кромке изображения </P> Вставка графических изображений По умолчанию в окне WEB-броузера графические изображения отделяются от остальных элементов страницы пустой каймой шириной в несколько экранных пикселей. Увеличение размеров каймы способно значительно улучшить вид страницы и облегчить восприятие ее содержимого. Атрибут HSPACE предоставляет возможность задания ширины чистой области слева и справа от изображения, а атрибут VSPACE управляет значение высоты пустых полос сверху и снизу. Вставка графических изображений Атрибуты WIDTH и HEIGHT позволяют увеличить или уменьшить размеры графического изображения на странице, воспроизводимой в окне броузера. Задавая размеры изображения, указывайте нужные значения в экранных пикселях или процентах относительно текущих габаритов окна броузера. Вставка графических изображений Таким образом получаем запись вида: <IMG SRC="3star.gif" ALIGN="LEFT " ALT="Звезды" BORDER="3" HSPACE="2" VSPACE="3" WIDTH="50%" HEIGHT="250">