Инструменты для создания макета веб-страницы

Когда инженеры впервые создали язык HTML, они сосредоточи­лись на поставке основной информации: результатах вчерашнего фут­больного матча, цен на кофейные зерна в Колумбии, танцевальных па для школы Electric Slide.

Каким бы странным это ни казалось сегодня, никто не думал, что инструменты для создания макета страницы будут чем-то важным. К счастью, несколько новаторов веб-разработки при­знали проблему и вознамерились спасти

Интернет от ученых, которые его изобрели. Эти светлые головы изобрели множество ловких приемов, которые придали миру HTML весьма необходимую пикантность.

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

Но теперь, когда на сцену вышла разработка дизайна страницы, невидимые таблицы начи­нают перерастать собственную полезность. Хотя на веб-сайтах их все еще используют, многие разработчики веб-страниц считают, что они слишком неуклюжи, чтобы их применять.

Сегодня макет страницы, использующий невидимые таблицы, мед­ленно, но верно уступает макету на основе таблиц стилей. Чтобы раз­местить панели, колонки и изображения в определенных местах веб­страницы, при разработке страницы применяются правила разметки CSS (Cascading Style Sheets) — каскадных таблиц стилей.

При использо­вании стиля для оформления документа легче понять XHTML-разметку документа, а копирование проекта на множество страниц становится менее затруднительным делом. Имея некоторый план разработки про­екта, вы можете даже создавать страницы, которые можно полностью перестроить, не касаясь XHTML; все, что вы должны сделать, - это из­менить связанную таблицу стиля.

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

ПРИМЕЧАНИЕ

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

1. Проблема экранного пространства
2. Тестирование различных размеров страниц
3. Таблицы. Форматирование границ таблицы