Оцените сайт http://www.my-basket.ru

[DJecka]

Просьба Оценить все!!!!

начал делать каркас сайта http://www.my-basket.ru воизбежание грубых ошибок в дальнейшем, просьба оценить и откомментить ошибки

оцените плз :дизайн, верстку, структуру и тд... и желетельно не просто оценкой,

а дать полезный совет или коммент)))))

Заранее спасибо.

[homm]

Фотка не обтравленна, текст прилип к краям, полно каких-то блоков. Попробовал бы реальную инфу вставить. Я вот не представляю, как бдут выглядеть в жизни ваши новости, которые сейчас аккуртно умещаются на одну строчку. Меню ?Техника? не пропадает когда наводишь на ?История?.

[Иван Шумов]

тема улетит в трэш - читайте правила

[Dimitry Wolotko]

Не улетит.

Немного подредактировал правила.

[DJecka]

Фотка не обтравленна, текст прилип к краям, полно каких-то блоков. Попробовал бы реальную инфу вставить. Я вот не представляю, как бдут выглядеть в жизни ваши новости, которые сейчас аккуртно умещаются на одну строчку. Меню ?Техника? не пропадает когда наводишь на ?История?.

на счет фотки согласен, фотошоп е? так сохраняет... буду пытаться что-то сделать...

на счет текста к краям не совсем понял....

в блоках будут только заголовки новостей с ссылкой на полную новость. инфу пока рано вставлять)))

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

еще вопрос ко всем, можно ли как нибудь сделать, чтобы фильтры (CSS3) работали и в фоксе и в опере???

[homm]

Ага, во всем виноват фотошоп?

чтобы фильтры (CSS3)

Фильтры ? css3 ? о_О

Фильтры уже никогда больше не будут работать в Opera и FF, потому что фильтры ? выдумка больного разума разработчиков ие.

Меню я смотрел в опере. Не пропадает оно около секунды. хотя если нависти на пункт с подменю, пропадает мгновенно.

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

на счет текста к краям не совсем понял...

Текст прилип к краям. Как это можно не совсем понять?

[Emm]

что это за странный логотип, стыриный?

p.s.

Не улетит.

Немного подредактировал правила.

где эти чудо-правила, дайте поглядеть наконец-то!)))

[DJecka]

Ага, во всем виноват фотошоп...

я не виню фотошоп, просто я не могу нормально сохранить....

Фильтры ? css3 ? о_О

Фильтры уже никогда больше не будут работать в Opera и FF, потому что фильтры ? выдумка больного разума разработчиков ие.

Меню я смотрел в опере. Не пропадает оно около секунды. хотя если нависти на пункт с подменю, пропадает мгновенно.

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

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

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

контентом седня вечерком забью, натырю отовсюду ))))))))

Текст прилип к краям. Как это можно не совсем понять?

какой теекст прилип? к каким краям? нужно конкретнее изъясняться... лично я не вижу прилипшего к краям текста, если укажешь какой именно текст к каким краям прилип, то будет уже лучше... (при каком разрешении и в каком браузере??)

[DJecka]

что это за странный логотип, стыриный?

что значит стыриный? у кого интересно?? и почему странный(((((

[homm]

Про текст я говорю почти про весь. Сделай отступы больше, пусть дышит.

Меню так расчитано, чтоб не пропадало несколько сек, это можно изменить, убрать, чтоб сразу проподало, просто часто сталкивался с выпадающим меню, чето смотришь смотришь, нечаянно убрал мышь, оно и пропало

Я это понмаю. У тебя правильно сделана задержка, НО когда ты наводишь на другой пункт меню, предыдущее подменю должно скываться мгновенно, иначе можно не понять откуда оно вообще выпало.

[Dimitry Wolotko]

что это за странный логотип, стыриный?

p.s.

Не улетит.

Немного подредактировал правила.

где эти чудо-правила, дайте поглядеть наконец-то!)))

Прикрепл?нный топик от меня.

[Dimitry Wolotko]

Дизайн убог - даже говорить на его сч?т не хочу.

По коду.

* Title где?

* почему бы картинки left и right не положить фоном?

*

- valign="top" в стили

* Техника нападения - хорошим тоном будет начинать с большой буквы титл.

* style="width: 170px" - в css-файл убрать.

* 13 Apr 2008 Celtics 99, Hawks 89 (F)

- padding и margin отменили?

* излишняя вложенность тегов, аж ппц.

*   - по поводу nbsp прочти тут, зачем тег b в теге b? Кстати, он устарел - strong юзай. И кавычки рекомендую двойные, меньше проблем в будущем будет.

* - это вообще тихий ужас.

*

<div class="rightnews">текст новости текст новости </div>
<div class="rightnews">текст новости текст новости </div>
<div class="rightnews">текст новости текст новости </div>
<div class="rightnews">текст новости текст новости </div>
<div class="rightnews">текст новости текст новости </div>

Почему бы не положить в див, и в стилях рулить примерно так - #rightnews div?

* Обратная связь: [email=zheka92@rambler.ru' >Administrator - мыло шифруй, как вариант, с помощью преобразования в html-сущности - читать http://absolvo.ru/2008-03-31/zashhitit-svoj-e-mail-ot-spamerov-mozhno/' target="_blank]тут.

И пропусти через валидаторы.

[DJecka]

Дизайн убог - даже говорить на его сч?т не хочу.

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

По коду.

* Title где?

нету его ПОКА. это каркас стрницы... тайтл конешно же будет....)))

* почему бы картинки left и right не положить фоном?

ммм фоном... фон слоя это полосочки задние))))) как я эти картинки фоном положу? имхо я сделал легче... если я не прав, посоветуй)))

* - valign="top" в стили

* Техника нападения - хорошим тоном будет начинать с большой буквы титл.

* style="width: 170px" - в css-файл убрать.

* 13 Apr 2008 Celtics 99, Hawks 89 (F)

- padding и margin отменили?

* излишняя вложенность тегов, аж ппц.

*   - по поводу nbsp прочти тут, зачем тег b в теге b? Кстати, он устарел - strong юзай. И кавычки рекомендую двойные, меньше проблем в будущем будет.

* - это вообще тихий ужас.

в стили все загоню потом, это не проблема, большие буквы тоже не проблема... насчет padding и margin это тож не так важно, просто накидал текста....

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

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

как сделать закругленные края без картинок? смотрел много проемов, все похожи, это один из них.

насчет тэга b, он устарел, НО работает как раньше, тэг strong я узаю для поисковиков, тк говорят, он полезнее.....

*

<div class="rightnews">текст новости текст новости </div>
<div class="rightnews">текст новости текст новости </div>
<div class="rightnews">текст новости текст новости </div>
<div class="rightnews">текст новости текст новости </div>
<div class="rightnews">текст новости текст новости </div>

Почему бы не положить в див, и в стилях рулить примерно так - #rightnews div?

* Обратная связь: [email=zheka92@rambler.ru' >Administrator - мыло шифруй, как вариант, с помощью преобразования в html-сущности - читать

валидатор выдал 3 ошибкb (не закрытый тег, 2 и 2 - остутствует альт у картинок) это исправляется элементарно))) так что можно считать валидным. http://validator.w3.org/check?uri=http%3A%...=Inline&group=0

[@ndrey]

По коду:

1. избыточен, не семантичен;

2. куча не нужных классов, представления о наследовании (селекторах потомках ) похоже не имеется;

3. код как на странице так и в стилевой таблице оформлен хаотиче и по сути ужасен, встречаются хаки;

4. встречаются следующие непонятные и ужасные и самое главное - ненужные конструкции:

а)

<div class="ten1">
<div class="ten2">
.....
<div class="block"><h2>блок 4</h2><p class="block">какой то текст текст текст текст текст текст</p></div>

б) меню

<div id="dropmenu1" class="dropmenudiv" style="width: 150px">
 <a href="index2.php?broski" title="броски в баскетболе">Броски</a>

в)

class="dropmenudiv" style="width: 170px">

г) новости

<div class="block"><h2>НБА. Регулярный чемпионат.</h2><p class="block">
<span class="block">
13 Apr 2008 Jazz 124, Nuggets 97 (F)

д)

 margin-left:15px; margin-right:5px; margin-top:5px; margin-bottom:5px;

е) тэг

общая оценка - 2

[Вадим]

Экспертная оценка юзабилити сайта my-basket.ru

При условии планирования продвижения сайта через ПС(поисковые системы) рекомендуется использовать меню глобального/открытого типа (все разделы видны в одном списке). Примеры подобной реализации можно посмотреть на f1news.ru, ecadokmv.ru, dafont.com. Так же подобный подход более универсален с точки зрения юзабилити ? пользователь имеет возможность оценить объем и доступность информации сайта ни прибегая к лишним движениям. Так же на главной странице под глобальной навигацией целесообразно выводить наиболее интересные/последние новости из всех рубрик с ссылкой на подробное описание новости (подобная схема встречается на большинстве современных новостных изданий). Не рекомендуются справа от новостей выводить ещ? какую-то дополнительную информацию в виде блоков ?текст новости текст новости? - все это визуальный шум. Остального на данном этапе оценить не представляется возможности, так как не использованы шаблоны и программы тестирования.

Личная рекомендация автору уделить 30-50 часов для изучения сайтов схожей тематики. В будущем они же ваши конкуренты. Таким способом возможно в действительности оценить что работает на пользователя, а что против него. Составьте список особенностей предоставляемых сервисов, размер главной страницы, количество загружаемых баннеров и ключевой информации, наличие интерактивности и отказоустойчивости. Так же составьте таблицу ключевых слов, проверьте позиции ваших конкурентов и используйте полученные данные при написании кода страниц. Так же не советую переживать по оценке дизайна, так как примерно половина населения планеты не переносит красный цвет и любит зеленый. Очевидно, что угодить всем не возможно ? просто придерживайтесь к правилам дизайна.

Спасибо, что дочитали до конца. Надеюсь мои слова помогут.

В данном посте не было задачи обидеть автора или как-то унизить достоинство третьих лиц.

[DJecka]

Экспертная оценка юзабилити сайта my-basket.ru

При условии планирования продвижения сайта через ПС(поисковые системы) рекомендуется использовать меню глобального/открытого типа (все разделы видны в одном списке). Примеры подобной реализации можно посмотреть на f1news.ru, ecadokmv.ru, dafont.com. Так же подобный подход более универсален с точки зрения юзабилити ? пользователь имеет возможность оценить объем и доступность информации сайта ни прибегая к лишним движениям. Так же на главной странице под глобальной навигацией целесообразно выводить наиболее интересные/последние новости из всех рубрик с ссылкой на подробное описание новости (подобная схема встречается на большинстве современных новостных изданий). Не рекомендуются справа от новостей выводить ещ? какую-то дополнительную информацию в виде блоков ?текст новости текст новости? - все это визуальный шум. Остального на данном этапе оценить не представляется возможности, так как не использованы шаблоны и программы тестирования.

Личная рекомендация автору уделить 30-50 часов для изучения сайтов схожей тематики. В будущем они же ваши конкуренты. Таким способом возможно в действительности оценить что работает на пользователя, а что против него. Составьте список особенностей предоставляемых сервисов, размер главной страницы, количество загружаемых баннеров и ключевой информации, наличие интерактивности и отказоустойчивости. Так же составьте таблицу ключевых слов, проверьте позиции ваших конкурентов и используйте полученные данные при написании кода страниц. Так же не советую переживать по оценке дизайна, так как примерно половина населения планеты не переносит красный цвет и любит зеленый. Очевидно, что угодить всем не возможно ? просто придерживайтесь к правилам дизайна.

Спасибо, что дочитали до конца. Надеюсь мои слова помогут.

В данном посте не было задачи обидеть автора или как-то унизить достоинство третьих лиц.

Спасибо большое Вадим за такую ПОЛЕЗНУЮ и дельную критику. постораюсь учесть и исправить.

[DJecka]

В общем посидел 2 денька, собрался с мыслями, перечитал ваши советы. Смотрите что получилось http://my-basket.ru/

Постарался учаесть большинство советов. Также воспользовался советом и вставил реальную инфу.

Чего я хотел добиться:

1. Чтобы дизайн не отталкивал пользователя (не супер пупер, а простенький средненький дизайн)

2. Резиновая верстка

3. кроссбраузерная верстка

4. стандартная верстка

5. наиболее правильная верстка (вынес все стили во внешний файл)

6. Корректное отображение без картинок

7. корректное отображение без цсс.

8. семантика (не совсем понимаю что это, но имею примерное представление)

Верстка вроде стандартная http://validator.w3.org/check?verbose=1&ur...my-basket.ru%2F воть... CSS тоже можно считать стандартным.. все ошибки из-за фильтров, а отказываться от них из-за ничего не очень хочется.

Пости все имхо получилось.

Есть несколько вопросов. При отключенных картинках подвал залезает под слои в самом низу, не понимаю почему, помогите плз?

Еще в ие6 при сужении окна браузера в шапке правая картинка перескакивает на 2 строку.... исправить не получилось в ие7 все норм и в других тоже....

Еще ника не могу подобрать нужные шрифты, может кто подскажет, какие шрифты можно использовать в моем случае в тех или иных элементах?

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

Также хотелось бы, чтобы знающие люди разъяснили что такое семантика?

Просьба оценить:

0. цветовое решение

1. дизайн

2. верстку

ну если будут еще какие то комметарии, буду очень рад.

[@ndrey]

Jecka ничего вы не учли, все также плохо, разве что стили убрали из кода и таблицу убрали.

Про семантику спросите у гугла, меню оформляйте через списки, в том числе и выпадающее меню, вот вам на это ссылка. Новости оформляйте через

[DJecka]

@ndrey, мой ник пишется не так.

Я исправил фотки, сделал отступы у текста и вставил реальную инфу, это по посту homm'a.

Добавил тайтл, вынес все в стили, избавился от излишней вложенномти. Это мне посоветовал Дмитрий.

Также воспользовался советом: Почему бы не положить в див, и в стилях рулить примерно так - #rightnews div.

Избавился от кучи лишних слоев. И подобрал цветовую гамму.

Ваше замечание по оформлению новостей учту. Я так понял, так логичнее оформлять их!?

Могли бы что нибудь еще посоветовать полезное??

[DJecka]

Jecka Новости оформляйте через

Спасибо, оформил, полезный совет.

Косяк с подвалом исправил, вопрос про шмпку в ие6 при сужении окна все еще актуален... и все остальные тоже.

[Dimitry Wolotko]

Безусловно стало приятней, как по коду, так и по внешнему виду.

Но вс? очень и очень плохо.

Dimitry Wolotko>ping my-basket.ru -t

Ping my-basket.ru [208.113.141.167]:

Timeout.

Timeout.

Timeout.

[Dimitry Wolotko]

Таки-поднялся.

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

Код тоже стал намного чище. Но кое-что осталось:

13 Apr 2008 Jazz 124, Nuggets 97 (F)


13 Apr 2008 Bobcats 107, Pacers 103 (F) 


13 Apr 2008 Celtics 99, Hawks 89 (F) 


13 Apr 2008 Wizards 109, 76ers 93 (F) 



12 Apr 2008 Lakers 107, Hornets 104 (F) 


12 Apr 2008 Kings 103, Trail Blazers 86 (F) 


12 Apr 2008 Spurs 95, Sonics 74 (F) 


12 Apr 2008 Rockets 101, Suns 90 (F) 


12 Apr 2008 Pistons 102, Wizards 74 (F) 


12 Apr 2008 Grizzlies 96, Heat 91 (F)

Ахтунг!

<img src="small.jpg" class="block" alt="" />

Два BR подряд - это моветон.

[DJecka]

Спасибо за коммент.

Народ, хотел спросить как раз на эту тему. На сайте http://my-basket.ru в верхнем блоке с новостями и в левых блоках с последними обновлениями и результатами матчей наблюдается картина, которую показал Дмитрий, в предыдущем посте.

Я понимаю что это не правильно.... В верхнем блоке я решил использовать списки (

• ) для оформления новостей (картинка и заголовок справа от не? в столбик около 3-4 раз.) Хотел бы спросить у народа, какой тег было бы граммотнее использовать в данном случае??? чтобы получилось наиболее семнтично???

я все больше склоняюсь к спискам, может кто посоветует что-нибудь полезное? (все это

как раз заменю)

[Dimitry Wolotko]

Списки.

[DJecka]

Оперативно)) спасибо. исправлю значит.

на счет излишней вложенности тегов? не наблюдается больше такое? старался минимизировать...