Курсовая, контрольная работа. Примеры выполнения

Основы Web технологий, основы Web дизайна - курс лекций начало

Урок 4 Первая web-страница

  Изучаем HTML

  Комментарии

Код HTML может содержать комментарии, предназначенные как для самого web-мастера, создающего документ, так и для постороннего пользователя, читающего листинг чужой странички. И в том и в другом случае комментарии записывают с целью избежать возможной путаницы при изучении кода html-документа. Комментарии не обрабатываются интерпретаторами броузеров, но и не отображаются на экране, они остаются в составе кода web-страницы «как есть». Комментарий открывается символьной последовательностью, начинающейся с открывающей угловой скобки, восклицательного знака и двух знаков тире: <!--, закрывается же несколько иным сочетанием символов: -->. Другими словами, в общем случае синтаксис записи комментария будет выглядеть следующим образом:

<!-текст комментария -->

Иногда в комментарий включается информация о создателе документа, предупреждение об авторских правах или адрес электронной почты администратора сайта. Однако чаще всего данный элемент кода HTML используется по своему прямому назначению, для пояснения назначения тех или иных участков листинга html-документа.

  Общие рекомендации

Создатель языка HTML, консорциум W3C, рекомендует включать в качестве первой строки html-кода перед тегом <HTML> так называемый дефинитивныйопределитель, показывающий, что данная web-страница создана именно с использованием HTML версии 3.2, а не какой-либо другой. Определитель не несет явной функциональной нагрузки и не влияет на отображение документа вброузере, однако спецификации требуют его использования. Синтаксис записиданного определителя всегда одинаков:

<! DOCTYPE HTML PUBLIC "-//W3C//DTO HTML 3.2//EN">

  Цветовые спецификации

Некоторые элементы языка HTML могут иметь в качестве атрибутов переменные, обозначающие цвета. Эти переменные применяются в основном для определения цвета фона html-документа, цвета текста или цвета, при помощи которого отображаются гиперссылки. Определить тот или иной цвет при создании web-страницы можно двумя методами: посредством задания специальных цветовых меток, обозначающих названия цветов словами, или с помощью шестна-дцатеричного цифрового кода, заменяющего эти метки.

Известно, что для вывода цветных изображений на экран монитора применяется так называемая палитра RGB (Red, Green, Blue). Согласно данному стандарту, теоретические основы которого были разработаны еще в XIX веке известным ученым-физиком Г. Гельмгольцем, можно получить абсолютно любой желаемый оттенок путем смешения всего лишь трех красок: красной, зеленой и синей. При помощи цветовых меток или цифрового кода web-мастер имеет возможность использовать в документе HTML любой цвет, который поддается отображению в рамках стандарта RGB.

Разумеется, цветовые нотации, заданные посредством символьных меток, легче запоминаются и интуитивно понятны любому программисту, хотя бы немного знакомому с английским языком. Существует 140 цветов, для которых приняты стандартные символьные метки. Цветов же, которые возможно отобразить посредством цифрового кода, несоизмеримо больше. Более того, далеко не все броузеры способны отображать некоторые цвета, заданные символьной нотацией. Например, Netscape Navigator распознает их значительно больше, нежели Microsoft Internet Explorer.

Для обозначения цвета шестнадцатеричным цифровым кодом принят следующий синтаксис записи: перед самим кодом ставится символ «#», далее следует набор из шести знаков в шестнадцатеричной системе счисления. Несмотря на точто в распоряжении web-мастера имеется более ста цветовых меток, на практике активно используется лишь шестнадцать из них. Именно эти цвета были приняты в качестве стандарта для шестнадцатицветовой палитры VGA. Обозначение данных цветов приведено в табл. 4.2.

Таблица 4.2. Стандартные цвета

Цвет

Значение RGB

Символьная метка

Цифровой код

Белый 

Черный 

Зеленый 

Светло-зеленый 

Серый 

Светло-серый 

Желтый 

Темно-бордовый 

Синий 

Темно-синий 

Голубой 

Изумрудный 

Красный 

Пурпурный 

Розовый 

Оливковый

255 255 255

000

0 128 0

0 255 0

128 128 128

192 192 192

255 255 0

128 0 0

0 0 255

0 0 128

0 255 255

0 128 128

255 0 0

128 0 128

255 0 255

128 128 0

White 

Black 

Green 

Lime 

Gray 

Silver 

Yellow 

Maroon 

Blue 

Navy 

Aqua 

Teal 

Red 

Purple 

Fuchsia 

Olive

#FFFFFF 

#000000 

#008000 

#00FF00 

#808080 

#C0C0C0 

#FFFF00 

#800000 

#0000FF 

#000080 

#00FFFF 

#008080 

#FF0000

#800080 

#FF00FF 

#808000

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

    Урок 5 Графика в web-дизайне

    7271f726
    На главную