Верстка станиц сайта: таблицы или блоки? | uCoz
   

Верстка станиц сайта: таблицы или блоки?

Главная » Уроки » Создание сайтов

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

Верстка станиц сайта: таблицы или блоки?

Вообще верстальщики должны быть универсалами. С одной стороны нужно разбираться в графических программах, чтобы «посадить» на страницу то, что наваял дизайнер. С другой – необходимо, если не досконально, то хотя бы поверхностно, разбираться в программировании. Чтобы можно было без труда прицепить страницу к движку.

Виды верстки страниц сайта

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

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

Табличная верста является родоначальницей верстки сайтов. Необходимость структурирования данных на интернет странице возникла, собственно говоря, с появлением самого интернета. И наиболее оптимальным решением на тот момент, были таблицы, поскольку Каскадные таблицы стилей получили распространение значительно позже. Основным преимуществом табличной верстки является простота. Достаточно иметь хотя бы поверхностное понимание структуры HTML и знать небольшое количество тегов и страница сайта готова. Другой вопрос, насколько качественно она будет выглядеть на экране монитора, но это уже другой вопрос.

Среди основных недостатков табличной верстки, можно считать:

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

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

Бытует мнение, что табличная верстка себя изжила. Однако сайтов на таблицах меньше не становится. И действительно, к чему заморачиваться сложностями блочной верстки для сайта на одну – две станицы, которые, если и будут обновляться, то крайне редко.

Блочная верстка (верстка на дивах)

Блочная верстка представляет собой структурирование различных блоков с информацией на странице сайта с использованием таблиц стилей (CSS). Данный инструмент именно для этих целей и был разработан. И если вам нужна декларация о соответствии таможенного союза, то можете зайти на сайт c-sm.ru, который был сверстан именно таким образом.

Многие верстальщики вообще считают блочную верстку единственно правильной. Мотивируя это тем, что не нужно рыть траншею мобильным телефоном, если есть экскаватор. И трудно сними не согласиться. Однако экскаватором еще нужно научиться пользоваться. И иначе вряд ли что путное получится. Основным недостатком, если это конечно можно назвать недостатком, является необходимость иметь достаточно большой багаж знаний в области HTML и CSS. Хочется отметить и сложность в достижении если не одинакового, то, по крайней мере, корректного отображения в разных браузерах.

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

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

Категория: Создание сайтов; Урок сделан: 03.06.2013; Просмотров : 1023; Рейтинг : 0.0/0;
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Задать вопрос

Вы можете задать свой вопрос, соответствующий тематике сайта.

Задумался?

Задать свой вопрос

Вход


Здравствуйте, Гость!


Copyright © 2010-2016 Pro100uCoz.ru