Верстка сайта Основы блочной вёрстки

Автор: Admin    Категория: Видеоуроки    Теги:  Блочная вёрстка    Дата: 16-02-2011, 19:31
Верстка сайта Основы блочной вёрсткиОсновы блочной вёрстки (div верстка)




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

Коментарий автора:

Здраствуй уважаемый посетитель!

В видеоуроке я кое-чего недоговорил :)

Для всех текстовых элементов, находящихся в шапке, контенте,
и подвале (в общем в тех элементах, для которых свойство FLOAT не задано),

нужно обнулять отсупы margin. Будь то параграфы, заголовки и.т.д.

Т.е. нужно всем этим элементам ставить свойство margin:0;

Ну а нужные расстояние можно формировать с помощью свойства padding .

Это связано с тем, что у блочной верстки есть такое свойство, что если эти отсупы не обнулить,
то между блоками появляется расстояние, чего Нам не нужно :)

В общем смотрите урок, эксперементируйте и сами все поймете !

=========================================================================

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

С ув. Андрей Галямов, http://www.zvirec.com/




Авторская ссылка для скачивания урока в хорошем качестве(+ в архиве макеты шаблонов) Скачать видео урок
Версия для печати
  • 100
     Просмотров: 13 873      Комментариев: 0   

Понравилась новость Верстка сайта Основы блочной вёрстки на MegaWeb.su? Сохрани в закладках или распечатай!


Информация

Внимание!

Если копируете мой материал - будьте добры оставлять ссылку на источник MegaWeb.su пожалуйста, или поставьте на свой сайт мою кнопочку.
Уважайте чужой труд! И Вам хорошо - и мне приятно, это стимулирует дальнейшее развитие проекта!

Информация

Внимание!

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

Лента новостей
RSS 2.0

Лента новостей сайта megaweb.su

Блок программ Популярный софт

Коды блока "Популярный софт":

Фиксированный
windows-1251

код блока 1

<script type="text/javascript" src="/softblok/softblok.js" charset="windows-1251"></script>

Резиновый
windows-1251

код блока 2

<script type="text/javascript" src="/softblok/softblok2.js" charset="windows-1251"></script>

Резиновый
UTF-8

код блока 3

<script type="text/javascript" src="/softblok/softblok1.js" charset="utf-8"></script>

Глобус