Интересует ваше мнение

[-=ZzZ=-]

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

А тут пришлось делать все целиком

Взгляните наверняка найдется пара тройка косякоф

Первая моя работа в публичном доступе хочу довести до ума

[rus]

код не отформатированный, а соответственно не читаемый.

[psywalker]

Хочу пожелать удачи тому человеку, который будет разбираться вот в этом:

http://screencast.com/t/3cRHlTJhbY8

[-=ZzZ=-]

Хочу пожелать удачи тому человеку, который будет разбираться вот в этом:

http://screencast.com/t/3cRHlTJhbY8

Код генерится XSLкой поэтому так как есть

Сейчас в большинстве браузеров есть отладчики там все прекрасно читается

Ну даже если не копаться в коде интересует корректность отображения в различных браузерах

[rus]

Ну даже если не копаться в коде интересует корректность отображения в различных браузерах

это вы и сами сможете проверить.

[psywalker]

Ну даже если не копаться в коде интересует корректность отображения в различных браузерах

это вы и сами сможете проверить.

+1, как говорится)

[LunatiK]

Взгляните наверняка найдется пара тройка косякоф

Зачем каждую ссылку оборачиваете ещё и дивом ?

<div class="alpha_cell">
 <a href="?alpha=%D0%91" class="alpha_item">Б</a>
</div>

Когда все эти свойства можно было прописать только для <a>

[DeD_AvToRuTeT]

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

А тут пришлось делать все целиком

Взгляните наверняка найдется пара тройка косякоф

Первая моя работа в публичном доступе хочу довести до ума

А у меня ссылка не открывается =(

[Pashkes]

<div id="head_lnk">
<a class="head_lnk" href="http://www.artexinfo.kz/">Перейти на главную</a>
<a class="head_lnk" onclick="try {this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.artex.kz');} catch(e) {};return false;" href="#">Сделать стартовой</a>
</div>

не лучше

<ul class="head_lnk">
<li><a class="head_lnk" href="http://www.artexinfo.kz/">Перейти на главную</a></li>
<li> <a class="head_lnk" onclick="try {this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.artex.kz');} catch(e) {};return false;" href="#">Сделать стартовой</a></li>
</ul>

Семантика как бы. И зачем давать одинаковые имена id и class?

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

Почему бы лого не сделать так:

<h1 class="logo">
<a href="http://www.artexinfo.kz/" title="ТЕЛЕФОННЫЙ БИЗНЕС СПРАВОЧНИК">БИЗНЕС СПРАВОЧНИК</a>
</h1>

вместо простого <img src="_img/logo_name.png">

Зачем тут id 2

<div id="index">
<a id="index_label">Рубрикатор по алфавиту</a>
</div>

зачем чуть ли не в каждом классе писать?

margin: 0;

padding: 0;

если можно в начале просто написать:

*{
margin: 0;
padding: 0;
}

Edited April 25, 2011 by Pashkes

[-=ZzZ=-]

Ну даже если не копаться в коде интересует корректность отображения в различных браузерах

это вы и сами сможете проверить.

+1, как говорится)

Проверял из под винды IE7 Opera 11 FF Chrome

Все было как надо

а позже случайно попался мне ноут с лимпусом и FF результат "несколько" отличался

[-=ZzZ=-]

Спасибо

Ожидал больше критики

Сам знаю о нескольких недочетах, но о ник никто не пишет (например о том что кнопка назад не работает)

В IE не работает

#left>img {margin:0px;padding:10px 0px;}

#right>img {margin:0px;padding:10px 0px;}

да и text-shadow:

Интересует также общее мнение не только КАКчество верстки

[Searcher]

Общее впечатление: слабая реализация стандарта.

1. "Перейти на главную" - на первой странице не должен быть, потом это лучше заменить иконкой, а еще лучше, если ссылкой на "главную" будет логотип. Это общепринято. Потом я не люблю название страницы "главная". Это ж не по русски. Кто у нас главная? Директор компании? Но это ИМХО.

2. "Сделать стартовой" - пережитки прошлого и плохой тон.

3. Большой диссонанс в размерах шрифтов.

4. В меню кликабельны только слова, а чем значки провинились?

5. Сайт называется "ТЕЛЕФОННЫЙ БИЗНЕС СПРАВОЧНИК", и пункт меню "О компании" не логичен. Либо переименуйте, либо вынесите в шапку ссылкой на издательство.

6. Неаккуратно собран рубрикатор по алфавиту.

7. Заголовок "Рубрики" ведет себя неадекватно при переходах по алфавиту и возвратах.

8. Элементы оформления кружочки используются не по назначению, там стрелочка вниз нужна, а то не понятно это радиокнопка или дерево.

9. При мастабировании Ctrl+ или сужении, когда содержимое начинает выходить за границы - не появляется горизонтальной полосы прокрутки.

10. Контакты в подвале абсолютно не читаемы. Надо нормально отформатировать и структурировать. А в описании компании координат вообще почемуто нет.

11. Тексты отвратительно отформатированы, заголовки липнут к предыдущим абзацам, абзацы никак не разделены, все выровнено "по ширине" (ИМХО - в "по ширине" плохого ничего нет и зависит от ситуации, но "сами знаете кто" утверждает, что так никогда нельзя делать).

[-=ZzZ=-]

Общее впечатление: слабая реализация стандарта.

1. "Перейти на главную" - на первой странице не должен быть, потом это лучше заменить иконкой, а еще лучше, если ссылкой на "главную" будет логотип. Это общепринято. Потом я не люблю название страницы "главная". Это ж не по русски. Кто у нас главная? Директор компании? Но это ИМХО.

2. "Сделать стартовой" - пережитки прошлого и плохой тон.

3. Большой диссонанс в размерах шрифтов.

4. В меню кликабельны только слова, а чем значки провинились?

5. Сайт называется "ТЕЛЕФОННЫЙ БИЗНЕС СПРАВОЧНИК", и пункт меню "О компании" не логичен. Либо переименуйте, либо вынесите в шапку ссылкой на издательство.

6. Неаккуратно собран рубрикатор по алфавиту.

7. Заголовок "Рубрики" ведет себя неадекватно при переходах по алфавиту и возвратах.

8. Элементы оформления кружочки используются не по назначению, там стрелочка вниз нужна, а то не понятно это радиокнопка или дерево.

9. При мастабировании Ctrl+ или сужении, когда содержимое начинает выходить за границы - не появляется горизонтальной полосы прокрутки.

10. Контакты в подвале абсолютно не читаемы. Надо нормально отформатировать и структурировать. А в описании компании координат вообще почемуто нет.

11. Тексты отвратительно отформатированы, заголовки липнут к предыдущим абзацам, абзацы никак не разделены, все выровнено "по ширине" (ИМХО - в "по ширине" плохого ничего нет и зависит от ситуации, но "сами знаете кто" утверждает, что так никогда нельзя делать).

Спасибо замечания

попробую частично оправдаться

1,2,5 пункты требование заказчика

3 Для простого текста используется один шрифт, названия рубрик намерено сделаны мельче, заказчик настаивал чтоб ничего не обрезалось и все помещалось на экране 1024*768

4 Согласен, попробую исправить

6 Что именно с ним не так (виден зазор на стыке ячеек таблицы, не получилось у меня отцентровать блок, пришлось делать таблицей. "неаккуратно" - Вы это имели ввиду )

7 При переходах по алфавиту заголовок рубрики (он же путь - используется как фильтр при поиске) никак себя не ведет, так как пока не выберешь конкретную рубрику в алфавитнике остаешься в старой

10 Делал по макету. Согласен надо-бы цвет потемнее

[Searcher]

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

1,2,5 Если вы хотите добра заказчику, то его надо постараться убедить, что в таком варианте у посетителя сложится плохое впечатление о сайте.

3 Понятно, что разница в размерах шрифтов намеренно сделана, но она СЛИШКОМ большая. Особенно убивает форма поиска! Тут отдельная история.

Во-первых, её размер - это гротеск какой-то по сравнению со всем остальным. Даже логотип тут выглядит лилипутом. Кто решил, что посетительне увидит формы поиска? Зачем гигантизм такой? Почему поиск важнее рубрикатора? Да еще и отрисовано отвратительно с угловатыми закруглениями...

Вторая проблема с этой формой - она выглядит корявой из-за того, что никак ни с чем не совпадает по горизонтали. Она как бельмо на глазу. С логотипом не совпадает, к краям не липнет, она сама по себе. Это не гармонично и вызывает раздражение.

Третья проблема с формой. Слишком близко к логотипу. Её лучше прилепить к правому краю и не давать так близко подходить к логотипу. Ну или просто раза в 2-3 больше расстояние от логотипа сделать.

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

4 Еще почему-то в FF текст в меню прижат к нижнему краю...

6 Да, зазор.

7 Что значит остаешься в старой?! Текст под этим заголовком/путем не соответствует этому заголовку/пути. Где, кто остается? Если я жму на букву, заголовок остается "Рубрики". Почему не сделать "Рубрики > [буква, которую я нажал]"? Если я нахожусь в какой-то рубрике и нажимаю на букву - содержание меняется, а заголовок остается как был - где логика?

10 Дело не столько в цвете, сколько в форматировании. 3 строчки набитых кучей разнородной информации, да еще и пробелы с точками пожалели! Ну почему не сделать хотябы элементарную структуру, чтобы было понятнее:

г.Усть-Каменогоск:

ул. Тохтарова 82-3;

тел.: +7 (232) 25-04-66,

57-00-14;

e-mail: artexu@mail.ru

г.Семей:

ул Шугаева 4, офис 310;

тел.: +7 (222) 52-39-93,

52-33-16;

e-mail: artex_semsk@mail.ru

г.Павлодар:

ул. ген. Дюсенова 108, офис 308;

тел.: +7 (182) 32-02-07,

32-80-96;

e-mail: artex_pavlodar@mail.ru

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

Можно расположить эти три блока контактов не друг под другом, а в одну строку.

[Searcher]

-=ZzZ=-, как там у вас продвигается дело с этим сайтом?

[buddah]

Кроме всего вышеперечисленного есть забавный баг: при наведении на "телефонный бизнес справочник", который судя по коду должен быть ссылкой(но она никуда не ведет, там поломанный тег), курсор меняется на "текстовый"(зачем?), а если нажать - все виснет. Посетители сайта будут в восторге.

Браузер: Google Chrome 11.

Здесь НАСТОЛЬКО все намешано, что очень трудно понять логику автора. Такое ощущение, что Вы лепили куски куда из разных ресурсов.

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

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

p.s. Надеюсь, Вы делаете этот заказ бесплатно, для тренеровки.

Edited May 5, 2011 by buddah

[OlgaNaft]

Чисто внешне довольно оригинально и удобно!

Мне бы понравился такой справочник в моём городе.

[Shift-Web]

Жестоко конечно... Многие изображения стоило обыграть по другому(там четко рипиты просятся) и более аккуратно всё сделать. Кроме див есть ещё куча элементов. Тени на алфавитных указателях отвратительные.

[ShumNo]

Стоит выключить JS и вы ровным счетом ничего не увидите (FF3)

[Shift-Web]

А разве стоит его выключать? ): Вроде мир идёт к более продвинутым приложениям. Графика, эффекты, свистелки-перделки и модные функциональные фичи ...

[ShumNo]

У меня по умолчанию выключен Но те сайты, которые я посещаю и на которых мне нужны свистелки (если они там конечно есть вообще) то все работает как надо. А если я бегаю прыгаю по 100500 сайтам в поисках 1-го предложения или куска текста, то к счастью свистелок не замечаю

[Shift-Web]

У меня по умолчанию выключен Но те сайты, которые я посещаю и на которых мне нужны свистелки (если они там конечно есть вообще) то все работает как надо. А если я бегаю прыгаю по 100500 сайтам в поисках 1-го предложения или куска текста, то к счастью свистелок не замечаю

Окей. У вас он выключен, но если посмотреть с позиции обычного пользователя? Мало ведь кто заморачивается об этом. Сегодня, на многих сайтах просто нечего делать без JS и эта маленькая деталь как бы не сказывается на показтелях "юзабельности" и популярности.

Edited May 30, 2011 by Shift-Web

[ShumNo]

У меня по умолчанию выключен Но те сайты, которые я посещаю и на которых мне нужны свистелки (если они там конечно есть вообще) то все работает как надо. А если я бегаю прыгаю по 100500 сайтам в поисках 1-го предложения или куска текста, то к счастью свистелок не замечаю

Окей. У вас он выключен, но если посмотреть с позиции обычного пользователя? Мало ведь кто заморачивается об этом. Сегодня, на многих сайтах просто нечего делать без JS и эта маленькая деталь как бы не сказывается на показтелях "юзабельности" и популярности.

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

[Shift-Web]

У меня по умолчанию выключен Но те сайты, которые я посещаю и на которых мне нужны свистелки (если они там конечно есть вообще) то все работает как надо. А если я бегаю прыгаю по 100500 сайтам в поисках 1-го предложения или куска текста, то к счастью свистелок не замечаю

Окей. У вас он выключен, но если посмотреть с позиции обычного пользователя? Мало ведь кто заморачивается об этом. Сегодня, на многих сайтах просто нечего делать без JS и эта маленькая деталь как бы не сказывается на показтелях "юзабельности" и популярности.

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

У Гугля есть рекомендации, как сделать AJAX, который он понимает, думаю, со временем, это сможет и Яндекс. С другой стороны, вешать всё на JS, конечно не разумно, но ведь можно продублировать?

Ссылка остаётся ссылкой(т.е. аттрибует href мы никуда не прячем), и при включенном JS отрабатывает функция подгрузки. В принципе даже есть решение с изменением позиции в строке браузера. Например, http://fullajax.ru/. Это исключительно то, что касается индексации. Помимо прочего есть дофигища способов альтернативно указать где лежит контент(RSS, Sitemap, RDF, link rel="" href=""). Собственно всё решается, но это конечно требует немного иного подхода ...