Форум SAPE.RU

Форум SAPE.RU (http://forum.sape.ru/index.php)
-   Разработка и сопровождение сайтов (http://forum.sape.ru/forumdisplay.php?f=29)
-   -   Верстка (http://forum.sape.ru/showthread.php?t=29399)

Lorenz 02.04.2009 23:26

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

и еще вопросик- есть ли зависимость от нагрузки на сайт и версткой, какую верстку делать для сайта с высокой посещаемостью?

спасибо.

VoiD_BY 02.04.2009 23:55

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

edne 03.04.2009 00:24

Цитата:

Сообщение от Lorenz (Сообщение 420357)
какая верстка лучше- табличная или дивами?

Та, которая делает то, что тебе нужно

RedHead 03.04.2009 00:43

каркас таблицами, внутренности дивами...

dimarzio 03.04.2009 00:47

Каркас таблицей это потому что с display потом запаришься? :)

jekky25 03.04.2009 09:29

Цитата:

Сообщение от Lorenz (Сообщение 420357)
Здравствуйте.
Может, кто посоветует, какая верстка лучше- табличная или дивами? и что удобнее- резиновая или фиксированная? и если несложно, вкратце объяснить, почему и в каких случаях.
Меня интересует как отношение ПС к верстке, так и отношению пользователей.

и еще вопросик- есть ли зависимость от нагрузки на сайт и версткой, какую верстку делать для сайта с высокой посещаемостью?

спасибо.

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

2. Удобнее сделать фиксированную верстку для верстальщика. Ему это проще будет. Для юсера на мой взгляд лучше резина или полурезина. Хотя опять же это все упирается в эскизы. Если они позволят сделать резину.

3. Никак на нагрузку на сайт не влияет.

Lorenz 06.04.2009 00:08

jekky25, спасибо за подробный ответ)

и всем остальным, конечно, тоже))

Invasion 06.04.2009 00:15

Раньше верстал в таблицах, код был слишком громоздким. Сейчас перешёл на дивы, в результате, чистота и порядок :) Рекоменду div'ы.

vopros 06.04.2009 00:22

ИМХО:
Каждый тег придуман не от балды.
Если слева блок, справа блок, в центре текст - для этого есть таблица. И сидеть она твердо.
Мудрить тут дивами, с отступами глупо. Дольше, и кривее.

Точно также ставить таблицу, чтобы выделить блок (1 строка, 1 столбец) - тоже глупо.

boric 06.04.2009 13:09

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

Alexey 06.04.2009 14:02

Дивы сложней создавать, однако намного легче поддерживать.

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

Если у вас меню как <ul><li>...</li>.... то добавить туда элемент гораздо проще, чем если бы это была таблица с определенным кол-вом ячеек, когда используется colspan или rowspan.

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

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

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

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

vopros 06.04.2009 14:10

Alexey,
Не соглашусь :)
Цитата:

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

А вот конструкцию на ксс, да еще разбитую на 3-4 файла. Вот тут голову поломаешь...

20 открывающих дивов, 20 закрывающих. по сути дивы и текст, а на экране красота.
Можно сутки рыться, выискивая каждый класс и что он делает. Особенно, если конструкция вида:
.ya b {}
<div class="ya"><b>TEXT</b></div>

Т.е. искать сам класс, и еще все теги, которые он сопровождает.

А изменив его, еще изменится другой кусок (т.к. админ их сделал однородными). Значит нужно менять не только ксс, но и хтмл.

В общем с наворотами ксс намного сложнее разбираться, если их пичкают без надобности. Лишь бы показать крутость верстки, мол у меня все на дивах и страничка весит всего 5кб.

WebFX 06.04.2009 14:17

Цитата:

Сообщение от vopros (Сообщение 422993)
По мне все просто, открыл в виз редакторе с просмотром кода и все понятно.
А вот конструкцию на ксс, да еще разбитую на 3-4 файла. Вот тут голову поломаешь.

в дриме просто подключить к шаблону стили и всё будет видно так как и должно

vopros 06.04.2009 14:27

Цитата:

Сообщение от WebFX (Сообщение 422999)
в дриме просто подключить к шаблону стили и всё будет видно так как и должно

Я не про это.
В ксс всеравно придется рыться.

Вот пример, у вас столбец для блока, вы вставили туда что то или написали, что не умещается, открыли хтмл, нашли там в столбце width="220" и сделали width="230".
В чужом коде - 5 секунд все сделать.

А если этот столбец идет через ксс, то открыли хтмл, нашли там class="stolb",, открыли ксс, а там ширины нет. Смотрим дальше хтмл, нашли вышестоящий див, нашли его стиль, и там нет ширины.
И вот такие поиски могут занимать много времени.

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

Т.е. вместо мгновенного исправления 1 цифры, получается квест по файлам ксс.

Alexey 06.04.2009 16:20

Ибо верстать надо с умом. Делать семантическую верстку, а не лишь бы только избавиться от таблиц.
Код HTML:

<div class="news_block">
    <h2>Заголовок новости</h2>
    <span class="date">31.12.2008</span>
    <p>
        .....
    </p>
</div>

А когда дивами пытаются сэмулировать таблицы - то это маразм и глупость. Это действительно как откапывать яму сотовым телефоном потому что это "круто".

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

WebFX 06.04.2009 16:36

Цитата:

Сообщение от Alexey (Сообщение 423088)
Ибо верстать надо с умом. Делать семантическую верстку, а не лишь бы только избавиться от таблиц.

Цитата:

Сообщение от Alexey (Сообщение 423088)
Не та верстка хороша, которая без таблиц. А та, которая читается без визуального редактора.

плюстыща.

slavs™ 06.04.2009 17:06

Цитата:

Сообщение от Alexey (Сообщение 423088)
А та, которая читается без визуального редактора.

это то да + ,
но! для продвижения это не правильно!
верстаю блоками, визуально они располагаются по одному, а физически - по другому, соответственно и боты хавают контент не так как пипл. Это для выдачи важно!

Алексей Барыкин 06.04.2009 17:15

Тёзке плюсдветыщи!

Добавлено через 41 секунду
Цитата:

Сообщение от slavs™ (Сообщение 423122)
это то да + ,
но! для продвижения это не правильно!
верстаю блоками, визуально они располагаются по одному, а физически - по другому, соответственно и боты хавают контент не так как пипл. Это для выдачи важно!

Одно другому не мешает.


Часовой пояс GMT +3, время: 00:36.

Работает на vBulletin® версия 3.8.7.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
SAPE.RU — система купли-продажи ссылок с главных и внутренних страниц сайтов.