1721Под версткой сайта, понимают перевод макета странниц сайта в web – документы, которые можно разместить в интернете. Верстка определяет, как в дальнейшем будет протекать работа с данным сайтом. Именно версткой задаются такие характеристика сайта как его «эластичность», то есть адаптация к отображению в различных поисковиках и на различных устройствах в корректном, удобном для просмотра пользователями, виде.



Можно выделить три типа макетов верстки:

  • Расширяемые (эластичные). Сайты, сделанные с помощью такой верстки, одинаково отражаются в различных браузерах, но у них могут возникать различные проблемы при работе.
  • На жестком каркасе. Такой макет делается строго по шаблону. Соблюдается размер строки и все определенные параметры.
  • «Резиновые» «приспосабливаемые». Сайты, построенные с помощью подобной верстки, хорошо смотрятся на любым мониторах с самым разным разрешением.

 

Заказать верстку

Типы верстки HTML – страниц.

В настоящее время используют следующие способы верстки web-страниц:

  • Первый способ основан на блочной структуре, когда веб-страница «монтируется» из отдельных блоков, с применением таблиц стилей (CSS). Данную верстку принято называть семантической.
  • Второй способ – применение таблиц.

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

Есть несколько видов разметки, которые применяются при верстке сайтов:

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

verstka
Какими плюсами и минусами обладают верстки.
Табличная верстка.

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

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

  • Дает возможность добиться точно размещать отдельные элементы (слои). Создание слоев происходит с применением специальных программ.
  • Таблицы в данной технологии применяются лишь в виде оформления, а не структуры страницы.
  • Можно использовать различные скрипты, дающие возможность по разному оформлять сайт.
  • Применение CSS, дает возможность легко создавать самые сложные дизайны.
  • Блочная структура не перегружает сайт, что дает возможность всем браузерам, быстро его загружать.
  • Недостаток блочной верстки – отсутствие универсального кода, для работы во всех браузерах.
  • Самый современный вид верстки, при решении заказать верстку сайта, необходимо оговорить, чтобы исполнитель использовал именно блочную верстку.

 

 

2 Responses to “Верстка сайта, виды, их особенности и отличия.”

  1. Леонид, Ответить

    Что значит «…отсутствие универсального кода, для работы во всех браузерах»? Каким же образом (или способами) этот недостаток блочной вёрстки устраняется?

    • admin, Ответить

      Это значит, что в блочной верстке отсутствует полноценная поддержка CSS 2.0 для некоторых браузеров. Устраняется данный недостаток переходом на версию CSS 3.0

Оставить ответ на admin

Нажмите, чтобы отменить ответ.