5 техник резиновой верстки сайта

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

Содержание видеокурса «5 техник резиновой верстки сайта»:

Видеоурок 1. Ширина элемента и свойство float

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

Видеоурок 2. Создание резинового меню, используя списки

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

Видеоурок 3. Выстраиваем элементы позиционированием

Часто возникают ситуации, когда нужно сделать перекрытие элементов. Или заставить элемент располагаться, например, в правом нижнем углу, независимо от того, как расположены окружающие блоки. Данную проблему лучше всего решает свойство position. В уроке вы разберетесь с позиционированием элементов. Поработаете над перекрытием элементов с помощью свойства z-index. Выясните необходимое условие для работы свойства z-index.

Видеоурок 4. Центрирование элемента переменной ширины

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

Видеоурок 5. Выравнивание блоков по ширине резинового блока

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

5 техник резиновой верстки сайта
Автор: Андрей Бернацкий

Скачать видеокурс...(перейти на сайт автора)

Не работает ссылка? — Напишите нам об этом в комментариях.
Понравился материал? — Кликните по кнопкам ниже и расскажите о нём друзьям!

Внимание! Посетители, находящиеся в группе Гости, не могут оставлять комментарии. Зарегистрируйтесь или зайдите на сайт под своим логином.