Первая верстка(mdeca)

[Анна]

Вот и моя первая работа.Валидатор вроде прошли,IE6 не рассматривается. В остальных проводниках смотрела, вроде везде нормально. Дайте,пожалуйста, направление, что сделано не так, как надо.

http://www.mdecagroup.com/

Edited September 29, 2011 by AnnaP

[MaferoK]

Думаю многие стили (тем более устаревшие) можно бы было вынести в css

например

<strong>Juice, dried fruit</strong>

Зачем делать одному списку идентификатор а другому класс ?

<ul id="menu"> ,
<ul class="container">

и думаю сильно много заголовков ) на этом форуме меня уже ругали за это , но тут html5 ) и я незнаю правильно это или нет =)

Edited September 21, 2011 by MaferoK

[Анна]

Думаю многие стили (тем более устаревшие) можно бы было вынести в css

например

<strong>Juice, dried fruit</strong>

Зачем делать одному списку идентификатор а другому класс ?

<ul id="menu"> ,
<ul class="container">

и думаю сильно много заголовков ) на этом форуме меня уже ругали за это , но тут html5 ) и я незнаю правильно это или нет =)

<strong> применён не для жирности, а для SEO, т.е на этих словах поставлен акцент для поисковиков.

Это не html5, может и переборщила с заголовками, но не создавать же повторяющийся стиль для данного текста, раз уже заголовки есть, да и опять, как я поняла для SEO заголовки тоже важны. Не знаю, может не права.

[Vlad]

Текст внутри <h3> не стоит обрамлять в <strong>. Разве что для СЕО, но даже для него это спорный момент.

Для меня до сих пор дико, когда внутрь ссылки вставляют заголовок. Вроде всё по правилам, но привыкнуть не могу.

Вместо <div id="footer"> можно <footer> использовать.

[rediskavet]

Для меня до сих пор дико, когда внутрь ссылки вставляют заголовок. Вроде всё по правилам, но привыкнуть не могу.

Ссылку внутрь заголовка ты имел ввиду? т.к. заголовок внутри ссылки как раз не по правилам, вроде. Блочный внутри строчного.

Edited September 21, 2011 by rediskavet

[Vlad]

В HTML5 теперь можно блочный элемент внутрь строчного вставлять.

[rediskavet]

В HTML5 теперь можно блочный элемент внутрь строчного вставлять.

ясно, опять я проморгал что-то.

Но смысл этого нововведения все равно затрудняюсь понять.

[Анна]

Текст внутри <h3> не стоит обрамлять в <strong>. Разве что для СЕО, но даже для него это спорный момент.

Для меня до сих пор дико, когда внутрь ссылки вставляют заголовок. Вроде всё по правилам, но привыкнуть не могу.

Вместо <div id="footer"> можно <footer> использовать.

Да, точно, немного дико, потом поменяю. Футер тоже.

У меня вопрос возник в ходе создания сайта. На второй странице, где продукты, вроде их немного, но на трех языках этот объем увеличивается в три раза и уже многовато. Следует ли применять какой-то другой способ? Вроде на MySQL не тянет, да и поиска по продуктам нет,тогда чем удобнее Ajax-ом?

[Vlad]

Можно SSI использовать, всё ж меньше писать.

[Non Stop]

<strong> применён не для жирности, а для SEO, т.е на этих словах поставлен акцент для поисковиков.

Это не html5, может и переборщила с заголовками, но не создавать же повторяющийся стиль для данного текста, раз уже заголовки есть, да и опять, как я поняла для SEO заголовки тоже важны. Не знаю, может не права

Ни <b>, ни <strong> никакой роли для поисковиков не играют. Это инструмент для визуального оформления текста, для удобства при чтении и не более. Не лепите каждое слово жирным. Для заголовков должна быть осмысленная человеческая структура.

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

<div>
	<div></div>
</div>

Вот такие вещи сразу выкидывайте:

<h4><strong>Grupo de companias Sudamericanas</strong></h4>
 <h4><strong>"Movimiento de Capital"</strong></h4>

верное решение:

тег {font-weight:bold;}

Заголовки по умолчанию идут как жирные.

[Анна]

2Non Stop, я уже писала, что <strong> применён для SEO, а не для жирности. Если тег <b> и является тегом визуального оформления, то тег <strong> является тегом логического оформления.

Как только я убежусь в его ненадобности я их удалю.

Табуляцию учту, спасибо.

[dostel1]

плиз скажЫ как ты сделала направление текста в меню!??

[MadMax]

Это картинки с текстом

Edited September 26, 2011 by MadMax

[Анна]

плиз скажЫ как ты сделала направление текста в меню!??

Да, это просто рисованные картинки, сперва я хотела сам текст так разместить, но потом отказалась от этой мысли, вот ссылки на такой текст может пригодятся:

ссылка1

ссылка2

[dostel1]

пасиб за ccылку

[hedgehog]

2Non Stop, я уже писала, что <strong> применён для SEO, а не для жирности. Если тег <b> и является тегом визуального оформления, то тег <strong> является тегом логического оформления.

а разве пересечение <h1-6> и <strong> не влияет на ранжирование диаметрально противоположно - т.е. негативно? сами по себе эти теги, особенно с присутствием в них ключевых слов, это плюс. но их пересечение - это ухудшение структуры с целью ублажения поисковиков, алгоритмы которых легко вычисляют такое. этот момент освещен в исследованиях на сайте: топэксперт.рф . впрочем, сам я далеко не эксперт и готов выслушать замечания по этому поводу

PS: подписи к флагам плохо видны на синем фоне. по-моему, было бы удобнее, если бы флаги также были кликабельными: интуитивно пытаешься кликнуть флаг, а не едва заметную подпись под ним

[Анна]

а разве пересечение <h1-6> и <strong> не влияет на ранжирование диаметрально противоположно - т.е. негативно? сами по себе эти теги, особенно с присутствием в них ключевых слов, это плюс. но их пересечение - это ухудшение структуры с целью ублажения поисковиков, алгоритмы которых легко вычисляют такое. этот момент освещен в исследованиях на сайте: топэксперт.рф . впрочем, сам я далеко не эксперт и готов выслушать замечания по этому поводу

PS: подписи к флагам плохо видны на синем фоне. по-моему, было бы удобнее, если бы флаги также были кликабельными: интуитивно пытаешься кликнуть флаг, а не едва заметную подпись под ним

Так как алгоритмов поисковиков однозначно никто не знает, то трудно сказать какой эффект это даст. Но я согласна, переборщила с ним(strong-ом). В принципе сам заголовок уже несет в себе его свойства(акцентирование) и повторять их нет смысла.

По поводу флагов надпись сделана для тех, кто флагов не знает(ну и если, вдруг, картинки не отображаться, поэтому и незаметна она),а изначально ссылку так и задумывала делать(на флаге вместе с надписью)вот теперь думаю, почему изменила свое решение? Надо поменять, спасибо.

[liman]

Есть маленькая недоработка в меню. Здесь даже не разметка, а плохо подготовленная графика.

Может глаз у меня слишком острый, но мне сразу это в глаз бросилось.

Плохо совмещены изображения selected ярлыка главного меню с остальными.

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

Штрих 1 - Уменьшаем штрину меню на 1px

ul#menu {

margin-top: 90px;

width: 44px 43px;

}

Штрих 2 - Уменьшаем горизонтальный сдвиг для всех #menu li.XXX a.selected еще на 1px

#menu li.about a.selected {

background-position: -260px-261px -145px;

}

Но учитывая, что в других языках (не инглиш) все ярлыки выглядят несколько иначе. Надо просто перерисовать картинку.

Edited December 2, 2011 by liman

[Анна]

Есть маленькая недоработка в меню. Здесь даже не разметка, а плохо подготовленная графика.

Может глаз у меня слишком острый, но мне сразу это в глаз бросилось.

Я, видимо, там что-то нахимичила, спасибо, обязательно исправлю, там постепенно много чего исправляю в локале, как никак самая первая работа, потом через некоторое время уже обновим.

[paracelso]

- : Графика убогая, много артефактов, цвета примитивны, hover неудобен, семантика на нуле, контраст никакой, логотип ужасен, шрифт плох, табличная верстка подразделов, скрипты без библиотек, тени отвратительны, подчеркивания неверны, структура отсутствует.

+ : Неплохой фон.

Очень достойная работа. Молодец.

[Анна]

2paracelso, над семантикой работаю; логотип,цвета- это от заказчика(а что плохо в логотипе?); шрифт тоже доработаю, до JS и библиотек руки пока не дошли поэтому суррогат там(это, видимо уже намного позже поправлю,).

А вот подразделы чем еще верстать было? По моему там таблица как нельзя лучше всего подошла.

[fragilewelldone]

Я бы флажки тоже ссылкой сделал.

[Анна]

Я бы флажки тоже ссылкой сделал.

В локале это уже исправлено.

[paracelso]

Верстать без таблиц круче, чем верстать с таблицами вроде

А таблицы всегда заменимы