4. Общие принципы проектирования табличных сайтов

Сайт на таблице это классический шаблон сайтов начинающих сайтостроителей. Особенно популярен этот шаблон на сайтах, расположенных на бесплатных хостингах.

Геометрически структура страниц сайта может иметь разный вид. Вот некоторые примеры того, какие бывают разбивки страниц на блоки.

Рассмотрим, например, классическую структуру с тремя колонками в середине плюс верхняя и нижняя части:

Часть Header обычно одна и та же для всех страниц сайта. Там находится обычно заголовок сайта крупными буквами и/или картинка с логотипом. Там же размещаются большие горизонтальные баннеры.

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

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

Часть Center предназначена для основного текста страницы. Это переменная часть, на каждой странице сайта она разная.

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

Структура таблицы состоит из трех строк и трех столбцов:

• Первая строка состоит из одного столбца, включающего в себя три объединенных столбца (Header).

• Вторая строка состоит из трех столбцов (Letter, Center, Righter).

• Третья строка таже состоит из одного столбца, включающего в себя три объединенных столбца (Footer).

Существует два основных способа проектирования табличных сайтов:

• с фиксированной шириной столбцов;

• с переменной ширинрй столбцов.

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

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

В обоих случаях файловая структура сайта должна быть примерно следующей:

Здесь

site - папка, содержащая фсе файлы вашего сайта. Ее имя в большинстве случаев должно совпадать с именем вашего сайта.

images - папка, содержащая изображения (рисунки).

index.htm (или index.html) - главная страница сайта, она отображается в браузере при вызове сайта.