Сотворил таблицу? Расстрел на месте !

Во как. Нет, любезные, Мастер Ласто не злоупотребил праздниками до «белочки», и его не ударило таблицей больно, чтобы на них вдруг появилась такая решительная аллергия. Никакой таблицефобии нет, а есть соображения высшего порядка, которые далее будут последовательно излагаться. Ознакомьтесь с ними, не помешает. Вебмастеру дюже полезно.


Если кто не в курсе, то сейчас трудоустройство в дизайн-студию юношей пылких со взором горящим, решившихся вдруг на работу в команде, проистекает примерно следующим образом (пусть это будет присказкой):


Приходит человек на собеседование. Говорит, что знаю то, умею это. По правде говоря, никто его попервости к программингу не допустит, так как это ответственно. И что он там умеет программить, на чём и под чем, не особо кого и волнует, так как в конторе есть свои корпоративные стандарты, под которые всё едино потребуется адаптироваться. Не всё и не сразу.


Но юноше этого не говорят, а с умным видом кивают при упоминании им всяких разных известных ему языков и диалектов, а когда запас слов иссякает, дают вступительное задание. Все очень просто- вот тебе урл, сохрани с него морду сайта со всем контентом и графикой. И сделай визуально то же самое, одинаковое во всех браузерах, но без единой таблицы, и без упоминания картинок в HTML коде. Как сделаешь, приходи, будем глядеть.


Человек уходит. Иногда навсегда.


Но в чём суть присказки и трагичности ухода? Есть тут здравое зерно.


Очень редкая дизайн-студия делает сегодня «просто сайт». Потому что «просто сайт» абсолютно никому не нужен. Тот, кому потребно цветастое- завлекастое, отоваривается этим у пионэров. В дизайн-студию же идут серьёзные заказчики с серьёзными проектами. На которые делается ставка, вплоть до получения прибыли.


Это подразумевает, что сайт у заказчика будет кардинально отличающийся от «просто сайта» пионэра. Даже если всё внешне визуально будет точно таким же, то разница на уровне HTML кода ожидается колоссальной. Тут читайте со вниманием.


Скорее всего, дизайн-студия породит тот самый код без таблиц, которого аппрувер добивался от соискателя. Чтобы сайт весил мало, грузился в мгновение ока, и получал респект в поисковых системах.


Всё это не надумано, и в эпоху жесточайшей конкуренции за поисковый трафик (а значит, за целевую аудиторию, заказы и продажи) выживает самый лучший. Всё по Дарвину.


Проиллюстрируем это доступным пониманию примером.


Давайте возьмём какой-нибудь многострадальный подопытный сайт, хотя бы упоминавшийся ранее http://selfwriter.info/ и визуально прикинем, сколько должно быть таблиц со сколькими строками и ячейками в шаблоне его дизайна.


Прикинули?


Теперь что в шаблоне реально есть:


<body>
<div id="selfwriter">
   <div id="header">
      <div class="domain">Self Writer.info</div>
   </div>
   <div id="main">
      <div id="center">
         <div id="content">
            <div class="img_y"></div>
            <div class="img_x titlecontent">$title</div>
            <div class="clear"></div>
            <div class="wa">$content</div>
         </div>
         <div id=left>
            <div class="img_y"></div>
            <div class="img_x titleleft">Навигация:</div>
            <div class="clear"></div>
            <ul class="nav">$nav</ul>
            <div class="em"></div>
            <div class="img_y"></div>
            <div class="img_x titleleft">Сервисы:</div>
            <div class="clear"></div>
            <ul class="nav">$topmenu</ul>
            <div class="em"></div>
         </div>
      </div>
      <div id="right">
         <div class="img_y_right"></div>
         <div class="img_x titleright">Полезные сайты:</div>
         <div class="clear"></div>
         <div align="right"></div>
         $banner_160_600
      </div>
      <div class="clear"></div>
   </div>
   <div class="img_x footer">Copyright © selfwriter.info</div>
   <div class="clear"></div>
</div>      
</body>

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


Порождено это великолепие пытливым умом Сергея Гордиенко http://my-blog.name/gordi/post_1167229220.html - прошу любить и жаловать. А уж блог его почитывайте всенепременно- вдумчивому вебмастеру там есть что взять на вооружение.


И помните: сотворил таблицу? Расстрел на месте!


07 января 2007, 07:57
№ 1Здравый смысл...
 Вадим, в свойственной ему манере, мои заслуги преувеличивает. Таблицы или div-ы, сложный вопрос, в разметке на div-ах, больше логики и меньше HTML. Таблицы для табличных данных. Здравый смысл должен торжествовать;-)
07 января 2007, 09:45
№ 2ult Где тать про div-верстку
Вот этот пост точно для меня, все свои сайты именно на таблицах делаю, а все лень - ни как не могу про эти divы почитать, если не сложно, то подскажите какой-нибудь сайтик, где все доступно было и на практике показывалось, чувствую пора переходить на div-верстку. 
07 января 2007, 10:06
№ 3полюбил дивы
 Буквально 2-3 месяца увлекся DIV'овой версткой и с тех пор начинаю косо смотреть на таблицы - просто ужас, когда заглянешь в код страницы под тип портала. А на дивах просто прелесть - все стили в отдельном файле, который кэшируется браузером, и код минимален - получаются "легкие" паги. Больее того - возможность манипулирования различными блоками страниц особенно впечатляет.
05 июня 2007, 05:32
№ 4Без темы
здравое зерно есть, если человек пришел устраиваться программистом, а не ВЕРСТАЛЬЩИКОМ, то от задания сверстать для разных браузеров, он на вас посмотрит странным взглядом и больше не прийдет, если он конечно что то стоит как программист.
24 июля 2007, 10:12
№ 5Сотворил таблицу? Расстрел на месте !
Я тоже заболел DIVами. Занимательная вещь, и всё (точнее, почти всё) нравиться. Но...
Почему преобладающее к-во сайтов на таблицах? Неужели большинство разработчиков такие тупые и (или) ленивые? Вряд ли. Наверное у "дивных" сайтов не всё так замечательно, как это преподносится их сторонниками.
Может кто подскажет? А то всё как-то однобоко получается...
Комментарии к этой заметке больше не принимаются.

Рейтинг популярности - на эти заметки чаще всего ссылаются:

январь, 2007
пнвтсрчтптсбвс
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