HTML. Hyper Text Markup Language (язык разметки гипертекста) — язык, используемый для создания документов в Интернете. Практически все содержимое web-узлов, которое отображается на экране подключенных к Интернету компьютеров, является набором документов, содержащих код HTML. HTML позволяет формировать на странице сайта текстовые блоки, включать в них изображения, организовывать таблицы, управлять отображением цвета документа и текста, добавлять на сайт звуковое сопровождение, организовывать гиперссылки с контекстным переходом в другие разделы сервера или обращаться к иным ресурсам Сети и компоновать все эти элементы между собой. Файлы, содержащие гипертекстовый код, имеют расширение .htm или .html. Одной из основных особенностей, характерных именно для данного языка разметки, благодаря которой он и получил свое название, является гиперссылка.

Гиперссылка (Hyperlink) — базовый функциональный элемент html-документа, представляющий собой реализацию динамической связи какого-либо объекта данной web-страницы с контекстным содержимым другого документа. В качестве гипер¬ссылки может использоваться как элемент текста, так и графический объект, а саму гиперсвязь можно устанавливать как между несколькими документами, расположенными на одном физическом сервере, так и с объектами, размещенными на различных узлах Интернета.

Браузеры. Для просмотра html-документов необходимо специальное программное обеспечение, предназначенное для динамической обработки кода HTML и отображения web-страниц. Такие программы называются браузерами. Браузеры содержат встроенный транслятор языка разметки гипертекста, компилирующий html-код в процессе открытия web-страницы. При этом, обнаружив в тексте ошибку, такая программа не выдает соответствующего предупреждения (если страница не содержит встроенных скриптов Java), а попросту игнорирует всю ошибочную строку. Это следует иметь в виду, составляя HTML-код, поскольку можно ненароком пропустить незаметную ошибку и выявить ее наличие уже тогда, когда страница будет опубликована в Web. Следует также помнить, что интерпретаторы HTML, встроенные в различные браузеры, работают не одинаково, из-за чего один и тот же html-документ может отображаться в них по-разному.

Существует несколько классов браузеров, различающихся в основном спектром реализуемых ими возможностей. Два основных класса — это браузеры, поддерживающие и не поддерживающие отображение графических элементов web-страниц. Боль-шинство современных браузеров относится к первому классу. Наиболее распространены среди пользователей Интернета браузеры Microsoft Internet Explorer и Opera, предназначенные для работы в среде Microsoft Windows. Менее распространены Mozilla и текстовый браузер для UNIX-совместимых платформ под названием Lynx.

Сервер. Сервером сети Интернет называется компьютер, на котором установлена специальная программа (она тоже называется сервером, web-сервером или http-сервером), которая отображает web-страницы по запросу клиентской машины, а также выполняет множество других полезных функций. Системой «клиент—сервер» называют механизм передачи информации между удаленным компьютером, предоставляющим свои ресурсы в распоряжение пользователей, и пользовательским компьютером, эксплуатирующим эти ресурсы. Компьютер, открывающий доступ к собственным ресурсам, носит название сервера, а по¬лучающий такой доступ, — клиента.

Серверы могут быть разными, причем различия заключаются прежде всего в операционной системе, под управлением которой они работают. В настоящее время на большинстве интернетовских узлов используют два типа серверных программ: либо Internet Information Server, рассчитанный на работу под Windows NT, либо Apache, предназначенный для платформ, совместимых со стандартом UNIX. Как правило, серверы работают на линиях с большой пропускной способностью, например, в сетях с оптоволоконными каналами связи, что по финансовым соображениям доступно лишь крупным предприятиям. Помимо со¬ответствующей программы сервер должен иметь собственный домен, т. е. адрес DNS, отвечающий стандартам Domain Name System.

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

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

Сайт в отличие от сервера выделенной серверной программой не обладает. Как правило, он является интегрированной частью сервера, каталогом на серверном компьютере несмотря на то, что большинство сайтов имеют собственное доменное имя. Еще один аспект, в котором сервер и сайт значительно различаются, — это их информационное наполнение. Сайт (от англ. site, участок) — это именно участок сервера, т. е. раздел, полностью посвященный какой-либо одной теме. Разумеется, практически все сайты включают в себя множество подразделов, каждый из которых может дробиться на еще более мелкие составляющие. Но в любом случае все части сайта объединяет некая общая идея, смысловая направленность, общий стиль исполнения.

Web-страница — это текстовый файл, содержащий текст, оформленный с помощью языка разметки HTML, а также ссылки на графические файлы (иллюстрации) и гипертекстовые ссылки на другие web-страницы сайта.

Работа системы «клиент—сервер». Функция браузера (программы-клиента) состоит в том, чтобы запросить у сервера определенную страницу, получить ее и отобразить на экране пользователя. Сервер принимает запрос, ищет запрошенный документ и выдает клиенту либо содержимое найденного файла, либо сообщение об ошибке, если такой файл не был найден или доступ к нему почему-либо запрещен. Сервер не анализирует содержимое передаваемого документа, ему все равно, что находится внутри запрошенного файла, он только передает его браузеру, а всю работу по структурированию и отображению полученной информации браузер берет на себя.

Поиск запрашиваемой страницы осуществляется в определенной директории, которая отведена на серверном компьютере под данный сайт. Ссылка на эту директорию присутствует во введенном пользователем адресе, например, в ссылке http://cko.miet.ru/ видно, что на сервере miet.ru для сайта ЦКО отведена директория cko.miet.ru. В случае когда обращение осуществляется не к конкретному документу, а к сайту в целом, сервер автоматически подставляет вместо названия передаваемого файла так называемую стартовую страницу, которая носит имя index.htm или index.html (в некоторых случаях — default.htm или default.html). Этот документ обязательно должен располагаться в корневом каталоге, отведенном для размещения вашего сайта, либо, если это оговорено особо, в директории с названием WWW. Все остальные файлы можно размещать либо в этом же каталоге, либо во вложенных директориях, что иногда бывает удобным, особенно в случае, когда сайт содержит несколько тематических разделов или рубрик, например http://cko.miet.ru/about/a_foto5_l.html.

Серверная директория сайта содержит обычно еще несколько каталогов. Например, папка CGI-BIN, где размещаются скрипты и другие запускаемые с сайта интерактивные приложения, а также другие служебные директории, необходимые для нормальной работы сайта. Иногда в том же каталоге, где хранится index.html, присутствует ряд дополнительных файлов: not_found.html — документ, который отображается в случае, если http-сервер не смог найти запрашиваемый пользователем файл; forbidden.html — ото¬бражается в качестве сообщения об ошибке, если доступ к запрашиваемому документу запрещен, и robots.txt — файл, в котором специальным образом описываются правила индексации вашего сайта поисковыми машинами.

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

Таким образом браузер клиента может только получать и обрабатывать информацию с сервера, а размещать и изменять ее может лишь в том случае, если загрузка файлов на сервер реализована на основе протокола HTTP с помощью специальных CGI-скриптов, включенных в серверный web-интерфейс. Во всех остальных случаях для загрузки информации на сайт пользуются ftp-сервером.

О кодировках кириллицы. Кодировкой кириллицы называется общепринятый стандарт, включающий набор символов, который позволяет отображать в документах HTML знаки русского алфавита. В настоящее время существует пять основных кодировок кириллицы, т. е. наборов символов, с помощью которых можно отобразить на web-странице знаки русского алфавита. Они носят названия ISO, K0I8-R, DOS, Windows 1251 и MAC. Имеется также ряд менее распространенных кодировок, так или иначе способных воспроизводить символы кириллицы, они называются Unicode (UTF-8) и транслит.

Чаще всего используют кодировки K0I8-R и Windows 1251. K0I8 является основным стандартом для серверов, работающих на базе платформы UNIX (например, для http-сервера Apache), а также используется в качестве формата по умолчанию при пересылке сообщений электронной почты на русском языке. Стандарт Windows 1251 используется для отображения русских символов в браузерах, работающих под управлением операционных систем компании Microsoft.

Универсальный международный стандарт Unicode (UTF-8) был создан с целью объединения всех существующих на сегодняшний день национальных кодировок в одну. Поддержка Unicode требует замены части программного обеспечения, да и далеко не все клиентские программы умеют распознавать этот стандарт. Именно поэтому сегодня Unicode практически не используется в Интернете, это кодировка будущего.

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

Специализация в web-дизайне В создании крупного сайта, как правило, участвуют несколь¬ко специалистов:

• редактор web-кода (web-кодер, web-верстальщик);
• web-мастер (web-программист);
• web-дизайнер.

Редактор web-кода (web-кодер, web-верстальщик) кодирует webстраницы на языке разметки HTML и автоматизирует их оформление с помощь таблиц стилей CSS. В обязанности редактора также входит умение отлаживать элементы и сценарии, созданные с использованием технологий DHTML и JavaScript. Клиентские технологии JavaScript и DHTML позволяют с минимальными знаниями и затратой времени создать сайт, динамически меняющийся в зависимости от различных факторов (например, даты и времени, типа браузера и др.), и активно взаимодействующий с пользователем. Для редактора web-кода не составит труда создать простой сайт для небольшой фирмы, не располагающей средствами для заказа своего представительства в Интернете у профессиональных web-студий.

Web-мастер (web-программист) — специалист, полностью обеспечивающий интерактивность web-сайтов практически любой сложности. В обязанности большинства web-мастеров входит администрирование web-серверов (Microsoft IIS или Apache), клиентское и серверное программирование с использованием современных технологий (JavaScript, DHTML, ASP, Perl, PHP) и обеспечение публикации баз данных в Интернете.

Web-дизайнер — это специалист, отвечающий за структуру и внешний вид сайта. Для того чтобы успешно работать в качестве web-дизайнера, необходимо знание HTML, CSS и графических программ: Phptpshop, ImageReady, Flash и др. Работа web-дизайна включает в себя следующие функции:

• создание макета сайта;
• распределение информации по разделам сайта;
• разработку навигации;
• использование шаблонов;
• макетирование сайта с учетом эргономики (web-usability);
• создание иллюстраций для web-страниц;
• создание анимационных элементов и баннеров;
• разработку динамических элементов (ролловеров);
• оценку и тестирование сайта.

Планирование web-сайта

Перед тем как перейти к созданию web-страниц, обдумайте структуру и организацию сайта. Ответьте на следующие во¬просы. Зачем вам нужен web-сайт? (Каковы ваши цели и задачи?) На какую аудиторию вы нацелены? Кто будет работать на вашем сайте? Сколько разработчиков планируется привлечь к созданию сайта? Как вы будете создавать или откуда собираетесь брать текст и изображения для вашего сайта? Как следует организовывать файлы вашего сайта? Будут ли на сайте располагаться мультимедиа-файлы — Flash или RealAudio? Нужны ли вам такие интерактивные функции, как форма обратной связи, гостевая книга, форум, чат? Какое программное обеспечение вам необходимо для создания сайта?