• Верстка Сайта Видеоуроки
• Видео Уроки Верстка Сайта

Видеоуроки по блочной верстке сайта+доп.уроки. 5.Резиновая верстка на div-ах Видео. Вёрстка сайта с нуля. Unsubscribe from Alex Black? Cancel Unsubscribe.

Верстка Сайта Видеоуроки

Здравствуйте, друзья! Мы продолжаем с Вами изучать верстку и сегодня мы переходим уже к самому интересному. Наверняка Вы уже слышали понятие «блочная верстка». Но человеку неосведомленному это понятие ни о чем не говорит.

Поэтому: кто знает — молодец! А кто не знает — читаем внимательнее.

Блочная верстка — это верстка -кода web-страницы при помощи тегов универсальных контейнеров. Об этом я немного писал в статье «».

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

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

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

Значительно увеличивается скорость загрузки страниц сайта. По некоторым оценкам, скорость увеличивается где-то в три — четыре раза по сравнению с табличной;. Блочная верстка имеет значительно меньший объем кода по сравнению с табличной. А значит, нагрузка на сервер также уменьшается;. сайты с блочной версткой достаточно корректно отображаются во всех браузерах, при любом разрешении экрана;. легко интегрируется в любые CMS, не вызывая проблем.

Основа блочной верстки — контейнер При блочной верстке все элементы страницы состоят из блоков (логично, не правда ли?). Блок представляет собой прямоугольную область. По умолчанию блок занимает всю ширину родительского элемента, высота блока зависит от его содержимого. Блоки располагаются вертикально, то есть если в коде страницы записаны несколько блоков подряд, то отобразятся они в браузере один под другим. Если нам нужно расположить несколько блоков горизонтально, то в их свойствах задаётся параметр “ обтекание” (float). Но об этом чуть позже. Основными свойствами любого блока являются: отступы, граница и поля.

Видео Уроки Верстка Сайта

Задаются они при помощи инструкций.

Видео урок по вёрстке элементов сайта #6 В данном уроке я продолжаю верстать новый интересный макет в котором включены все нужные элементы для сайта, с которыми вы будете постоянно сталкиваться. Макет довольно интересный тем что он имеет jquery плагины как из bootstrap так и сторонние плагины. Домашнее задание я задаю в группе под видео, так что если есть желание то оставляйте свои работы в группе. Наша группа в vk - Наша группа в facebook - Наш канал на youtube.

Файл psd - RAR архив скачать #6 - Верстка сайтов, Видео урок по вёрстке элементов сайта, верстка элементов, верстка блоков, верстка меню, верстка подсказок, верстка из psd, bootstrap, верстка через bootstrap, Анимации элементов, видео уроки sass, видео уроки less, Видео уроки jquery, Задания для верстальщиков, Уроки верстки, Css3, html5, Уроки css, Уроки html, Уроки jquery.