7.4. Технологии web-дизайна

Проектирование (конструирование) любого сайта предполагает выбор структурной схемы построения сервера.

7.4.1. Структурные схемы построения серверов:

- книга,

- пространственная схема,

- дерево.

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

Пространственная схема. Содержимое сервера распределяется согласно тематике представляемой информации. Используется при создании серверов крупных компаний, супермаркетов, музеев и т.д. Как правило, основана на использовании технологии баз данных.

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

Работа над сайтом предполагает определить логическую и физическую структуру сайта.

7.4.2. Логическая и физическая структура сайта

Каждый ресурс Интернета содержит несколько тематических рубрик, соединенных между собой гиперсвязями. Как правило, ссылки на все разделы сайта с краткими анонсами их содержимого приводится на первой, так называемой стартовой странице, которой присваивается имя index.htm (.html). Если тематические рубрики содержат собственные подразделы, каждая из них также имеет свою стартовую страницу, называющуюся index.html.

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

Физическая структура подразумевает алгоритм размещения физических файлов по поддиректориям папки, в которой опубликован ваш сайт.

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

Для того чтобы все гиперссылки на домашней страничке или web-сайте работали корректно, все документы открывались правильно и броузер не выдавал ошибок при обращении к каким-либо разделам ресурса, при создании его физической структуры следует соблюдать следующие правила:

Нужно назначать имена директорий, имена и расширения документов HTML и графических файлов с использованием символов только латинского алфавита и только в строчном регистре. Стараться, чтобы имена созданных вами файлов и директорий не превышали по длине восьми символов.

При присвоении имен файлов документам HTML стремиться к тому, чтобы эти имена были «смысловыми» (пример неудачного решения l.htm, 2.htm, 3.htm и т. д.)

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

Шаблон таблицы документирования проекта:

Имя файла	Путь к файлу	Описание	Дата создания/последнего изменения

Строение системы навигации должно максимально соответствовать логической структуре сайта.

Один из критериев, руководствуясь которым можно разделить различные web-сайты на две основные категории, — это наличие заглавной страницы ("splash") или отсутствие таковой. В связи с этим при разработке сайта нужно определить будет ли создаваться заглавная страница.

7.4.3. Заглавная страница (не путать со стартовой)

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

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

Использовать или не использовать заглавную страницу при создании собственного проекта в сети Интернет — дело вкуса каждого web-мастера.

Далее необходимо выбрать вид компоновки сайта, то есть ответить на вопрос о том, динамическая или статическая компоновка будут использоваться для данного сайта.