Верстка

Что такое верстка?

Вёрстка веб-страниц - это создание структуры html-кода, размещающего элементы страницы сайта в окне браузера по разработанному дизайн-макету, чтобы элементы дизайна выглядели аналогично макету.

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

Язык программирования JavaScript задействуют веб-разработчики, чтобы создать сценарии, дающие понять браузеру, что нужно делать в том или ином случае. HTML - язык, появившийся одним из первых, и представлен языком разметки гипертекста. Благодаря HTML вебмастер получает каркас будущего "веб-проекта". Что касается CSS, то это таблицы стилей, предназначенные для оформления страниц.

В чем состоит главная особенность верстки

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

Виды верстки

• фиксированная. Такая верстка отличается простотой - и это главное достоинство. Минусом будет то, что размеры ресурса прописываются в стилях. Таким образом, на больших экранах текст будет мелким, а на маленьких - появится полоса прокрутки;

• резиновая. Это более современный вариант, где размеры задаются исключительно в процентах. Если ширина окна поменяется, то текст подстроится под нее и займет все имеющуюся площадь. Но и тут есть недостаток. Если открыть сайт, созданный посредством резиновой верстки, то буквы и слова станут большими и растянутся на весь экран, что вряд ли понравится пользователю;

• адаптивная. На этом виде верстки стоит заострить особое внимание. Как становится понятно из названия, ее задача заключается в адаптации страницы под разрешение экрана. Таким образом, текст будет комфортно читаться как на экране мобильного телефона, так и монитора диагональю в 32, 40 и больше дюймов.

Занимается версткой специалист-верстальщик.

Создание сайтов
      веб-дизайн
      Верстка
           Статическая верстка (фиксированная)
           Резиновая верстка
           Табличная верстка
           Блочная верстка / div-верстка
           Адаптивная верстка / мобильная верстка
           Гибкая верстка / flex верстка
           Семантическая верстка
           Валидная верстка
           Кроссбраузерная верстка

HTML
Вебмастер
Лендинг
Семантическая разметка