Прихожая
Шаг 1: Создаем сайт
Шаг 2: Размещаем в интернет
Шаг 3: Раскручиваем сайт
Шаг 4: Зарабатываем
Заметил ошибку? Выдели и нажми ctrl+enter

Что такое блочная верстка (div верстка) сайтов. Разбираем основы..

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

В данном уроке я попытаюсь доходчиво объяснить, что такое блочная верстка и по какому принципу она строится. Материал расчитан на людей, впервые столкнувшихся с понятием div верстка, поэтому спецов прошу не судить строго :)

Урок довольно продолжительный, порядка 30 минут. Поначалу я хотел оформить весь этот материал в текстовом варианте, но потом прикинул сколько места это займет и подумал, что лучше будет записать видео :)

Мы рассмотрим построение различных вариаций 2-х наиболее популярных шаблонов, привиденных на рисунке ниже.

блочная верстка, div верстка

Вот примерный план урока:

1. Что такое блочная верстка, и каковы ее базовые принципы.

2. Верстаем двухколонный макет фиксированной ширины (меню слева)

3. Верстаем двухколонный макет фиксированной ширины (меню справа)

4. Верстаем трехколонный макет фиксированной ширины

5. Разбираем различия фиксированных макетов и резиновых(которые тянутся на весь экран) и соответственно верстаем все перечисленные макеты, только в резиновом варианте..

6. Подводим итог о блочной верстке сайтов..

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

Скачать видеоурок "Блочная верстка (div вертска) сайтов. Разбираем основы.."

Альтернативная ссылка, для тех, у кого не работает Flash

Есть вопрос? Получи ответ на ФОРУМЕ ПОДДЕРЖКИ

 Создан: 2009-04-21      Просмотров: 231197      Автор:Андрей Галямов

Оцените урок:    1    2   3   4    5     

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

Автор: Михаил
Дата : 2009-04-21

Материал объяснён предельно легко и просто-Спасибо!

Автор: valentina
Дата : 2009-04-21

Спасибо, полезный урок.

Автор: Anpro69
Дата : 2009-04-22

Благодарю за ценную информацию!

Автор: Денис
Дата : 2009-04-26

Спасибо Андрей. Коротко и понятно, доступней, на мой взгляд, некуда.

Автор: Андрей Галямов
Дата : 2009-04-28

Роман, ну раз такое дело, значит не присоединили... Тут и причин других не может быть: либо файл стилей назвали на русском, либо неправильно подключили, т.е. неправильный путь указали к файлу стилей. А вообще, если хотите обсудить более детально, пишите на форум :)

Автор: Ирина
Дата : 2009-04-30

Спасибо, Андрей, урок сразу ответил на многие мои вопросы,здорово!

Автор: вадим
Дата : 2009-05-03

div верстка(блочная) более популярна,чем табличная. Спасибо за обзор

Автор: Алишер
Дата : 2009-05-06

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

Автор: Алишер
Дата : 2009-05-08

Андрей, у вас на сайте вирус, какой-то троян, срочно примите меры по его ликвидации.

Автор: Галина
Дата : 2009-05-12

Спасибо большое!!! Урок просто супер!

Автор: Alex
Дата : 2009-05-13

Спасибо, Андрей!!! Было познавательно!

Автор: Олег
Дата : 2009-05-21

Весь инет облазил, прежде чем нашел максимально толковые уроки с очень хорошей подачей. Все просто, лаконично и без "воды", чем так изобилуют учебники на 300-400 страниц. Прочитал, сделал - и тут же все работает. Спасибо!

Автор: Нина
Дата : 2009-05-25

спасибочки! Все просто супер!

Автор: Sergey
Дата : 2009-06-01

Инфрмация полезная,раскрывает ответы на вопросы,понадобится обязательно!

Автор: Рита
Дата : 2009-06-02

Огромное спасибо, с учетом, что это мое первое знакомство с программированием - урок подан абсолютно человеческим языком

Автор: Андрей
Дата : 2009-06-11

Здравствуйте, Андрей, вы бы не могли подсказать как сделать в трех-колоночном макете на дивах правый и левые блоки на всю длину страницы?

Автор: Андрей Галямов
Дата : 2009-06-23

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

Автор: Константин
Дата : 2009-06-26

Спасибо за урок, все очень доступно обьяснили. Но есть вопрос: А можно ли создав макет сайта на DIV, присвоить каждому блоку уникальное имя чтобы определенные ссылки открывальсь в одном и том же блоке, как во фреймах.

Автор: Павел
Дата : 2009-06-26

да, подробней некуда:) спасибо люди, вы же взрослые люди, вам и так все разжевали и в рот положили, ну попробуйте подумать сами, ведь иначе ничему не научитесь!

Автор: Владимир
Дата : 2009-06-26

Замечательное руководство, все понятно подробно изложено и бесплатно:), главное нашёл ответы на все конкретные вопросы, спасибо

Автор: Элдор
Дата : 2009-06-30

Просто супер!!!!!!!!

Автор: Дмитрий
Дата : 2009-07-05

Спасибо, но что-то я хак в архиве не нашёл((

Автор: Антоха
Дата : 2009-07-07

А как сделать так что бы и без текста блоки дотягивались друг до друга и меж ними небыло пробелов. Да и пожалуйста хак организуйте.

Автор: Павел
Дата : 2009-07-08

Благодарю, больше тут ничего и не добавишь.

Автор: Владимир
Дата : 2009-07-08

Все просто супер ))))))) очень помогло!!!!!!

Автор: Кирилл
Дата : 2009-07-12

Спасибо за урок, все просто и понятно!!!

Автор: Влад
Дата : 2009-07-12

Урок, просто класс. Спасибо!

Автор: Инна
Дата : 2009-07-16

Огромное спасибо за всю выложенную инфо !!!! Очень и очень помогла !!!!!!!!!! На Украине 12-ти бальная система оценок. Ставлю 12+!!!!!!!!

Автор: Асхат
Дата : 2009-07-17

Отличный сайт, очень полезный. Кратко, просто, доступно. Многое стало понятно...Спасибо! :-))

Автор: Сергей
Дата : 2009-07-27

Отлично!

Автор: Олег
Дата : 2009-07-31

Спасибо! Замечательный материал.

Автор: Михаил
Дата : 2009-07-31

Урок на +5. Доздравствует CSS. <td> и <tr> уже ни к чему!!! Андрей, спасибо за урок!

Автор: Юстус Юрий
Дата : 2009-08-02

Все уроки у Андрея - что надо! В наше время очень мало людей, которые готовы поделиться знаниями даром и при этом с таким качеством. Что касется верстки на div, может кто-то в курсе, как растянуть дочерние блоки (left, right, content) на всю высоту. Т.е чтобы все они примыкали к футеру несмотря на объем содержания.

Автор: Михаил
Дата : 2009-08-03

Спасибо хорошее видео,очень долго искал такой урок.

Автор: Егор
Дата : 2009-08-08

Спасибо! Замечательный миниатюрный урок.=)

Автор: Дмитрий
Дата : 2009-08-11

У меня такой вопрос. Как сделать блоки (для вывода постов) в диве content. Пожайлуста напишите ответ или видео ещё одно посложнее а то собрался делать свой сайт а на основных частях такого сайта как в видео далеко не уедешь.

Автор: Mazutka
Дата : 2009-08-13

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

Автор: Сергей
Дата : 2009-08-16

Урок супер и всё прекрасно скачивается,а у кого дибильный доступ в интернет пусть подключится к другому провайдеру и ведёт себя не как дибил конченный.

Автор: Виталя
Дата : 2009-08-19

Большое спасибо за уроки. To Сергей: +1, правда я думаю ему и другой провайдер не поможет :)

Автор: Lan
Дата : 2009-08-19

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

Автор: ботаник
Дата : 2009-08-21

спасибо. ты бог

Автор: Steallth
Дата : 2009-08-21

Spasibo Andrey. Ochen zamechatelniye uroki.

Автор: Галчонок
Дата : 2009-08-25

Спасибо! Урок потрясающий!!!!

Автор: Федор
Дата : 2009-08-25

Благодарю! Очень доходчиво!

Автор: Татьяна
Дата : 2009-09-02

Андрей, к сожалению не могу запустить ( Пишет: ошибка чтения диска при распаковке. Это при том, что табличная форма открывается нормально.

Автор: Александр
Дата : 2009-09-02

просто супер))

Автор: pr1zrak
Дата : 2009-09-07

в архиве вирус

Автор: Александр
Дата : 2009-09-17

Огромнейшее спасибо, пол рунета изрыл в поиске подобного материала, а тут случайно наткнулся! Сайт просто шикарный.

Автор: Kissel
Дата : 2009-09-17

у меня не качает ошибку выдает!!!

Автор: LEO
Дата : 2009-09-18

при распаковке ошибка чтения диска :(

Автор: Kismet
Дата : 2009-09-23

Урок отличный зашол на сайт автора в знак благодарности! Тепер сайт в закладках... Просьба дать ХАК о котором говритса в конце .

Автор: Nickron
Дата : 2009-09-28

Не ожидал, по первой же ссылке в поисковике, найти такой шикарный материал. Большущее спасибо автору.

Автор: Pavel
Дата : 2009-09-30

А что надо вводить в графе пользователь и пароль, при закачке архива?

Автор: Юрий
Дата : 2009-10-04

А мне больше всего понравилось это (из описания к уроку): "вот тут та и начинается...".

Автор: Юстас
Дата : 2009-10-04

Спасибо за ТРОЯН в архиве!!! :)

Автор: Николай
Дата : 2009-10-07

Спасибо! Урок просто супер!

Автор: Вероника
Дата : 2009-10-14

даже не предполагала, что кто-то сможет мне объяснить ЭТО!!! спасибо большое! очень ценный труд и немеркантильность автора в сумме дают полное им восхищение!

Автор: Дмитрий
Дата : 2009-10-16

Зачем создавать еще один блок div "CLEAR"? когда можно div "FOOTER" задать свойство clear: both.

Автор: Елена
Дата : 2009-10-17

О дивый новый мир! Андрей, примите благодарность за разъяснение, прямо хотелось дальше продолжения по данной теме, потому как тонкостей и нюансов в дивах я так понимаю достаточно.Удачи!

Автор: Лена
Дата : 2009-10-28

Большое, СПАСИБО!!!!! Очень все понятно, хороший урок!

Автор: Серега
Дата : 2009-10-28

Андрей!!! Большое спасибо за урок!!! Все понятно, все получилось!!!! Вот только решил чуть-чуть по экспериментировать и вот неудача!: решил сделать не 1 а 2 столбца в левой стороне: "left" и допустим "left2" все получилось, сначала "left"ниже "left2" вот только "content" обтикает сразу "left2" а "left" пропускает тобишь на против него пустота, а мне хочется что бы эт шапки до подвала т.е. по середине был content!!! КАК БЫТЬ??? ПОДСКАЖИ ПОЖАЛУЙСТА!!! Заранее благодарен!!!

Автор: Вячеслав
Дата : 2009-10-29

Спасибо! Отличный сайт!

Автор: Евгений
Дата : 2009-10-30

Спасибо за объяснение, есть вопрос, можно ли сделать так, чтоб рисунки и описание к ним располагались в div content не выходя за рамки дива?

Автор: Илья
Дата : 2009-11-02

Спасибо большое. Очень доступно и просто изложено. От себя добавлю, что вместо вставки пустого дива перед футером, я использую на мой взгляд более элегантное решение (как и для хедера тоже кстати): выставляю необходимые значения margin-bottom и margin-top

Автор: Mesh_zp
Дата : 2009-11-03

так а почему же все-таки блочная верстка популярнее если в ней на столько больше нюансов?

Автор: Сергей
Дата : 2009-11-04

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

Автор: Сергей С.
Дата : 2009-11-19

Все исключительно понятно, Молодец. Спасибо!

Автор: Саша Туманов
Дата : 2009-11-19

Спасибо большое Андрей за великолепный урок. Хотелось бы еще поучиться под вашим началом ))) С нетерпением жду следующих видеоуроков...

Автор: Дмитрий
Дата : 2009-11-23

ОГРОМЕДНОЕ спасиБО!!Только благодаря этому уроку я все понял!!И табличная вёрстка и "дивная" все благодаря видео этим видеоурокам!!Андрей,ты лучший!

Автор: Владимир
Дата : 2009-11-24

Благодарю за отличный урок. Мне многое стало ясно про div вёрстку.

Автор: Александр
Дата : 2009-11-30

Огромное спасибо! Все очень хорошо объясняется.

Автор: Владимир
Дата : 2009-12-01

Огромное спасибо за замечательные уроки, и наглядный показ.

Автор: Марк
Дата : 2009-12-08

Чел, твой сайт мне реально помог=) я год хотел научиться программировать страницы, ничего не выходило, и вдруг я наткнулся на эту замечательную ссылку.

Автор: Арчи
Дата : 2009-12-10

автору большой респект))

Автор: ???
Дата : 2009-12-13

Не работает

Автор: Yakoff
Дата : 2009-12-16

Классный урок! Много работы сделал автор! Многому научился! Спасибо

Автор: qwe
Дата : 2009-12-17

Там вирус! не качайте!

Автор: Игорь
Дата : 2009-12-19

Вот это сайт!!! Просто супер! Он, наверно, единственный такой понятный для новичков веб-дизайнеров. Не смотря на то, что мне лишь 15 лет я отлично всё понимаю из всех текстов. Иными словами "написано для людей". И не только написано=) Пока урок не качал, как скачаю напишу отзыв))

Автор: Игорь
Дата : 2009-12-19

Посмотрел видео. Всё понятно, кроме одного. Что делать с белыми пропусками между блоками? Пожалуйста ответтье кто знает.

Автор: Pacifik
Дата : 2009-12-21

урок отличный, спс тебе Андрей!!!

Автор: Саша
Дата : 2009-12-21

есть такой вопрос - вообщем не получаеться прижать "Footer" к самому низу браузера, padding поставил 0 , в чем может быть причина ?

Автор: Кирилыч
Дата : 2009-12-23

Спасибо большое за видео!

Автор: Елена
Дата : 2009-12-24

Спасибо, Андрей, за труд НЕ НАПРАСНЫЙ!!! Ваш сайт теперь мой "настольный" :))

Автор: gansa
Дата : 2009-12-26

Ваш сайт в закладочки!Спасибо.

Автор: Ваня
Дата : 2010-01-02

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

Автор: Андрей Галямов
Дата : 2010-01-04

Ставьте обнуление в начале файла css и никаких пропусков не будет. Про обнуление я писал здесь http://www.zvirec.com/view_pos t_ar.php?id=32

Автор: Кир
Дата : 2010-01-04

Огромное спасибо!!! Самый лучший и самый простой урок!!! Он мне очень помог!!!Ваш сайт самый лучший!!! Он очень помог мне и многим моим друзьям)))

Автор: Сонный студент
Дата : 2010-01-05

у меня курсовая "создание сайта интернет магазина " С Вашими уроками смог написать что-то большее, чем <html></html>

Автор: Григорий
Дата : 2010-01-05

Спасибо очень актуально для меня вышло)

Автор: Xakep
Дата : 2010-01-08

класс но и фреймы можно использовать

Автор: Юкос
Дата : 2010-01-09

андрей,не подскажешь как сделать добавление комментариев прямо внизу страницы как у тебя-здесь

Автор: Лира
Дата : 2010-01-17

Огромное спасибо! на пальцах объяснил все)))

Автор: Стас
Дата : 2010-01-17

Уважаемый Андрей !!Почему гокда я разбиваю текст на пораграфы тэгом <p>...</p> у меня сдвигается блок"content" ?

Автор: Данил
Дата : 2010-01-20

благодарю за информацию и за ее подачу, было весьма полезно... Возможно пора немного модернизировать урок? http://designformasters.info /posts/clearing-float/ что скажете?

Автор: Елена
Дата : 2010-01-20

Юкос, позволю себе коротко ответить за Андрея, информацию о том как добавлять комментарии на сайт "как здесь" можно найти в разделе Создаем сайт вместе! и форум вам в помощь

Автор: Елена
Дата : 2010-01-20

Юкос, позволю себе коротко ответить за Андрея, информацию о том как добавлять комментарии на сайт "как здесь" можно найти в разделе Создаем сайт вместе! и форум вам в помощь

Автор: Марат
Дата : 2010-01-20

По моему это один из самых полезных уроков для начинающих.

Автор: Михаил
Дата : 2010-01-23

Огромное спасибо за такую ценную информацию! Очень помогла!

Автор: Руслан
Дата : 2010-01-24

Большущее спасибо за ценную инфу. В знак благодарности пройду на вашем сайте по гуглу с разных броузеров))

Автор: Ravshan
Дата : 2010-01-24

С очен простой методом обяснен. Очен полезно!

Автор: Артур
Дата : 2010-01-24

Спасибо,очень просто,толково,интересно....

Автор: lyubov
Дата : 2010-01-27

я в восторге...пасибо за обучение!

Автор: Алексей
Дата : 2010-01-31

А чего не задать #footer { clear:both } так кода меньше, и дополнительный див делать не надо.

Автор: Наталия
Дата : 2010-02-01

Потрясающе доступно. Огромное спасибо

Автор: Евгений
Дата : 2010-02-02

Урок хороший, все понятно. Большое спасибо

Автор: Александр
Дата : 2010-02-04

Большое спасибо! Все очень доступно, проще и не объяснить!5+

Автор: О.
Дата : 2010-02-06

Мой pda формат видеоурока не поддерживает. А жаль. Все равно, Спасибо.

Автор: Алексей
Дата : 2010-02-16

Большое спасибо, но вот пробуя переделать дизайн сайта на резиновый столкнулся с тем что те зе все стили не работают. Т.е в примере все ок, тоже перенесенное в мой сайт не работает. сайт http://www.pereval.kiev.ua/

Автор: burlak
Дата : 2010-02-18

почему у меня не открывается видео урок

Автор: Юрий
Дата : 2010-02-21

Спасибо Вам огромное!

Автор: Сергей
Дата : 2010-02-22

Спасибо огромное, я не новичек в этом деле, ваш урок реально ополезен и помог мне понять некоторые ньюансы ,еще раз спасибо!

Автор: Dariga
Дата : 2010-02-23

Спасибо Андрей, очень эффективно!

Автор: Александр
Дата : 2010-03-03

Благодаря этому материалу я начал работать только с блочной версткой, спасибо автору за хороший и доходчив урок. Очень рад что тогда я его посмотрел.

Автор: XaviBeat
Дата : 2010-03-05

Большое спасибо, за видео урок

Автор: Настя
Дата : 2010-03-07

Класс)))Отличный сайт!

Автор: Иван
Дата : 2010-03-07

Спасибо, помогло при верстке

Автор: Vova
Дата : 2010-03-13

Спасибо огромное,очень помогло сделать первый шаг в див верстке)

Автор: Наташа
Дата : 2010-03-14

Так хочу посмотреть, умираю! А при нажатии на ссылки для скачивания абру-кадабру показывает:(((Помогите!!!

Автор: Благодарный чювак
Дата : 2010-03-16

большое СПС....................

Автор: Валентина
Дата : 2010-03-16

Андрей, посмотрела ваши уроки, очень пригодились. Спасибо! Но у меня возник вопрос. Сейчас пытаюсь сделать резиновый трехколоночный сайт. Хочеться добиться того, чтобы было на сайте горизонтальное меню. То есть ЧТОБЫ ЛЕВОЕ МЕНЮ БЫЛО ПРИЖАТО К ШАПКЕ, А СПРАВА ОТ НЕГО УХОДИЛО ПОД ШАПКОЙ ГОРИЗОНТАЛЬНОЕ МЕНЮ И ЧТОБЫ ОНО ШЛО НАД ПРАВОЙ ЧАСТЬЮ. Пожалуйста. помогите это организовать.

Автор: BlackAlexCat
Дата : 2010-03-17

Здравствуйте.. замечательный урок. Спасибо! Но всё же кое-что тут не очень приятно.. Подскажите пожалуйста, как сделать так, чтобы блоки LEFT и CONTENT были всегда прижаты к подвалу, независимо от их содержимого.. ???

Автор: Андрей
Дата : 2010-03-19

Здравствуйте.. Огромное спасибо ,для понимания основ именно блочной вёрстки (которую считают намного прогрессивней, но тут разговор может быть безконечным)отличный материал!!! , конечно может возникнуть множество нюансов (как говорится -человек сам кузнец своих проблем)связанных с неуемной фантазией,как самих вэб мастеров,так и их заказчиков , но материал достойный !!!!!!! ОГРОМНОЕ спасибо )))

Автор: Андрей
Дата : 2010-03-19

BlackAlexCat я конечно тока осваиваю вэб вёрстку, но как вариант , может это и пригодится вам, идея такова:блокам LEFT и CONTENT задать position: relative; ,в них соответственно вставить другой див с position: absolute; и добавить (то что прижмет к низу "родителя") bottom: 0px;

Автор: Ирина
Дата : 2010-03-21

Спасибо огромное за урок!

Автор: Dima Tkach
Дата : 2010-03-25

Почему не могу посмотреть урок? Уже и Flash Player обновил вск равно не идет(( розтолкуйте пжл!!! на мыло w.miller.prison@gmail.com! СПАСИБО )

Автор: fixlet
Дата : 2010-03-26

спасибо вам большое, замечательная дикция, подача материала, все просто, все супер, еще раз спасибо!!!1

Автор: fixlet
Дата : 2010-03-26

2Dima Tkach скачай файл по нижней ссылке, его можно смотреть без флеша

Автор: Владимир
Дата : 2010-04-01

Большое спасибо за урок! С ПХП еще кое-как дружу, а ЦСС ускользают. С вашей помощью стало понятнее! )

Автор: njkbr
Дата : 2010-04-01

сылка не открываеться

Автор: MAVR
Дата : 2010-04-01

Спасибо за такие уроки! Изложеная информация очень полезна для навичков.

Автор: hommaster
Дата : 2010-04-04

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

Автор: yulya
Дата : 2010-04-07

спасибо!!!как раз то что я искала!!!!

Автор: paul
Дата : 2010-04-09

все супер и главное доходчиво

Автор: shekir
Дата : 2010-04-18

благодарствую, весьма доходчиво. про ослика шестого понравилось.

Автор: Eugene
Дата : 2010-04-20

Отличный урок!

Автор: Тиксен
Дата : 2010-04-21

Спасибо большое. Сам пытался, но CSS не работали. А тут все просто и понятно.

Автор: Delmi
Дата : 2010-04-21

Кто хочет помочь создателю сайта материально - не оскорбляйте Андрея предложениями дать 100 р., а просто покликайте по ссылочкам в блоке "реклама от Google". Вам несложно и автору приятно. Спасибо за уроки )

Автор: Виталий
Дата : 2010-04-21

У меня видеоуроки не открываются!!! когда клацаю на ссылку то какието иероглифы всплывают на новой странице и все!!!!!-----------------Скача ть видеоурок "Блочная верстка (div вертска) сайтов. Разбираем основы.." Альтернативн ая ссылка, для тех, у кого не работает Flash-----------------. Сделайте что-нибудь)

Автор: Виталий
Дата : 2010-04-22

поискал видео в гугле и нашел ссылку))), через две ссылки не закачивало а через вit torrent закачало и там же только открылось)))) обратите внимание не в папке или на робочем столе а именно в torrentе)))), автору сенкс)))

Автор: Иван
Дата : 2010-04-23

Отличный урок получился.. Для новичков очень полезный и доступный материал! Спасибо!

Автор: Алексей
Дата : 2010-04-25

Большое спасибо за потраченное время для обучения и помощи.!!!

Автор: LLIepJIok
Дата : 2010-04-30

У меня возникла проблема текст постоянно уходит влево за границы блоков. Никак ни могу найти причину. Может это быть из за того что в вашем Dreamweaver CS3 в html сверху написано DTD HTML 4.01 а у меня DTD HTML 1.0

Автор: Наталья
Дата : 2010-05-03

Спасибо за урок. Я новичок. И уменя два вопроса. Зачем блоку "clear" font-size=1px при height=0? И, почему хак для минимальной ширины экрана в IE вставляется вместо width=100%? Какой же после этого станет ширина контейнера, если останутся будут только минимальные?

Автор: романко
Дата : 2010-05-07

Большое спасибо создателю гайда, ну очень благодарен за то, что просветил меня))

Автор: Макс
Дата : 2010-05-08

Спасибо, видео очень полезное :)

Автор: Дмитрий
Дата : 2010-05-11

Огромное Спасибо!!!!! Очень полезно!!!!!!

Автор: Руслан
Дата : 2010-05-17

Огромное спасибо, очень помог ваш урок!

Автор: Антонина
Дата : 2010-05-22

как скачать то? (((

Автор: Максим
Дата : 2010-05-27

Спасибо огромное за уроки. Очень интересно и позновательно. Много онового узнал!!

Автор: Виталий
Дата : 2010-06-04

Спасибо, урок супер!!!

Автор: Николай
Дата : 2010-06-08

Не могу скачать урок?

Автор: Александр
Дата : 2010-06-11

Огромное спасибо!

Автор: Клим
Дата : 2010-06-29

Спасибо большое, легко и доступно

Автор: Сергей
Дата : 2010-07-01

Урок отличный, но есть один вопрос: "Зачем тестировать сайт под IE 5, если (судя по дате статьи) в то время все уже отказались от верстки сайтов под него?!" Спасибо!

Автор: Софья
Дата : 2010-07-06

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

Автор: Дима
Дата : 2010-07-08

Просто СУПЕР!!! Спасибо огромное. Правда, все что работало у меня в дримвейвере не работает в браузерах, но, думаю, я разберусь. Еще раз спасибо!!!

Автор: Serge
Дата : 2010-07-08

Ты лучший, спасибо.

Автор: Сергей
Дата : 2010-07-13

А как высоздаете такие уроки? С помощью какой программы?

Автор: Andriy
Дата : 2010-07-15

Если кто может скиньте мне етот урок верстать тегами ДИВ а то немогу скачать чет нето*(( Вот мой емайл pulup1992@mail.ru Cgfcb,j

Автор: Владимир
Дата : 2010-07-17

У меня ссылки тоже не работают. Вылазит огромный код. Исправите?

Автор: Рома
Дата : 2010-07-17

КлАсСнЫй видеоурок !!! Научил меня заново писать правильные блоки !!! Огромное спасибо !!!!!!!!!!!!

Автор: Trexard
Дата : 2010-07-23

Андрей, спасибо за учебничек по ЦСС. Всё на ура прошло. Сэкономил массу времени.

Автор: Наченающий
Дата : 2010-07-23

Огромное спасибо! Лучше некуда!

Автор: Евгений
Дата : 2010-07-29

здорово всё просто и ясно краткость сестра таланта!

Автор: Артемий
Дата : 2010-08-05

Круто здорово жалко что я только недавно начал пользоваться дивами а то раньше таблицами!

Автор: Андрей
Дата : 2010-08-11

Решил перейти на div-ы, полдня убил на поиски простой практической информации без сухого официоза и вот наткнулся на твой урок - СПС), тёзка! Даже ссылку на твой сайт сохранил) - обычно это невозможно))), но вот твоя первая теперь)...

Автор: Кирилл
Дата : 2010-08-12

То что доктор прописал

Автор: Сергей
Дата : 2010-08-18

Спасибо автору и гуру в докладе материала.Все доступно и понятно. Тоже хочу перейти на div верстку. Искал инфо и понял, что это нетак и просто на div верстать. А Вы, уважаемый, действительно показали все тонкости и секреты, дабы с уверенностью приступать к работе. Большой Вам РЕСПЕКТ!

Автор: Rezorcin
Дата : 2010-08-21

Спасибо, очень хорошо обьяснено!

Автор: Инна
Дата : 2010-08-27

Спасибо! Эта лучшая подача материала во всем интернете!

Автор: Благодарность
Дата : 2010-09-02

Спасибо, Андрей! Отличный урок по дивам!

Автор: Гавно
Дата : 2010-09-05

кулл!!!!

Автор: Андрей Кин
Дата : 2010-09-10

урок помог, спасибо! но остался один момент не ясный, предположим страница пустая, есть только голый шаблон header, content,footer, нужно чтоб footer всегда обтикал впритык низ браузера, логически блоку footer нужно присвоить position: absolute; bottom:0px; ? но тогда и главный контейнер должен быть по высоте 100% , в ширину получается, а вот ввысоту все никак не растягивается, подскажите как это можно реализовать.

Автор: lada
Дата : 2010-09-10

все супер!урок помог с оформлением рамок!

Автор: lizu
Дата : 2010-09-17

СПАСИБО!!!

Автор: wtf
Дата : 2010-09-21

Great job!

Автор: int
Дата : 2010-09-22

Андрей,Вы просто супер!!!! Огромное спасибо!

Автор: Ayat
Дата : 2010-09-23

Не могу открыть видео, проигрыватель точно последней версии

Автор: Ayat
Дата : 2010-09-23

Скачал вторую wmv версию тоже не пашет что такое?

Автор: All-X-Soul
Дата : 2010-09-26

+1 за подход :) Спасибки.

Автор: Максим
Дата : 2010-09-27

СПАСИБОО!!!!

Автор: nickbrand
Дата : 2010-09-30

При нажатии на ссылку открывается страница с иероглифами

Автор: Мага Шпага Туалетная Бумага
Дата : 2010-10-02

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

Автор: Ольга
Дата : 2010-10-08

Андрей, спасибо огромное! Институтские преподаватели ни в какое сравнение не идут! Доступно, просто, понятно, коротко. Отлично!

Автор: Антоха
Дата : 2010-10-09

Андрей респект те и уважуха, я за пол часа узнал в десятки, а может и в сотни раз больше чем мне преподы говорили. Сделай все уроки видео курсами, ьогда твоему сайту цены не будет!!! )))))))

Автор: Сергей
Дата : 2010-10-15

Спасибо за урок. Можно просто в #footer {clear:both;} и не создавать пустой div

Автор: Михаил
Дата : 2010-10-15

Спасибо!!!!! Помогло!!!!!

Автор: Жека
Дата : 2010-10-23

Огромное спасибоще )))

Автор: andreus
Дата : 2010-10-25

Автору зачет. очень крутой сайт !!!

Автор: серый
Дата : 2010-10-26

Все грамотно и понятно..... Спасибо!!!!!

Добавить комментарий:

Ваше имя:

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

Введите сумму чисел с картинки (проверка от автороботов):

Поиск по сайту