Организация Web-страниц

Дизайн Web-узлов — это точное размещение компонентов HTML-страниц относительно друг друга в рабочей области окна браузера.

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

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

Способ управления настройками браузера — программирование на JavaScript, позволяющего контролировать процесс отображения HTML-страниц. Недостаток JavaScript —относительно большой объем кода для переопределения свойств элементов разметки.

Спецификация CSS (Cascading Style Sheets) полностью контролировать форму представления элементов HTML-разметки. Каскадные таблицы стилейпризваны разрешить противоречие между точностью определения размеров картинок и приложений и точностью определения размеров блоков текста и его начертания. Таблицы стилей также позволяют определить цвет и начертание текстового фрагмента, изменять эти параметры внутри текстового блока, выполнять выравнивание текстового блока относительно других блоков и компонентов страницы.

CSS это средство разделения логической структуры документа и формы его представления. Логическая структура документа определяется элементами HTML-разметки, а форма представления каждого из этих элементов задается CSS-описателем элемента.

Практическое значение CSS для Web-технологий заключается в том, что процесс создания узла можно представить в виде последовательности действий:

= необходимо определиться с номенклатурой страниц, т.е. все страницы проектируемого Web-узла разбить на типы, например домашняя страница, навигационные страницы, информационные страницы, коммуникационные страницы и т.п. У каждого узла этот перечень может быть свой;

= для каждого типа страниц требуется разработать определенную логическую структуру (стандартный набор компонентов страницы);

= следует создать навигационную карту узла и форму ее реализации на страницах;

= для каждого стандартного компонента страницы нужно разработать стиль его отображения (CSS-описатель);

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