Этот сайт является учебным примером сайта,
сделанного на таблице

Главная

Преимущества таблиц

Недостатки таблиц

Раскраска ячеек таблицы

Синтаксис таблиц

Скачать шаблон сайта на таблице


Примеры других шаблонов на таблице:

Две колонки с левым меню

Две колонки с правым меню


Спец.эффекты:

Удаление ячеек и строк

Сайт на таблице

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

Здесь используется шаблон для трех-колоночного дизайна.

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

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

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

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

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

Чтобы понять в чем фокус этого дизайна, сверните все открытые окна запущенных на Вашем компьютере программ, щелкните правой кнопкой мышки по свободной поверхности Рабочего Стола, в открывшемся контекстном меню выберете пункт "Свойства" и перейдите на вкладку "Параметры". Там можете поиграться с размыми разрешениями экрана монитора и посмотреть на то, как выглядит сайт table.free.nanoquant.ru при разных расширениях экрана монитора.

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

Посмотреть другие простые шаблоны

Скачать бесплатный html-редактор со встроенными учебниками и справочниками по написанию сайтов

Скачать бесплатно FTP-клиент FileZilla Client для копирования файлов на свой сайт и в файлообменники

Скачать бесплатно Полезные скрипты для сайта

При копировании материалов данного сайта, прямая ссылка на сайт обязательна
© Евгений Миронов, 2009