prowebber.cc - Тут есть все для настоящих вебмастеров

Провеббер » Видео уроки » Блочная верстка (DIV)

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?

Обращайся к нам в ЛС группы Вконтакте.

Блочная верстка (DIV)

Автор: snifer 2010-1-09 Видео уроки

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

Скачать бесплатно Блочная верстка (DIV).

Автор данного урока: Андрей Морковин
Размер архива: 460мб
Размеры видео: 640x480

Коротко про видео-урок:

Верстка сайта — это непростая наука, освоив которую вы с легкостью сможете преобразовывать *psd-макет дизайна сайта в HTML + CSS код, который одинаково хорошо выглядит во всех популярных браузерах.

div-верстка — это разновидность верстки сайта, в которой для позиционирования элементов на странице применяются теги div /. Данный вид верстки гораздо предпочтительнее табличного подхода.

Серия из 14-ти обучающих видеоуроков по div верстке сайта будет полезна не только для желающих перейти с морально устаревшей табличной верстки на блочную, но и для желающих понять принципы создания сайта.

В видеуроках рассказано об основных понятиях языка разметки гипертекста HTML и каскадных таблиц стилей CSS.

Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных

-4

Просмотры: 18 150 :: Комментарии (30) :: :: Нужна помощь? Задайте вопрос на форуме ::

Теги: верстка, div,

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

#1mochej

9 января 2010 15:47
Регистрация: 31.10.2009

Был(а) онлайн: 27.09.2016
Комментариев: 242

Скажите, чем div верстка лучше табличной?

#2snifer

9 января 2010 15:54
Регистрация: 8.01.2010

Был(а) онлайн: 14.09.2014
Комментариев: 23

для меня, это в простоте и "читабельности" кода.

к тому-же, загрузка страниц которые сделаны блоками, раза в 2-3 выше старниц, сверстаных таблицами

#3mochej

9 января 2010 15:55
Регистрация: 31.10.2009

Был(а) онлайн: 27.09.2016
Комментариев: 242

-2

snifer,
В 2-3 раза выше? какой мудак так код напишит?, не убедил

#4snifer

9 января 2010 15:59
Регистрация: 8.01.2010

Был(а) онлайн: 14.09.2014
Комментариев: 23

-2

Преимущества блочной html верстки (верстки дивами):

Все свойства блоков задаются в таблице стилей, что облегчает html-код.

Слои-блоки можно накладывать друг на друга, что облегчает расположение элементов на веб-странице.

Более быстрая загрузка страниц с блочной версткой (верстка div’ами) по сравнению со страницами табличной верстки.

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

#5DaImeR

9 января 2010 16:02
Регистрация: 21.11.2009

Был(а) онлайн: 15.01.2015
Комментариев: 338

-2

А почему в разделе юкоз? Это же не только для юкоз

--------------------

Господи, перезагрузи этот мир

#6mochej

9 января 2010 16:05
Регистрация: 31.10.2009

Был(а) онлайн: 27.09.2016
Комментариев: 242

-2

Все свойства блоков задаются в таблице стилей, что облегчает html-код.

Хм.. Сомневаюсь, слишком разные блоки, чтобы для них часто стили совпадали.

Слои-блоки можно накладывать друг на друга, что облегчает расположение элементов на веб-странице.

Для меня проще в таблицах делать, но не все, только основной каркас сайта, хотя может я просто привык.

Более быстрая загрузка страниц с блочной версткой (верстка div’ами) по сравнению со страницами табличной верстки.

Разница между весом верстки табличной и divами максимум 5-8кб, что не так много, хотя все-ровно заметна.

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

А вот в этом сомневаюсь, там где ты скопировал это старая статья, так что все изменилось, и я сомневаюсь что так осталось.

#7dimentiy89

9 января 2010 16:07
Регистрация: 9.01.2010

Был(а) онлайн: 26.01.2021
Комментариев: 3

-2

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

#8mochej

9 января 2010 16:09
Регистрация: 31.10.2009

Был(а) онлайн: 27.09.2016
Комментариев: 242

-2

dimentiy89,
Гений

#9dimentiy89

9 января 2010 16:11
Регистрация: 9.01.2010

Был(а) онлайн: 26.01.2021
Комментариев: 3

-2

mochej,
ты тож ничё )

#10snifer

9 января 2010 16:13
Регистрация: 8.01.2010

Был(а) онлайн: 14.09.2014
Комментариев: 23

Цитата: mochej

Для меня проще в таблицах делать, но не все, только основной каркас сайта, хотя может я просто привык

я основной каркас сайта в дивах делаю на ксстемплате (намного удобнее)

Цитата: mochej

Хм.. Сомневаюсь, слишком разные блоки, чтобы для них часто стили совпадали.

почему? допустим левый сайдбар и правый.

Цитата: mochej

Разница между весом верстки табличной и divами максимум 5-8кб, что не так много, хотя все-ровно заметна.

ну это заметна для диалапщиков :)) (хотя уже не актуально)

#11mochej

9 января 2010 16:16
Регистрация: 31.10.2009

Был(а) онлайн: 27.09.2016
Комментариев: 242

snifer,
почему? допустим левый сайдбар и правый.

Ну у меня постоянно все блоки отличаются

я основной каркас сайта в дивах делаю на ксстемплате (намного удобнее)

Я просто привык уже в таблицах делать:) И дальше буду делать в таблицах ;)

#12snifer

9 января 2010 16:21
Регистрация: 8.01.2010

Был(а) онлайн: 14.09.2014
Комментариев: 23

ну мне кажется легче в CSS файле ковыряться, чем в громадном коте из <tr*> и <td*>

Цитата: dimentiy89

Ну это правильно, смотря какой верстальшик.

Цитата: DaImeR

А почему в разделе юкоз? Это же не только для юкоз

просто когда постил, увидел раздел "видео-->для новичков" и запостил на радостях )))
Как перенести?

#13mochej

9 января 2010 16:27
Регистрация: 31.10.2009

Был(а) онлайн: 27.09.2016
Комментариев: 242

ну мне кажется легче в CSS файле ковыряться, чем в громадном коте из <tr*> и <td*>

Ну почему я тоже активно css использую, как без него)

#14spammer44

9 января 2010 16:33
Регистрация: 9.10.2009

Был(а) онлайн: 20.06.2019
Комментариев: 171

Залейте на випфайл!

#15snifer

9 января 2010 16:37
Регистрация: 8.01.2010

Был(а) онлайн: 14.09.2014
Комментариев: 23

Цитата: spammer44

Залейте на випфайл!

ща сделаем...

Вот на випфайле:

http://vip-file.com/download/8125.851c82a1f3bcba6aa840eef53f/verstka_div.zip.htm
l

#16mochej

10 января 2010 13:49
Регистрация: 31.10.2009

Был(а) онлайн: 27.09.2016
Комментариев: 242

snifer,

ну мне кажется легче в CSS файле ковыряться, чем в громадном коте из <tr*> и <td*>

Alexander..S,

Мне кажется легче в CSS файле ковыряться, чем в громадном коде из <tr> и <td>

Еще разок не хочешь написать?

#17snifer

10 января 2010 19:28
Регистрация: 8.01.2010

Был(а) онлайн: 14.09.2014
Комментариев: 23

Это ты к чему?
Откуда вторая цитата?

#18Avatar4pro

21 января 2010 12:21
Регистрация: 21.12.2009

Был(а) онлайн: 24.08.2011
Комментариев: 15

-1

2mochej
как тебя ещё не забанили...
ну делай ты в таблицах раз тебе так удобней чё ты споришь то.я понимаю недалёкий ум и пр. но имхо уже давно пора замолкнуть...

имхо тупое набитие постов...

#19mochej

21 января 2010 13:33
Регистрация: 31.10.2009

Был(а) онлайн: 27.09.2016
Комментариев: 242

Avatar4pro,
И кто из нас посты набивает?, по теме не чего не сказал, что я спорю? я банально хочу узнать мнение адекватных людей (к которым ты видимо не относишься), что лучше div верстка или table-ая

#20Mr.Sorrel

22 января 2010 18:22
Регистрация: 11.11.2009

Был(а) онлайн: 16.09.2014
Комментариев: 99

Лучше дивами верстать.. ИМХО Ну повторять все вышеперечисленное не стану, но + к тому, что выше написано, я еще где-то читал, что шаблоны, написанные через дивы более востребованы и лучше покупаются людями)) Вот :)

--------------------