- •Основы создания web-страниц
- •Составители а.В. Распопов, д.В.Меркулов, о.Е.Ефимова
- •Введение
- •Основные понятия, инструменты создания и просмотра web-страниц
- •Стандарты языка html
- •Браузеры
- •Редакторы html-документов
- •Основы языка html
- •Синтаксис html-тегов
- •Структура html-документа
- •Адресация ресурсов
- •Задание к лабораторной работе №1 «Основные понятия, инструменты создания и просмотра web-страниц. Основы языка html»
- •Основные теги html
- •3.1 Комментарии
- •3.2 Символьные примитивы (&-последовательности)
- •Форматирование текста
- •4.1 Разбиение текста
- •4.2 Форматирование символов
- •4.2.1 Логическое форматирование
- •4.2.2 Физическое форматирование
- •4.3 Параметры шрифта
- •4.4 Заголовки разных уровней внутри текста
- •Задание к лабораторной работе №2 «Основные теги html. Форматирование текста»
- •Представление цвета и графики в html-документах
- •5.1 Формы представления цвета
- •5.2 Цвет текста и фон документа
- •5.3 Графические форматы
- •5.4 Графические изображения
- •Задание к лабораторной работе №3 «Представление цвета и графики в html-документах»
- •Задание к лабораторной работе №4 «Списки»
- •Гиперссылки
- •Задание к лабораторной работе №5 «Гиперссылки»
- •Изображение-карта
- •Задание к лабораторной работе №6 «Изображение-Карта»
- •Задание к лабораторной работе №7 «Таблицы»
- •10.1 Описание структуры набора фреймов
- •10.2 Общий вид html-документа, задающего набор фреймов
- •10.4 Целевые фреймы
- •11.1 Простейшая форма
- •11.2 Типы элементов форм
- •Задание к лабораторной работе №9 «Формы»
- •Несколько советов
- •Список использованных источников
- •Методические указания к лабораторным работам по курсу «Информационные технологии» для студентов специальности 080801
5.2 Цвет текста и фон документа
Цвет основного текста, цвета гипертекстовых ссылок и фон документа описываются в начальном теге тела документа <BODY> с помощью атрибутов:
TEXT = цвет |
Цвет основного текста документа. |
LINK = цвет |
Цвет не посещенных гиперссылок. |
VLINK = цвет |
Цвет посещенных гиперссылок. |
ALINK = цвет |
Цвет активных гиперссылок (вспыхивает на мгновение при щелчку мыши по гиперссылке). |
BGCOLOR = цвет |
Цвет фона документа. |
BACKGROUND=url |
Адрес графического файла, используемого при создании фонового изображения. |
Все перечисленные атрибуты необязательны, однако их всегда стоит указывать, чтобы цветовая гамма документа не зависела от величин, принятых браузером по умолчанию.
Фоновое изображение обычно выбирают небольшим по размеру; браузер помещает его в левый верхний угол окна документа и копирует, распространяя мозаикой по горизонтали и вертикали, пока не будет заполнено все пространство окна, подобно тому, как при строительстве большие пространства стен покрывают маленькими (и одинаковыми) плитками. Это, например, дает возможность создания различных полосатых и клетчатых фонов с помощью элементарных графических изображений. Чуть сложнее создать текстурный фон: тут придется немного поэкспериментировать с маленькими образцами фона, чтобы не было заметно "стыков". При этом, если указан атрибут BACKGROUND, то отменяется цвет фона, заданный в BGCOLOR.
Важно отметить, что цвет фона и изображение-фон никак не отображаются на бумаге при выводе html-документа на печать. Из этого есть одно важное практическое следствие: старайтесь не использовать текст белого цвета.
5.3 Графические форматы
Браузеры поддерживают три графических формата:
GIF - Graphic Interchange Format . При сохранении изображения в этом формате количество используемых цветов не должно превышать 256. Обычно этот формат используют для небольших изображений, содержащих области однородной окраски с четкими границами. Формат GIF позволяет создать прозрачные фрагменты изображения. Кроме того, этот формат поддерживает анимацию.
JPEG (JPG) - Joint Photography Experts Group. Этот формат допускает сохранение изображений, содержащих миллионы цветов, с тонкими цветовыми переходами. Например, фотографии обычно сохраняются в формате JPEG. Изображения в этом формате не могут иметь прозрачных областей.
PNG - Portable Network Graphics. Этот формат является развитием формата GIF. Он обладает всеми преимуществами GIF и, при этом, не имеет ограничений в количестве используемых цветов.
Несмотря на приведенные общие характеристики графических форматов для WWW, выбрать оптимальный для конкретного изображения формат зачастую можно только экспериментальным путем. При этом преследуется основная цель: достичь хорошего качества изображения при минимальном размере файла.