Но допустим, что интересное содержание для сайта готово. Например, набор полезных статей про экономическое положение страны или про разработку программ. Теперь необходимо создать сам сайт.
* * *
Основа Интернета, те "кирпичики", из которых состоит все информационное наполнение Сети — это web-страницы. Возникает закономерный вопрос: а что же это такое — web-страница, чем она отличается от любого другого документа вроде файла в формате Word или Rtf? Web-страница — это файл в особом формате — HTML (что переводится как HyperText Markup Language, то есть язык гипертекстовой разметки)[43]. Подобный файл характеризуется тем, что его содержимое представляет собой текст, шрифт, размер, расположение, поведение которого определяется специальными управляющими командами — тэгами. Кроме того, в этом формате допустима такая вещь, как гиперссылки — указатели на другие документы для быстрого перехода к ним, кроме того, возможно размещение на web-странице графических объектов.
Слово "site" означает "место". Место в сети Интернет. Сайтом называется набор web-страниц, связанных между собой перекрестными ссылками и расположенный под одним общим корневым именем. Например, http://antorlov.chat.ru. На этом сайте расположены web-страницы: verstka.htm, urls.htm, имеющие соответственно адреса http://antorlov.chat.ru/verstka.htm и http://antorlov.chat.ru/urls.htm. Но если говорить по сути, то страницы сайта объединяет не столько единство места или имени, сколько единство содержания и возможность перехода с одной его страницы на другую. Сайт — это прежде всего информационный ресурс, и основное объединяющее его начало — информация, находящаяся на нем.
Язык Интернета
Для просмотра документов в сети Интернет необходима специальная программа — браузер (browser, в переводе с английского — обозреватель). Эта программа считывает из Сети нужный документ и отображает его на экране в соответствии с расположением тэгов в документе. То есть тэги — это как бы директивы браузеру о том, как нужно отображать документ. Все современные браузеры поддерживают стандартный набор тэгов, входящий в утвержденный международными соглашениями документ — спецификацию языка HTML.
В настоящее время исходный язык HTML очень серьезно усовершенствован. Кроме того, появились технологии, дающие новые возможности, такие, как JavaScript, VBScript, Dynamic HTML, каскадные таблицы стилей и др. Но основа осталась та же — стандартные тэги, которые присутствуют на всех web-страницах. Поэтому для начала стоит посвятить несколько страниц книги основам языка Интернета, а потом уже рассказать и о новых технологиях.
Полный список тэгов HTML можно найти в спецификациях HTML. Достаточно большая их часть предназначена для отображения текста специальным образом (мигающим и др.) и используется редко. У многих тэгов есть свойства — специальные параметры, которые указываются в тэге и придают ему определенное значение.
Все тэги HTML заключаются в угловые скобки: "<тэг>". Это и есть признак тэга — браузер интерпретирует то, что заключено в угловые скобки, как директивы отображения страницы, если это возможно, и не отображает их самих на экране[44]. Регистр букв в наименовании тэга значения не имеет.
Практически все тэги являются парными. Это означает, что каждый тэг имеет свою "зону действия", в пределах которой он определяет вид документа. Конец зоны действия тэга обозначается им же, но без параметров и с прибавлением перед тэгом обратного слэша "/", — закрывающим тэгом. Кроме того, для тэгов, обозначающих элементы web-страницы, закрывающий тэг показывает их границы. Например, абзац текста должен иметь вид "<р>…текст…</р>".
Сейчас уже вышло много книг по HTML, и они есть практически в любом отделе компьютерной литературы. Поэтому не стоит описывать здесь стандарт HTML слишком подробно, так как более развернутые описания есть в специальных изданиях. Кроме того, о назначении каждого тэга нетрудно догадаться самому, проследив соответствие содержания Web-страницы и ее исходного текста.
Вот небольшой список наиболее употребительных тэгов. У некоторых тэгов указаны параметры, влияющие на их действие, а также приведены примеры использования тэгов и их параметров.
• Служебные тэги без параметров
Тэг ∙ Значение
<HTML> Начало Web-страницы.
<HEAD> Различная служебная информация.
<TITLE> Заголовок страницы, отображающийся в верхней строке браузера
• Служебные тэги с параметрами
Тэг ∙ Значение ∙ Параметры тэга
<МЕТА…> ∙ Служебная информация для поисковых систем и браузера. Располагается в разделе <HEAD>. ∙
— keywords — ключевые слова для поисковых машин
— http-equiv — указание на требуемое поведение страницы. Если он равен "Refresh", то это означает, что браузер должен осуществить переход на другую страницу content — значение параметра тэга МЕТА
— charset — информация о кодировке страницы. Требуется в случае, когда сервер, на котором расположена страница, не умеет выдавать пользователю страницы в требуемой им кодировке
<BODY…> ∙ Отображаемая часть документа.
— bgcolor — цвет фона страницы (далее следует цифровое обозначение цвета или слово, обозначающее цвет)
— text — цвет текста
— link — цвет непросмотренных ссылок
— vlink — цвет просмотренных ссылок
— alink — цвет нажатых ссылок
— background — путь к рисунку, который должен быть фоном
— bgproperties (равно True или False) — указание на то, должен ли двигаться фон при прокрутке страницы
• Тэги форматирования текста с параметрами
Тэг ∙ Значение ∙ Параметры тэга
<Р > ∙ Абзац текста
— align — выравнивание текста.
Значения:
left — по левому краю; center — по центру; right — по правому краю; justify — по ширине
<DIV> ∙ Фрагмент текста.
Те же, что и у тэга <р>. Используется для задания фрагменту определенных свойств.
<FONT> ∙ Вид и размер шрифта текста
— face — название шрифта
— size — размер букв, от 1 (наименьший) до 7 (наибольший)
— color — цвет текста. Указывается либо в виде названия цвета, либо в виде его кода в шестнадцатиричной системе.
<Н1>…<Н6> ∙ Текст, оформленный как заголовок
Те же, что и у тэга <р>. Оформленный этими тэгами текст имеет отличный от остального текста размер (у <Н1> наибольший).
<HR> ∙ Горизонтальная линия
— color — цвет линии
— size — толщина линии
• Тэги форматирования текста
Тэг ∙ Значение
<CENTER> ∙ Центрирование по горизонтали всех нижестоящих элементов до тэга </CENTER>.
<В> ∙ Оформление текста жирным шрифтом
<I> ∙ Оформление текста курсивом
<U> ∙ Оформление текста подчеркнутым шрифтом
<SUP> ∙ Оформление текста верхним индексом: а23
<SUB> ∙ Оформление текста нижним индексом: а23
<OL> ∙ Нумерованный список (параметр start=число — начало списка)