TML, CSS, СКРИПТЫ: практика создании сайтов

Сайт введен в эксплуатацию. Приглашаем практикующих

веб-разработчиков, которым не все равно, как будет развиваться Рунет, к

сотрудничеству.

Рис. 4.27. Главная страница сайта

На рис. 4.28 представлена страница второго уровня — оглавление раздела

«Технологии». Обратите внимание на то, что кнопка с названием текущего

Глава 4. Использование блочной модели. CSS2 для верстки сложных веб-страниц 249

раздела в навигационном меню не является ссылкой, зато теперь ссылкой на

главную страницу стала титульная надпись в «шапке».

1Г>й^^^

&бйд !&авк$ EN* П§рех

\Р * Ц|? — (3? О Ь’Л |[j file:///Z:/examples/04/23-2 .-J © П^ти |[Cl

[ jftwtjgg state) Q итиншиш ¦. : . ¦

Сайт о сайтах

Концепции

Технологии

Нюансы

О проекте

Карта сайта

{ ТЕХНОЛОГИИ

| Этот раздел включает в себя материалы,

I затрагивающие актуальные на сегодняшний

\ день веб-технологии стороны клиента,

\ разрабатываемые Консорциумом W3C

\ ¦ Расширяемый язык разметки гипертекста

? ¦ Каскадные листы стилей CSS

Рис. 4.28. Страница второго уровня

Страница третьего уровня, содержащая статью, посвященную языку XHTML,

показана на рис. 4.29. Кнопка с названием раздела «Технологии», которому

принадлежит эта статья, вновь стала ссылкой. Ссылка ведет на страницу

оглавления раздела.

На рис. 4.30 представлен внешний вид главной страницы в режиме

предварительного просмотра перед печатью, а рис. 4.31 демонстрирует, как будет

выглядеть эта страница при просмотре на экране карманного компьютера.

Пользователи браузеров, не поддерживающих CSS2 в полной мере, смогут,

тем не менее, без каких бы то ни было проблем ознакомиться с содержанием

сайта. Рис. 4.32 иллюстрирует, как будет отображаться главная страница

нашего сайта-примера в Netscape 4.

250 Часть II. Применение веб-технологий стороны клиента для создания сайтов

Сайт о сайтах

ffepeiST» J 1С

Концепцж

Технолог s-c

Нюачсь1

РАСШИРЯЕМЫЙ ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА XHTML

На смену сложному и противоречивому SGML (Standard Generalized Markup

slanguage) в качестве универсального стандарта для хранения любых

структурированных данных приходит расширяемый язык разметки KML —

extensible Markup Language, отличающийся более строгими правилами. HTML 4 стал

в определенном смысле «тупиковой веткой» — это последняя версия HTML,

жеванная на SGML.

Развитием HTML 4 стал «расширяемый» (extensible) язык разметки

члертекста ~ XHTML 1.0, по сути своей явившийся лишь переформулировкой

чандарта HTML 4.01 в соответствии с правилами XML l.o. XHTML 1.0, за

исключением ряда нюансов, в точности повторяет функциональность HTML 4-01 и

включает в себя предусмотренные последним три типа документов: Strict, Transitional

и Frameset.

XHTML i.i, полностью упразднивший типы документов Transitional и Frameset и

утвердивший еще некоторые ощутимые нововведения, уже несколько дальше от

привычного HTML, но на практике пока используется довольно редко. XHTML 2.0

уходит в еще больший отрыв от совместимости с HTML — но эта версия пока еще

находится в работе и в разряд официальных рекомендаций W3C перейдет не так

скоро.

:: ‘ШкМ^ШШЙШЙЬ^

Рис. 4.29. Страница третьего уровня

Рис. 4.30. Внешний вид главной страницы сайта

в режиме предварительного просмотра перед печатью

irk

¦?&ввка Цкд — Переход Заяява^ #

у*~НЕ >*^> УЪь. >’» I

Сайт о сайтах

Создавайте правильные сайты!

Мы призываем всех веб-разработчикюв

помнить, что создание сайтов — это

нелегкий труд, требующий аккуратности и

ответственности, глубокого знания многих

принципов и концепций, уважительного

отношения к технологически стандартам.

учета бесчисленного множества нюансов.

| Этот проект ставит своей целью

| популяризацию грамотной веб-разработки в

% Рунете.

Последние обновления

| 30.03.2005. В разделе «Технологии»

|| открыта страница, посвященная каскадным

% пист^м стилей CSS.

I 28.03.2005. Открыт раздел ^Ъоансъ?».

I посвященный правилам хорошего тона,

|| принятым в веб-разработке, грамотным

подходам к использованию веб-технологий.

I 25.03.2005.