Верстка сайта Основы блочной вёрстки
Видео урок Андрея Галямова наглядно показывает принцип блочной вёрстки, достаточно, что бы понять что же вообще такое - блочная вёрстка.
Коментарий автора:
В видеоуроке я кое-чего недоговорил :)
Для всех текстовых элементов, находящихся в шапке, контенте,
и подвале (в общем в тех элементах, для которых свойство FLOAT не задано),
нужно обнулять отсупы margin. Будь то параграфы, заголовки и.т.д.
Т.е. нужно всем этим элементам ставить свойство margin:0;
Ну а нужные расстояние можно формировать с помощью свойства padding .
Это связано с тем, что у блочной верстки есть такое свойство, что если эти отсупы не обнулить,
то между блоками появляется расстояние, чего Нам не нужно :)
В общем смотрите урок, эксперементируйте и сами все поймете !
=========================================================================
Я в свое время долго искал материалы по данной теме. Конечно, готовых исполнений шаблонов можно найти достаточно много, но понять сам смысл построения, вот тут-то и начинается самое интересное.. Надеюсь мой урок поможет Вам разобраться со всеми тонкостями этого дела :)
С ув. Андрей Галямов, http://www.zvirec.com/
Авторская ссылка для скачивания урока в хорошем качестве(+ в архиве макеты шаблонов) Скачать видео урок
Понравилась новость Верстка сайта Основы блочной вёрстки на MegaWeb.su? Сохрани в закладках или распечатай!
Информация
Если копируете мой материал - будьте добры оставлять ссылку на источник MegaWeb.su пожалуйста, или поставьте на свой сайт мою кнопочку.
Уважайте чужой труд! И Вам хорошо - и мне приятно, это стимулирует дальнейшее развитие проекта!
Другие новости по теме
Обратите внимание, возможно Вас заинтересуют другие публикации, похожие на Верстка сайта Основы блочной вёрстки из категории Видеоуроки
- Фотошоп ⋙ Градиент для сайта в фотошопе урок
- Основы / Шаблоны ⋙ Блочные HTML CSS шаблоны макеты каркасы
- Основы / CSS ⋙ Мини Курс Основы CSS Часть 1
- Основы / CSS ⋙ Мини Курс Основы CSS Часть 2
- Основы / HTML ⋙ Мини Курс Основы HTML Часть 2
- Основы / HTML ⋙ Мини Курс Основы HTML Часть 1
- Основы / CSS ⋙ Что такое CSS хаки или Вендорные префиксы
- Советы ⋙ Блок Предупреждение для Internet Explorer 6
- Видеоуроки ⋙ Блочная вёрстка PSD шаблона от и до Видео Курс
- Фотошоп ⋙ Вдавленный текст Photoshop CS5 RUS
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.