X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Что такое блочная и табличная верстка?
a_dos_mw
a_dos_mw
Topic Starter сообщение 24.1.2009, 16:18; Ответить: a_dos_mw
Сообщение #1


Что такое блочная и табличная верстка?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Гость_0_* Гость_0_*
сообщение 24.1.2009, 16:25; Ответить: Гость_0_*
Сообщение #2


Принцип блочной верстки, это когода создают div'ы и указывают для них такие параметры как фоновый цвет/рисуток, размеры, положение на странице, а табличная, это когда делают таблицу с невидимым контуром, и для ячеек прописывают то же самое, что и для дивов в блочной верстке
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
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>&nbsp </td>
</tr>
</table>

И это для одного столбца и одной строки " по русски говоря ".
Этот же результат вы можете получить только одной парой тегов и использования стиля CSS.
<div>&nbsp</div>

Ну, а если вы будете использовать кучу таблиц, а потом ещё обьединять ячейки colspan и rowspan , то если уж вы не поймёте стили, с этим вы точно замудохаетесь.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Robot-sgibatel
Robot-sgibatel
сообщение 6.2.2009, 11:38; Ответить: Robot-sgibatel
Сообщение #5


Ну, а если вы будете использовать кучу таблиц, а потом ещё обьединять ячейки colspan и rowspan , то если уж вы не поймёте стили, с этим вы точно замудохаетесь.

Нарезать таблицы можно в Image Ready
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 6.2.2009, 11:42; Ответить: ZiTosS
Сообщение #6


Bender, здесь идёт речь про оформление, а не вёрстку.
Попробуй-ка нарезать таблицу, а потом 1000 ячеек задать свой цвет. Вот я посмотрю как ты это через Image Ready сделаешь...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Xap_mw
Xap_mw
сообщение 6.2.2009, 12:35; Ответить: Xap_mw
Сообщение #7


По-моему смешанная структура из блочной и табличной верстки наиболее актуальна.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Robot-sgibatel
Robot-sgibatel
сообщение 6.2.2009, 13:04; Ответить: Robot-sgibatel
Сообщение #8


(ZiTosS @ 6.2.2009, 10:42) *
Bender, здесь идёт речь про оформление, а не вёрстку.
Попробуй-ка нарезать таблицу, а потом 1000 ячеек задать свой цвет. Вот я посмотрю как ты это через Image Ready сделаешь...

Нарежу в Image Ready и пропишу фон в дриме :unsure:
Что-то я не понял к чему этот вопрос. Что на дивной это же сделать намного легче?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Xander_mw
Xander_mw
сообщение 6.2.2009, 13:40; Ответить: Xander_mw
Сообщение #9


Что на дивной это же сделать намного легче?

И это тоже... Просто кода будет меньше...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 6.2.2009, 23:49; Ответить: ZiTosS
Сообщение #10


Нарежу в Image Ready и пропишу фон в дриме

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

Просто на дивной сложнее запутаться в коде, чем в таблице.
Глядя не на таблицу, а на код, сразу не представить как она выглядит, и как её нудно оформить(хотя я уже к подобному привык)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Во что сегодня инвестировать?
Делимся своими приносящими прибыль вариантами
64 traveliver 4133 15.3.2024, 17:26
автор: Lumex
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВо что Вы играете?
398 Vmir 67186 14.3.2024, 22:53
автор: MisterBit
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
144 Gerga 91395 11.3.2024, 19:59
автор: anchous
Открытая тема (нет новых ответов) "Извините, что ожидание затянулось, но не думайте, пожалуйста, что мы про вас забыли. Мы заводим задачи по всем обращениям и контролируем работу над ними самым тщательным образом."
Вопрос
0 kuz999 1178 5.2.2024, 14:06
автор: kuz999
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКачественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
26 zaiko 17105 30.1.2024, 18:10
автор: zaiko


 



RSS Текстовая версия Сейчас: 19.3.2024, 9:35
Дизайн