Инструментарий на слое структуры

Под средствами я подразумеваю те технологии (языки), с помощью которых создаются веб-страницы. Перечень будет неполным, но так и должно быть: каждый выбирает для себя свою технологию.

1. HTML

Язык гипертекстовой разметки документов: этот язык описывает каждый элемент страницы и все ссылки на объекты, находящиеся за её пределами. В настоящее время используется версия 4.0, которая существенно богаче предыдущей. К сожалению, производители браузеров так и не договорились о стандартах... существуют даже тэги (своего рода операторы языка HTML), предназначенные для одних браузеров и игнорируемые другими.

2. CSS

Каскадные таблицы стилей. Исходя из полезной концепции разделения содержания веб-страниц и описания форматирования этого содержания, CSS предоставляют возможность создать набор записей, описывающих все стандартные виды текстовых элементов, входящих в страницу, и далее только ссылаться на него, не загромождая текст описаниями форматирования каждого параграфа. Также по-разному интерпретируются браузерами.

3. JavaScript

Язык сценариев (скриптов). Именно с его помощью можно задать правила поведения различных элементов веб-страниц, изменения свойств таблиц стилей и т. д. Синтаксис JavaScript может сильно отличаться в зависимости от того, в каком браузере сценарий будет выполняться.

Помимо JavaScript существует ещё и VBScript, язык с синтаксисом Visual Basic, предоставляющий примерно те же возможности, что и JavaScript, но он используется значительно реже вследствие совместимости с единственным браузером: Internet Explorer.

4. DHTML

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

5. Java

Кроссплатформенный язык программирования. В нашу с вами жизнь он войдёт в виде готовых апплетов, специальных файлов, написанных на Java и внедряемых в HTML как объекты.

6. ActiveX

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

7. Flash и Shockwave.

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

Уровень представления

Графический макет, модульные сетки и дизайн страницы

Веб-страница (интернет-страница, web-страница, страница www, web-page) - это логическая единица интернета, однозначно определяемая адресом (URL). Можно сказать, что веб состоит из сайтов, а сайты, в свою очередь - из страниц. Веб-страницы (web-pages) пишутся на языке HTML. Вообще говоря, веб-страница может состоять из нескольких частей (фреймов), каждый из которых является отдельной страницей со своим собственным адресом. Также веб-страницы могут включать картинки, музыку, видео, скрипты и др.

Основные виды дизайна страниц следующие:

· 1-полосный дизайн (рисунок 2.1, а);

· 2-полосный дизайн (рисунок 2.1, б);

· 3-полосный дизайн (рисунок 2.1, в).

Рисунок2.1 - Виды дизайна: а – 1-полосный дизайн; б – 2-полосный дизайн; в – 3-полосный дизайн

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

Наиболее распространенным во Всемирной паутине, пожалуй, является 2-полосный табличный дизайн. Веб-дизайнеры часто ему отдают предпочтение ввиду его удобства и практичности: основное содержимое расположено в правой полосе, в то время как левая отводится под навигацию и для других служебных целей.

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

Навигация позволяет посетителю сайта перемещаться по нему и поэтому к ее созданию следует подходить довольно тщательно. При создании навигации следует придерживаться следующих правил:

· Применяйте постоянные и понятные обозначения для всех страниц сайта.

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

· Избегайте ссылок с обозначением просто «назад», а всегда указывайте, куда ведет обратная ссылка.

Возможны следующие варианты размещения навигации на странице (таблица 2.1):

Таблица 2.1 - Варианты размещения навигации на веб-странице