Интернет, компьютеры, софт и прочий Hi-Tech

Подписаться через RSS2Email.ru

Что такое верстка сайта и ее виды

Словосочетание «верстка сайта» слышали все, кто интересуется информатикой и занимается веб-разработками. Под этим термином подразумевается процесс создания веб-страниц, для реализации которого обычно используются текстовые и визуальные редакторы. Верстка является завершающим этапом веб-дизайна.

Для облегчения этого процесса веб-мастера иногда используют заранее подготовленные графические макеты. Если говорить проще, то верстка помогает весь имеющийся материал (картинки, текст, разные виды рекламы и т.п.) скомпоновать и превратить в полноценный проект. Человека, собирающего сайт из отсортированного материала, называют верстальщиком.

Для чего нужна качественная верстка

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

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

Виды верстки

Блочная. Эта разновидность верстки является самой популярной в наше время, хотя она и весьма сложна для освоения. Ее главной особенностью является то, что она создается с помощью определенного количества блоков <div>, которые слоями накладываются друг на друга.

Важно, что любой блок можно в тот или иной момент перенести или полностью удалить. При этом каждый блок обладает собственным идентификатором, имеющим вид id="текст". К нему привязываются различные правила в CSS стилях. Страницы, созданные на основе блоков, имеют меньший вес из-за меньшего кода. Блочная верстка помогает реализовывать даже сложный дизайн с перекрытием элементов.

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

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

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

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

Это основные виды верстки, наиболее популярные в наше время. Но существуют и другие менее востребованные определения. Они будут описаны ниже.

Фиксированная верстка — это процесс создания веб-страниц, при котором каждому элементу присваивается свой фиксированный размер. Использование этой разновидности верстки опасно тем, что если у пользователя разрешение экрана отличается от того, которое было у веб-мастера, то сайт будет отображаться некорректно.

Резиновая верстка — это такой тип верстки, позволяющий создавать страницы, размер которых меняется в зависимости от разрешения экрана монитора пользователя или окна браузера. Иными словами, при загрузке сайт может сжиматься и растягиваться до оптимального размера.

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

Валидная верстка похожа на семантическую тем, что также требует соблюдения стандартов W3C. Сайты, созданные с применением такой верстки, отображаются практически одинаково во всех популярных браузерах.

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

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

Автор: SunRisee, специально для xBB.uz, 23.01.2015


Предыдущие публикации:

Биржа долевых инвестиций SIMEX.

Последнее редактирование: 2015-01-23 08:56:52

Метки материала: создание веб-сайта, что, создание интернет-ресурса, верстка, веб-разработка, сайт, интернет-технологии, веб, создание сайтов, что такое, веб-сайт


1 комментарий

18.06.2017 19:35:54 #
Mozilla Firefox Гость qwe
global-it-solutions.eu предлагает услуги по созданием и продвижение сайтов любой сложности.

Оставьте, пожалуйста, свой комментарий к публикации

Представиться как     Антибот:
   

Просьба не постить мусор. Если вы хотите потестить xBB, воспользуйтесь кнопкой предварительного просмотра на панели инструментов xBBEditor-а.


© 2007-2017, Дмитрий Скоробогатов.
Разрешается воспроизводить, распространять и/или изменять материалы сайта
в соответствии с условиями GNU Free Documentation License,
версии 1.2 или любой более поздней версии, опубликованной FSF,
если только иное не указано в самих материалах.