Способы создания сайта

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

Но намного интереснее создать сайт самому: разработать дизайн, придумать стиль оформления, задать навигацию и т.д.

В настоящее время можно выделить 4 способа верстки веб-страниц:

• Прямая верстка
• Табличная верстка
• Фреймовая верстка
• Блочная верстка

В своей работе я использовала сначала табличную верстку (пример «Что такое СПИД»), затем фреймовую верстку (пример «Все о капусте»), блочная верстка (пример «Мелиоративные машины»).

Табличная верстка

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

Для создания сложных структур, где приходиться использовать много страниц, возникают определенные трудности:

• трудность правки;
• при большом объеме страниц, ее трудно затем программировать
• код такой страницы читать сложно.

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

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

Фреймовая верстка

Фрейм (от англ. frame — рамка) — это отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне браузера.

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

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

В случае создания сайта фреймовую структуру применять не рекомендуется:

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

Блочная верстка

Код страницы читается легко и понятно (+ использование css позволяет вынести все оформление во внешний файл, что приводит к сокращению и легкой понимаемости самого html-кода).

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

По сравнению с предыдущими способами верстки количество кода сокращается в разы.

Графические макеты верстаются с помощью прямоугольных блоков (div).

<div>Содержимое</div>

Код страницы читается легко и понятно.