Всего на сайте:
148 тыс. 196 статей

Главная | Информатика

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

 

1. Запустите текстовый редактор Блокнот.

2. Дайте странице название «Визитная карточка», между тегами <BODY> и </BODY> наберите текст, содержащий вышеперечисленные сведения о себе. Сохраните текст в файле Визитка.txt.

 

3. Отформатируйте текст (разметьте абзацы и расставьте заголовки), сохраните текст в файле Визитка.htm.

 

4. Просмотрите полученную чёрно-белую страницу в браузере (рис. 1).

 

Рис. 1. Отображение черно-белой страницы в браузере

 

5. Атрибуты задания цветовой схемы ( цвета фона, текста и гиперссылок).

 

Цвет на Web – странице задают либо его названием, либо числовым шестиразрядным шестнадцатиричным кодом #RRGGBB (первые два разряда задают интенсивность красного цвета, вторые – зелёного, третьи – синего). Значение яркости может меняться от минимальной 00 до максимальной FF. В таблице приведены примеры некоторых цветов:

 

цвет код название цвет код название
черный #000000 black фиолетовый #FF00FF magenta
белый #FFFFFF white бирюзовый #00FFFF cyan
красный #FF0000 red желтый #FFFF00 yelloy
зеленый #00FF00 lime золотой #FFD800 gold
синий #0000FF blue оранжевый #FFA500 orange
серый #808080 gray коричневый #A82828 brown

 

Основную цветовую схему страницы можно задать в теге <BODY> с помощью атрибутов:

Цвет фона BGCOLOR=”#RRGGBB”
Текстура фона BACKGROUND=”file.jpg”
Цвет текста TEXT=”#RRGGBB”
Цвет текста ссылки LINK=”#RRGGBB”
Цвет текста активной ссылки ALINK=”#RRGGBB”
Цвет текста просмотренной ссылки VLINK=”#RRGGBB”

 

При использовании текстуры, закрывающей собой всю площадь страницы, применение однотонного фона кажется излишним. Однако рисунки загружаются несколько медленнее, чем текст. Всё это время посетители страницы будут видеть цвет фона, заданный атрибутом BGCOLOR. Поэтому для фона указывается цвет, совпадающий с основным тоном фонового рисунка.

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

<BODY BGCOLOR =”FFFFCC" background="2.jpg" text="993300" link="55FFAA" alink="FF0000" vlink="00FF00">

 

6. Для размещения на Web – странице изображений используются графические файлы форматов GIF, JPEG, PNG. Изображения помещаются на Web – страницу тегом <IMG> с атрибутом SRC, сообщающим браузеру имя и местоположение графического файла:

<img src="FILE.gif">

Предыдущая статья:Введение в web-дизайн, Введение в web-дизайн Методические указания к выполнению лаборато.. Следующая статья:Желательно скопировать изображение в папку, где располагается файл Визитка.htm.
page speed (0.0112 sec, direct)