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

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

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


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Блочная верстка (DIV).


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


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

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

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

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

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

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


Z Depositfiles.com Блочная верстка (DIV) Z Letitbit.net Блочная верстка (DIV)
0
Просмотры: 15313 VIP ProWebber | Комментарии (30)
Теги: верстка, div,
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1mochej

  • 9 января 2010 15:47
  • Регистрация: 31.10.2009
  • ICQ: 4188003
  • Комментариев: 242
Скажите, чем div верстка лучше табличной?

0

#2snifer

  • 9 января 2010 15:54
  • Регистрация: 8.01.2010
  • ICQ: 382059
  • Комментариев: 23
для меня, это в простоте и "читабельности" кода.

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

0

#3mochej

  • 9 января 2010 15:55
  • Регистрация: 31.10.2009
  • ICQ: 4188003
  • Комментариев: 242
snifer,
В 2-3 раза выше? какой мудак так код напишит?, не убедил

0

#4snifer

  • 9 января 2010 15:59
  • Регистрация: 8.01.2010
  • ICQ: 382059
  • Комментариев: 23
Преимущества блочной html верстки (верстки дивами):

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

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

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

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

0

#5DaImeR

  • 9 января 2010 16:02
  • Регистрация: 21.11.2009
  • ICQ: 416980738
  • Комментариев: 338
А почему в разделе юкоз? Это же не только для юкоз

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

0

#6mochej

  • 9 января 2010 16:05
  • Регистрация: 31.10.2009
  • ICQ: 4188003
  • Комментариев: 242
Все свойства блоков задаются в таблице стилей, что облегчает html-код.

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

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

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

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

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

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

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

0

#7dimentiy89

  • 9 января 2010 16:07
  • Регистрация: 9.01.2010
  • ICQ: --
  • Комментариев: 2
скорость загрузки зависит от того, кто код пишет, можно сделать блочную, которая будет грузиться дольше табличной!

0

#8mochej

  • 9 января 2010 16:09
  • Регистрация: 31.10.2009
  • ICQ: 4188003
  • Комментариев: 242
dimentiy89,
Гений

0

#9dimentiy89

  • 9 января 2010 16:11
  • Регистрация: 9.01.2010
  • ICQ: --
  • Комментариев: 2
mochej,
ты тож ничё )

0

#10snifer

  • 9 января 2010 16:13
  • Регистрация: 8.01.2010
  • ICQ: 382059
  • Комментариев: 23
Цитата: mochej
Для меня проще в таблицах делать, но не все, только основной каркас сайта, хотя может я просто привык

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

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

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

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

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

0

#11mochej

  • 9 января 2010 16:16
  • Регистрация: 31.10.2009
  • ICQ: 4188003
  • Комментариев: 242
snifer,
почему? допустим левый сайдбар и правый.

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

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

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

0

#12snifer

  • 9 января 2010 16:21
  • Регистрация: 8.01.2010
  • ICQ: 382059
  • Комментариев: 23
ну мне кажется легче в CSS файле ковыряться, чем в громадном коте из <tr*> и <td*>

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

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

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

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

0

#13mochej

  • 9 января 2010 16:27
  • Регистрация: 31.10.2009
  • ICQ: 4188003
  • Комментариев: 242
ну мне кажется легче в CSS файле ковыряться, чем в громадном коте из <tr*> и <td*>

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

0

#14spammer44

  • 9 января 2010 16:33
  • Регистрация: 9.10.2009
  • ICQ: --
  • Комментариев: 170
Залейте на випфайл!

0

#15snifer

  • 9 января 2010 16:37
  • Регистрация: 8.01.2010
  • ICQ: 382059
  • Комментариев: 23
Цитата: spammer44
Залейте на випфайл!

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

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

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

0

#16mochej

  • 10 января 2010 13:49
  • Регистрация: 31.10.2009
  • ICQ: 4188003
  • Комментариев: 242
snifer,
ну мне кажется легче в CSS файле ковыряться, чем в громадном коте из <tr*> и <td*>


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

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

0

#17snifer

  • 10 января 2010 19:28
  • Регистрация: 8.01.2010
  • ICQ: 382059
  • Комментариев: 23
Это ты к чему?
Откуда вторая цитата?

0

#18Avatar4pro

  • 21 января 2010 12:21
  • Регистрация: 21.12.2009
  • ICQ: 2288875
  • Комментариев: 15
2mochej
как тебя ещё не забанили...
ну делай ты в таблицах раз тебе так удобней чё ты споришь то.я понимаю недалёкий ум и пр. но имхо уже давно пора замолкнуть...

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

0

#19mochej

  • 21 января 2010 13:33
  • Регистрация: 31.10.2009
  • ICQ: 4188003
  • Комментариев: 242
Avatar4pro,
И кто из нас посты набивает?, по теме не чего не сказал, что я спорю? я банально хочу узнать мнение адекватных людей (к которым ты видимо не относишься), что лучше div верстка или table-ая

0

#20Mr.Sorrel

  • 22 января 2010 18:22
  • Регистрация: 11.11.2009
  • ICQ: 79374388
  • Комментариев: 99
Лучше дивами верстать.. ИМХО Ну повторять все вышеперечисленное не стану, но + к тому, что выше написано, я еще где-то читал, что шаблоны, написанные через дивы более востребованы и лучше покупаются людями)) Вот :)

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

0
1 2
Предыдущая    Следующая
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

Последние комментарии:

Искать людей

Ваши переписки