На главную | Отправить SMS | Сделать стартовой | Поставить закладку |
Разделы сайта

 Главная
 Новости
 Регистрация
 Region Free Keys
 Телефония
 Железо
 Software
 Секреты Windows
 Безопасность
 Web-дизайн
 Web-мастерам
 Фото-приколы
 Хостинги
 Раскрутка сайта
 Анекдоты
 Игромания
 Фотогалерея
 Разное
 Знакомства
 Мир техники
 Флейм
 Голосования
 Музыка
 Спорт
 Кино
 Авто
 Зал суда
 Программа TB
 Форум
 Авторам статей
 Реклама на сайте

Рассылка

Реклама



Web-дизайн

| Основы Web-технологий | Введение в Web-дизайн | Первая Web-страница | Графика web-дизайне | Специальные возможности HTML | Каскадные таблицы стилей | Полезные приемы в Web-дизайне | Обслуживание Web-сайта | Программирование на JavaScript и VBScript | Раскрутка сайта | Деньги и интернет | Партнерские программы | Web-софт | Поисковая оптимизация | Хостинг |

Первая web-страница

Комментарии

Код 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-документе предпочтительнее все же пользоваться шестнадцатеричным цифровым кодом, только так вы можете быть уверены, что броузер пользователя распознает требуемый цвет корректно.

  Базовые теги разметки гипертекста

Теперь настало время взяться за изучение основных директив HTML, которые позволят вам поместить в создаваемый документ какое-либо содержательное наполнение. Сначала поговорим о возможностях представления на web-страницетекста.

Как вы уже знаете из предыдущего раздела, интерпретаторы HTML, встроенные в броузеры, в общем случае игнорируют пользовательскую разметку текстовых блоков, внесенную в код HTML при помощи клавиатуры. Разумеется, в этом случае должны существовать специальные команды, позволяющие отформатировать текст на экране именно так, как это необходимо web-мастеру. Подобные команды существуют, и первая из них — это тег обозначения стандартного абзаца.

Для того чтобы вывести в составе html-документа текстовый абзац, необходимо заключить соответствующий отрывок текста в теги <Р> и </Р>. Синтаксис записи такой команды выглядит следующим образом:

<Р ALIGN=APГУMEHT>

Текст, заключаемый в абзац

</Р>

Аргументом атрибута ALIGN может служить одно из четырех логических выражений, значение которых приведено ниже: RIGHT — выравнивание текста по правому краю экрана или столбца таблицы; LEFT — выравнивание текста по левому краю экрана или столбца таблицы; CENTER — выравнивание текста по центру экрана или столбца таблицы; JUSTIFY — выравнивание текста по ширине экрана или столбца таблицы.

Таким образом, текст, форматирование которого внутри абзаца задано тегом<Р ALIGN=JUSTIFY>, будет выровнен на экране компьютера по всей его ширине. Если при использовании тега <Р> не задано никаких атрибутов, по умолчанию используется левое выравнивание.

Можно не включать ни один из перечисленных выше аргументов в состав тега форматирования абзаца, поскольку язык разметки гипертекста позволяет использовать некоторые из них как самостоятельные теги, предназначенные для позиционирования нескольких объектов документа в окне броузера. Используются эти теги следующим образом:

<LEFT>

Часть кода HTML

</LEFT>

Все, что заключено между тегами <LEFT> и </LEFT> — текст, таблицы, графические объекты, — будет выровнено по левому краю экрана.

<CENTER>Часть кода HTML</CENTER>

Все, что содержится между тегами <CENTER> и </CENTER>, позиционируется по центру экрана.

<RIGHT>

Часть кода HTML

</RIGHT>

Все, что заключено между тегами <RIGHT> и </RIGHT>, будет выровнено по правому краю экрана.

Если вы хотите, чтобы внутри текстового блока броузер отобразил переводстроки, например, для отделения одного абзаца от другого, в конце строки

следует поместить тег <BR>. Следующее слово, встречающееся за данным тегом, jбудет перенесено на новую строку. Примером использования этой команды может служить следующий отрывок кода HTML:

<P> 

Данный текст находится на одной строке экрана.<BR>

а этот текст отобразится уже с новой строки.

</Р>

Возможно использование нескольких тегов <BR> подряд для задания последовательности из нескольких пустых строк. Примечательно, что команда <BR> неимеет закрывающего тега.

Иногда тег <BR> содержит атрибут CLEAR, который может принимать одно изтрех значений: LEFT, RIGHT или ALL. Указанные параметры позволяют переносить текст со смещением новой строки соответственно к левой, правой или обеим границам экрана одновременно. Синтаксис записи этого тега с атрибутом CLEAR таков:

<BR СLЕАР="значение">.

Некоторые броузеры переносят строки самостоятельно, причем разрывают строку в том месте, где она выходит за границы экрана. Если программисту необходимо отобразить текстовую строку фиксированной длины без переносов, используется тег <NOBR>:

<NORB>строка без переносов</NORB>

При использовании данного тега в случае, если длина строки превышает ширину экрана, в нижней части окна броузера появляется горизонтальная полоса прокрутки.

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

<В>Текст. выделяемый жирным шрифтом</В>

<I>Текст, выделяемый курсивным шрифтом</I>

Данные пары тегов можно вкладывать одна в другую. Например, выделить текст жирным курсивным шрифтом можно так:

<В><I>Текст. выделенный жирным курсивным шрифтом</I></В>

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

<ЕМ>Текст. выделяемый курсивным шрифтом</ЕМ>

<STRONG>Tекст. выделяемый жирным шрифтом</STRONG>

Очевидно, что для выделения текста жирным курсивным шрифтом можно использовать вложение данных тегов друг в друга:

<STRONG>

<ЕМ>Текст, выделенный жирным курсивным шрифтом

</ЕМ></STRONG>

Для выделения текста подчеркиванием используется тег <U>. Синтаксис его записи также достаточно прост:

<U>Подчеркнутый текст</U>

Элемент подчеркивания может быть вложенным тегом, спецификация языка позволяет использовать его совместно с командами выделения текста жирным и курсивным шрифтом.

Помимо перечисленных тегов выделения текста существует еще несколько текстовых элементов, позволяющих различными методами акцентировать внимание зрителя на тех или иных фразах или словах. Среди подобных команд необходимо отметить следующие:

<STRIKE> — директива, позволяющая отображать в окне броузера зачеркнутый текст. Синтаксис записи:

<STRIKE>Зачеркнутый текст</STRIKE><SUB> — тег, позволяющий отобразить подстрочный текст. Синтаксис записи: 

текст 1<SUB>текст 2</SUB>

Результат обработки такой строки кода будет иметь следующий вид:

текст1текст2 — тег, позволяющий отобразить надстрочный текст. Синтаксис записи:

текст1<SUP>текст 2</SUP> 

Результат обработки такой строки кода будет иметь следующий вид:

текст1текст2

<ТТ> — тег, позволяющий вывести на экран часть текста фиксированным шрифтом, так называемый телетайпный текст. Используется в основном для отображения листинга программ, экранных форм и команд пользователя. Синтаксис записи:

<ТТ>Текст. отображаемый "телетайпным" шрифтом</ТТ>

<BIG> — тег, позволяющий вывести часть текста крупным шрифтом.

ПРИМЕЧАНИЕ При обработке кода HTML интерпретатором броузера размер шрифта высчитывается не в пикселах, а в условных пунктах нелинейного размера, величина такого пункта зависит от используемой вами реализации броузера. Нормальный (подставляемый по умолчанию) шрифт имеет высоту три пункта.

Использование тега <BIG> увеличивает нормальный размер шрифта на одинпункт. Синтаксис записи этой команды таков:

<BIG>текст</BIG>

Чтобы увеличить размер шрифта более чем на один пункт, можно использовать последовательность из нескольких тегов <BIG>:

<BIG><BIG>тeкст</BIG></BIG>

Аналогично уменьшения размера шрифта на один пункт можно добиться с использованием тега <SMALL>. Мнемоника записи этого тега выглядит следующим образом:

<SMALL>текст</SMALL>

Допустимо также использование нескольких вложенных элементов <SMALL>, подобно тому, как это было показано для тега <BIG>.

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

1>>>2>>>3>>>4

Содержание

Обсудить в форуме...>>>>

 

Каталог

Реклама


Rambler's Top100 Rambler's Top100

© 2002-2012, DIWAXX.RU. Дизайн Freeline Studio. Хостинг http://www.mtw.ru. Вопросы, пожелания, предложения: admin@diwaxx.ru