- •От автора
- •0. Самые начальные сведения Гипертекст? html?
- •Что понадобится для освоения html?
- •Необходимое отступление о редакторах html
- •1. Простейший документ в сети Документ такой красивый – интересно, что внутри
- •Обязательные теги
- •2. Абзац!
- •Непарные метки
- •Форматирование шрифта
- •Физические стили
- •Логические стили
- •Комментарии
- •3. Целые списки из абзацев, или как нам организовать текст
- •Вложенные списки
- •4. In the Outside. Гиперсвязи Связывание
- •Изображения в html-документе
- •5. Бантики в заголовках или как "я раскрашу целый свет..." Цветовая гамма Вашего документа
- •Что в хедере тебе моем..?
- •6. Страсти по табулированию
- •Внутренняя жизнь таблиц
- •"Мы с Тамарой ходим парой" или параллельные тексты
- •Полные чисел таблицы
- •Ячейка, которая требует большего
- •Играем во вложенность
- •7. Сплошной формАлизм
- •Анатомия формы
- •Форменные кнопки
- •Начинаем собирать данные
- •Форму – почтой
- •8. Единственный практический вопрос
- •Правила хорошего тона при разработке html-документов
- •Используйте продуманную иерархию заголовков
- •Следите за вложенностью меток
- •... И затащить на него посетителей
- •Оглавление
- •65 Руководство Web-дизайнера
0. Самые начальные сведения Гипертекст? html?
Страница в WWW представляет собой гипертекстовый документ. Это текст, который может включать в себя различные нетекстовые элементы (рисунки, графики, фотографии, мультфильмы, видео, отдельные звуки и целые музыкальные произведения) а также указатели на другие гипертекстовые документы, существующие где-либо в сети. Если ограничиться только текстом и графикой, то гипертекст внешне похож на сложные документы, создаваемые например в системе Word for Windows с применением внедрения объектов. Есть однако и существенная разница – реальное внешнее представление гипертекстового документа может изменяться в зависимости от того, каким программным средством и на какой компьютерной платформе этот документ просматривается. В отличие от документа Word могут измениться (или вообще исчезнуть) рисунки, по другому будут размещены абзацы, может не оказаться предусмотренных отступов или они изменят свою величину, сама страница может оказаться шире или уже. То, что остается неизменным при просмотре – внутренняя логическая структура документа. Можно сказать, что документ в Паутине представляет собой некоторую программу, которую выполняет браузер в момент поступления документа в компьютер, и внешний вид документа определяется как его внутренней логической структурой, так и исполнителем операции просмотра – браузером.
Таким образом WWW-документ фактически исполняется компьютером, как и любая другая программа. Этот документ-программа записывается на специальном языке (некоторые его считают языком программирования), называемом HTML – HyperText Markup Language – то есть "язык разметки (маркировки) гипертекстов". Язык был разработан в лаборатории физики элементарных частиц Европейского центра ядерных исследований (CERN – www.cern.ch). Документы, записанные на этом языке, представляют собой забавную смесь обычного текста и некоторых значков и конструкций, более характерных для какого-нибудь языка программирования. Именно эти "значки и конструкции" при их интерпретации на компьютере и определяют, как будет реально выглядеть этот документ, и с какими сетевыми ресурсами он окажется связанным.
Как и всякий язык HTML развивается, представляя все больше и больше возможностей. В настоящее время документы представляются в соответствии со спецификацией 3.2 от 11.01.97. В 1998 году ожидается следующая спецификация языка – HTML 4.0; вполне возможно, что она выйдет раньше, чем типография отпечатает данное пособие :-) Те конструкции языка HTML, с которыми мы будем знакомиться, применимы практически для любой версии языка – проблем с несоответствием спецификациям быть не должно. Естественно, для этого пришлось опустить некоторые детали, которые описаны не во всех спецификациях или описаны в разных спецификациях по-разному. Однако можно гарантировать, что Ваши документы будут полностью работоспособными и вполне приличными по внешнему виду.
Что понадобится для освоения html?
Для практического освоения HTML нам понадобится следующее:
Во-первых для просмотра создаваемых документов нужен браузер, т.е., программа для просмотра HTML-файлов. Мы будем использовать Netscape Navigator; именно его команды и будут приводиться при описании операций с браузером. Важно также то, что Netscape Navigator является самым популярным браузером, да еще и распространяется бесплатно.
Нужен также редактор текстовых файлов, поддерживающий русский язык в той кодировке, в которой готовятся создаваемые страницы. Так как мы работаем в системе Windows, будем использовать Блокнот (Notepad). Можно, конечно, использовать и Word, но тогда готовые документы придется сохранять не в виде документа, а в виде простого текстового файла, что непривычно, да и при работе с ним Вам придется регулярно подавлять в себе искушение воспользоваться одной из его действительно приятных возможностей. Помните, что практически любое "украшательство по-Wordовски" делает делает документ несовместимым с сетью – особенно этим грешит Word for Windows-95. Совсем свежее замечание: в пакете Офис-97 Word позволяет построить документ сразу в формате HTML (имеется даже специальная кнопочка – "сохранить как документ Web") после чего этот документ уже не удается без особых извращений прочесть нигде и никому, кроме его автора и на машине автора, даже если документ и размещен в сети и доступен всем. "Нормальные" HTML-документы, естественно, можно прочесть на машине любого типа и в любой операционной системе.
Желателен (но не обязателен) доступ к центральному серверу по протоколам http и ftp. По протоколу http (Hypertext Transmit Protocol) Вы сможете просматривать в том же Netscape Navigator не только Ваши, но и другие страницы, в частности страницы справочной системы. По протоколу ftp (File Transmit Protocol) можно получить с центрального сервера шаблоны-заготовки страниц, и по тому же протоколу передать готовый материал на сервер. Если оперативного доступа к серверу нет, то документы можно передавать традиционными способами – на дискетах.
Свои HTML-файлы Вы будете разрабатывать у себя на локальном компьютере, то есть не обязательно подключеннном к Интернет. При этом один и тот же *.htm-файл может будет одновременно открыть и в Блокноте, и в Netscape Navigator. Сохранив изменения в Notepad, просто нажмите кнопку Reload ("перезагрузить") в Netscape Navigator, чтобы увидеть, как сделанные Вами изменения повлияли на внешний вид HTML-документа.
