Помощник
|
Что такое блочная и табличная верстка? |
a_dos_mw
|
Сообщение
#1
|
||
|
|
||
|
|||
Гость_0_* Гость_0_* |
24.1.2009, 16:25;
Ответить: Гость_0_*
Сообщение
#2
|
|
Принцип блочной верстки, это когода создают div'ы и указывают для них такие параметры как фоновый цвет/рисуток, размеры, положение на странице, а табличная, это когда делают таблицу с невидимым контуром, и для ячеек прописывают то же самое, что и для дивов в блочной верстке
|
|
|
ZiTosS |
26.1.2009, 15:37;
Ответить: ZiTosS
Сообщение
#3
|
|
Моё понимание вёрстки
Табличной вёрстки как таковой вообще нету Таблицы в HTML создавались не для форматирования целостности страницы, а для простого отображения таблиц на страницах сайта. Но кому-то пришло в голову использовать таблицы для разграничения содержимого на странице. Почему табличная вёрстка считается плохим тоном?! Да потому что HTML сделан так, что пока всё содержимое таблицы не загрузится, она не отобразится на странице. А блоки в этом и хороши, что каждую ячейку таблицы можно представить отдельным блоком Табличная вёрстка менее гибка в отличии от Блочной вёрстки. Хотя есть возможность объединения ячеек для создания единой картины. Её чаще используют на сайтах со структурным содержимым, где очень много ссылок и их надо отделить друг от друга. Верстать блоками в данном случае будет просто маразмом. Слишком много допускается ошибок в вёрстке блоками, потому что очень много изюминок которые нужно понять и принять. Блочная вёрстка, это совокупность блочных элементов на странице таких как <p>, <div>, <layer> и др. Расположение блоков зависит от нужд создателя сайта. Их можно расположить хоть в хаотическом порядке. Главное отличие блоков от таблиц. Блоки имеют абсолютное позиционирование, с позицией наложения друг на друга Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном порядке, имитируя тем самым третье измерение, перпендикулярное экрану. Каждый элемент может находиться как ниже, так и выше других объектов веб-страницы, их размещением по z-оси и управляет атрибут z-index. Вообще считаю блочную вёрстку сложно освоить не практикуясь, лучше начать с изучения поведения разными браузерами по отношению к блокам. Хотяб посмотреть на то, что когда блоки не убираются в ширину, последний блок сползает под остальные, тем самым выдавая неправильное за действительное. А вообще по блочным элементам я уже статью писал Параграфы и блоки в HTML |
|
|
Вито |
6.2.2009, 8:36;
Ответить: Вито
Сообщение
#4
|
|
a_dos! Смело изучайте блочную вёрстку, она не сложней таблиц, это только на первый взляд сложно. Для наглядности посмотрите код таблицы из скольки тегов она состоит:
<table> <tr> <td>  </td> </tr> </table> И это для одного столбца и одной строки " по русски говоря ". Этот же результат вы можете получить только одной парой тегов и использования стиля CSS. <div> </div> Ну, а если вы будете использовать кучу таблиц, а потом ещё обьединять ячейки colspan и rowspan , то если уж вы не поймёте стили, с этим вы точно замудохаетесь. |
|
|
Robot-sgibatel |
6.2.2009, 11:38;
Ответить: Robot-sgibatel
Сообщение
#5
|
|
Ну, а если вы будете использовать кучу таблиц, а потом ещё обьединять ячейки colspan и rowspan , то если уж вы не поймёте стили, с этим вы точно замудохаетесь. Нарезать таблицы можно в Image Ready |
|
|
ZiTosS |
6.2.2009, 11:42;
Ответить: ZiTosS
Сообщение
#6
|
|
Bender, здесь идёт речь про оформление, а не вёрстку.
Попробуй-ка нарезать таблицу, а потом 1000 ячеек задать свой цвет. Вот я посмотрю как ты это через Image Ready сделаешь... |
|
|
Xap_mw |
6.2.2009, 12:35;
Ответить: Xap_mw
Сообщение
#7
|
|
По-моему смешанная структура из блочной и табличной верстки наиболее актуальна.
|
|
|
Robot-sgibatel |
6.2.2009, 13:04;
Ответить: Robot-sgibatel
Сообщение
#8
|
|
Bender, здесь идёт речь про оформление, а не вёрстку. Попробуй-ка нарезать таблицу, а потом 1000 ячеек задать свой цвет. Вот я посмотрю как ты это через Image Ready сделаешь... Нарежу в Image Ready и пропишу фон в дриме Что-то я не понял к чему этот вопрос. Что на дивной это же сделать намного легче? |
|
|
Xander_mw |
6.2.2009, 13:40;
Ответить: Xander_mw
Сообщение
#9
|
|
Что на дивной это же сделать намного легче? И это тоже... Просто кода будет меньше... |
|
|
ZiTosS |
6.2.2009, 23:49;
Ответить: ZiTosS
Сообщение
#10
|
|
|
Нарежу в Image Ready и пропишу фон в дриме Ну я просто имел ввиду, то что код сократится во много раз и структура будет более понятной. Просто на дивной сложнее запутаться в коде, чем в таблице. Глядя не на таблицу, а на код, сразу не представить как она выглядит, и как её нудно оформить(хотя я уже к подобному привык)
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Во что сегодня инвестировать? Делимся своими приносящими прибыль вариантами |
69 | traveliver | 4445 | 25.3.2024, 6:48 автор: Skyworker |
|
Во что Вы играете? | 399 | Vmir | 67501 | 23.3.2024, 12:51 автор: Alexand3r |
|
Верстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP Разработка на профессиональном уровне |
144 | Gerga | 91644 | 11.3.2024, 19:59 автор: anchous |
|
"Извините, что ожидание затянулось, но не думайте, пожалуйста, что мы про вас забыли. Мы заводим задачи по всем обращениям и контролируем работу над ними самым тщательным образом." Вопрос |
0 | kuz999 | 1188 | 5.2.2024, 14:06 автор: kuz999 |
|
Качественный современный дизайн сайтов, логотипов, печатной продукции. Верстка. | 26 | zaiko | 17159 | 30.1.2024, 18:10 автор: zaiko |
Текстовая версия | Сейчас: 28.3.2024, 14:55 |