Оценить верстку главной на ap42.ru

[aTei]

Взялся довести верстку до кроссбраузерного состояния, но открыв исходники понял что легче с нуля переписать. Переписал.

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

Известные проблемы:

- не юзабельно без JS (не знаю решения)

- CSS файл не оптимизирован (знаю решение)

- в IE6 при входе на страницу не показывает флеш (не знаю решения)

[psywalker]

Не понравилось то, что свёрстано таблицей, дальше смотреть не стал.

[Justnewone]

Ненавижу дорвеи, особенно такие вот бессмысленные, да еще и "пропустить заставку" в FF не отработала.

Зачем 2 дублирующих навигации?

Как сами-знаете-кто говорит, дешевые 3Д эффекты это уг и в этом я с ним согласен на все 100%. Лучше сфотографировать кожу, тут без источника освещения все теряет свысл, особенно прострочка, вид ниток в ней - я аще молчу.

[Great Rash]

Код невалиден и не соответствует доктайпу. Таблицы там где они не нужны. Заставка которая нафиг не нужна...

Вешать class на заголовки это, по моему, вообще финиш...

[aTei]

@PsyWalker, только рамки, которые сделаны картинками через таблицы. Пробовал через 3 дива свехру, 3 снизу, но не знаю что делать с левым правым краем - поэтому решит это сделать таблицами.

@Justnewone, не знал что это дорвей, сам к ним негативно отношусь. "Пропустить заставку" уже после меня кто-то дописывал.2 дублирующие навигации со стороны юзабилити, да и обычной логики - полная лажа, но заказчик сказал "переделать чтобы выглядело также".

[psywalker]

@PsyWalker, только рамки, которые сделаны картинками через таблицы. Пробовал через 3 дива свехру, 3 снизу, но не знаю что делать с левым правым краем - поэтому решит это сделать таблицами.

Подумай, как можно всё переверстать на дивах. А потом возьми и переверстай.

[Yahoo!]

Кстати, графику отключи и посмотри, что получится, задай для боди серый цвет и пропиши alt для логотипа и кинь логотип в заголовок 1-ого уровня. Может попробовать сам контент в em'ах задать, а то при увеличении, сайт неадекватно ведёт себя (как бэ пожирает сам себя=)). Таблицы ппц 8) Ах да, зачем футер в коде ставить вторым??

Edited February 5, 2010 by Yahoo!

[aTei]

@Yahoo!, без картинок и em знал, но почему-то не сделал ~_~

Лого в <h1> не ставят, с SEO соображений.

Таблицы - зло, понял

<tfoot> ставится вторым — стандарт w3 (желающие могут переставить его после <tbody> и проверить на валидаторе).

@psywalker, появилась идея как сделать без таблиц. Подскажи, если что-то не так.

<div class="conteiner">
  <div class="tl"> </div>
  <div class="tm"> </div>
  <div class="tr"> </div>

  <div class="ml"> </div>
  <div class="content"> </div>
  <div class="mr"> </div>  

  <div class="bl"> </div>
  <div class="bm"> </div>
  <div class="br"> </div>
</div>

t - top, b - bottom, l - left, r - right, m - middle.

Для tl, tr, bl, br задаю высоту и ширину.

Для ml, mr - ширину и 100% высоту

Для tm, bm - ширину 100% и высоту

Для всех задаю свои background-image и использую 3 спрайта (верх и низ, лево и право, углы).

Edited February 6, 2010 by aTei

[psywalker]

@psywalker, появилась идея как сделать без таблиц. Подскажи, если что-то не так.

<div class="conteiner">
  <div class="tl"> </div>
  <div class="tm"> </div>
  <div class="tr"> </div>

  <div class="ml"> </div>
  <div class="content"> </div>
  <div class="mr"> </div>  

  <div class="bl"> </div>
  <div class="bm"> </div>
  <div class="br"> </div>
</div>

t - top, b - bottom, l - left, r - right, m - middle.

Для tl, tr, bl, br задаю высоту и ширину.

Для ml, mr - ширину и 100% высоту

Для tm, bm - ширину 100% и высоту

Для всех задаю свои background-image и использую 3 спрайта (верх и низ, лево и право, углы).

Нормал, так и делай.

[Yahoo!]

Лого в <h1> не ставят, с SEO соображений.

Почему? Тогда замути подмену текста изображением. Не знаю, в моём сознании отпечаток - h1 - название сайта.

[aTei]

@Yahoo!, тут дело не в том. <h1> можно использовать один раз на страницу. Для примера, возьмем информационный сайт. Мы зашли прочитать какую-то статью.

1. Обратимся к логике. Что на странице статьи должно быть в <h1>? Название статьи.

2. Обратимся к SEO. Когда страница со статьей будет более релевантна для поисковика? Тогда, когда у нее в <h1> название сайта или когда в <h1> название статьи?

3. Вариант "название сайта в <h1>" подходит только в случае если весь сайт оптимизируется под один конкретный ключевик или для поднятия в поисковиках только главной страницы сайта.

[Gemmer61]

...выстреЛИЛИ...

[LunatiK]

Ыг, просочилось: <?php echo 'by nee';?>