Вадим

Все. При чем даже в Safari3 Может мне лучше сайт закинуть на домен да показать?

Уже пробывал, и сейчас попробывал. Ничего не изменилось. Картинка висит на месте.

Друзья, привет. Оч нужна помощь. В общем не могу убрать изображение background у первого списка li меню ul. Также неполучается сделать padding: 0; Вот сам код: <div id="tpl_main_menu"> <ul> <li class="no_style"><a href="otdih.html">Отдых</a></li> <li><a href="apartamenti.html">Апартаменты</a></li> <li><a href="priroda.html">Природа</a></li> <li><a href="kontakti">Как добраться</a></li> </ul> </div> И сам css #tpl_main_menu { text-align: center; margin: 0 auto; width: 635px; } #tpl_main_menu ul { padding: 0; margin: 0; list-style: none; } #tpl_main_menu li { display:-moz-inline-stack; display:inline-block; _overflow:hidden; zoom:1; *display:inline; } #tpl_main_menu li a { display: block; padding: 5px 0px 0px 62px; background:url(../img/li.gif) no-repeat 12px 4px; color: #003388; margin-right: 2px; } #tpl_main_menu .no_style { background:none; padding:0; } Задача меню состоит в том, что блок tpl_main был отцентрирован по горизонтали. А первый пункт меню не должен содержать картинку-разделитель (.no_style).

background: url(system/pic/input.gif) #000 no-repeat 50% 50% fixed; так должно сработать

согласен. отредактировал

Наверное не прав, но ошибки здесь нет.

Firefox Opera Google Chrome Safari Avant Browser Netscape Navigator Flock Maxthon SeaMonkey Galeon Epiphany Kazehakase Charon Arachne Konqueror K-Meleon Alynx ELinks Links Lynx Netrik W3M Источник: http://ru.wikipedia.org По сути вам нужно скачать Mozila, MultiIE и Opera. Тестировать для телефонов можно с выключенным js и css.

Пример 1. HTML <ul id="list"> <li><span>11</span> <a href="#">CSS</a><br /></li> <li><span>20</span> <a href="#">HTML</a><br /></li> <li><span>35</span> <a href="#">jQuery</a><br /></li> <li><span>62</span> <a href="#">JavaScript</a><br /></li> </ul> CSS ul#list {list-style:none;width:320px;} #list li {background:url(botline.gif) repeat-x 0 0.85em;} #list li a {float:left;background:#FFF;padding: 0 4px 0 0;} #list li span {float:right;background:#FFF; padding 0 0 0 4px;} #list li br {clear:both;} Где botline.gif собственно нижнее подчеркивание (см. пример). Источник: http://www.art-shok.ru/css/menyu-v-vide-kn...vleniya-na-css/ Пример 2. HTML <div id="wrap"> <div class="inner"> <dl> <dt>Dish 1</dt> <dd><em>Lorem ipsum dolor sit amet </em></dd> </dl> <dl> <dt>Dish 2</dt> <dd><em>In porta nisl id nisl varius ullamcorper</em></dd> </dl> <dl> <dt>Dish 3</dt> <dd><em>Suspendisse augue mauris, mattis ac, commodo quis, lobortis vel, mauris. Etiam dolor neque, iaculis sit amet, tincidunt nec, elementum ut, lorem.</em></dd> </dl> <dl> <dt>Dish 4</dt> <dd><em>Donec sed felis sit amet risus</em></dd> </dl> <dl> <dt>Dish 5</dt> <dd><em>Maecenas ante. Suspendisse pharetra, metus in tempus egestas, purus ante pellentesque purus, at gravida metus elit nec nunc. Etiam ante ligula, porttitor et, euismod commodo, pulvinar id, pede. Curabitur et magna. Vestibulum leo nibh, viverra sed, imperdiet non,</em></dd> </dl> <dl> <dt>Dish 6</dt> <dd><em>Etiam ante ligula,</em></dd> </dl> <dl> <dt>Dish 7</dt> <dd><em>Fusce condimentum</em></dd> </dl> <dl> <dt>Dish 8</dt> <dd><em>Morbi nibh velit, sodales eu</em></dd> </dl> <dl> <dt>Dish 9</dt> <dd><em>Etiam ante ligula,</em></dd> </dl> <dl> <dt>Dish 10</dt> <dd><em>Fusce condimentum</em></dd> </dl> <dl> <dt>Dish 11</dt> <dd><em>Morbi nibh velit, sodales eu</em></dd> </dl> <dl> <dt>Dish 12</dt> <dd><em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta nisl id nisl varius ullamcorper.</em></dd> </dl> </div> </div> CSS * {margin:0;padding:0} #wrap{ width:500px; border:1px solid #eff2df; margin:0 20px; background:#809900; } * html #wrap {width:502px;w\idth:500px;} #wrap .inner{ padding:20px 40px; border:1px solid #4c7300; position:relative; left:-2px; top:-2px; background:#eff2df; color:#4c7300; width:418px; } * html #wrap .inner{width:500px;w\idth:418px;} #wrap dl{ position:relative; width:100%; border-bottom:1px solid #eff2df; } #wrap dd{ line-height:1.2em; position:relative; padding:0 5em 0 0; text-align:left; border-bottom:1px dotted #000; clear:both; margin:0 0 .4em 0; min-height:0; } * html #wrap dd{ border:none; background: url(dotted-leader.gif) repeat-x left bottom; height:1%; } #wrap dt{ background:#eff2df; padding:1px 0 1px 5px; color:#809900; position:absolute; bottom:0px; right:-1px; z-index:99; } #wrap dd em{ margin:0; position:relative; top:.25em; padding:0 5px 0 0; background:#eff2df; Если вы посмотрите на стандартное ресторанное меню (или рецепт), там слева расположены названия блюд, за ними идет пунктирная линия до правого края, где расположена цена этого блюда. Источник: http://www.web-utils.net/css/recipe-menu

<div id="pentax"><a href="http://pentax.vpv.mcdir.ru">Pentax K200D Kit</a></div> может стоит h1? Тогда для SEO будет лучше.

htc оч сильно тормозит броузер. лучше js. var bgsleight = function() { function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } function fnLoadPngs() { var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, ''); var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5); for (var i = document.all.length - 1, obj = null; (obj = document.all[i]); i--) { if (itsAllGood && obj.currentStyle.backgroundImage.match(/\.png/i) != null) { fnFixPng(obj); obj.attachEvent("onpropertychange", fnPropertyChanged); } } } function fnPropertyChanged() { if (window.event.propertyName == "style.backgroundImage") { var el = window.event.srcElement; if (!el.currentStyle.backgroundImage.match(/x\.gif/i)) { var bg = el.currentStyle.backgroundImage; var src = bg.substring(5,bg.length-2); el.filters.item(0).src = src; el.style.backgroundImage = "url(../img/blank.gif)"; } } } function fnFixPng(obj) { var bg = obj.currentStyle.backgroundImage; var src = bg.substring(5,bg.length-2); obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')"; obj.style.backgroundImage = "url(../img/blank.gif)"; } return { init: function() { if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) { addLoadEvent(fnLoadPngs); } } } }(); bgsleight.init(); Пример хороший, но работает только для background. Drew McLellan

Элемент по центру страницы с помощью div и css нормальным способом можно получить только по горизонтали. Можно сказать, что это стандарт. Если вы хотите сделать сайт в центре страницы, то вам придется использовать отрицательные значения в основном блоке. В этом случае учитывайте если окно броузера меньше размера вашего основного блока - сайт не влезет, а отображение скрола будет не корректным. Перейдем к практике. Задача: отцентрировать по горизонтали и по вертикали изображение. Решение: img { position: absolute; top: 50%; left: 50%; margin-top: -96px; margin-left: -138px; height: 192px; width: 256px; } Благодаря абсолютному позиционированию мы помещаем изображение куда захотим. Если вы намерены центровать и текст, и изображение, или вовсе весь сайт, заключите весь контент в div. <div id='wrapper'> <h1>Центрирование сайта</h1> <p>Контент сайта</p> </div> #wrapper { position: absolute; top: 50%; left: 50%; margin-top: -240px; margin-left: -320px; height: 480px; width: 640px; } Вы наверное заметили использование отрицательных значения в margin. Из примера высота блока составляет 480px, поэтому margin-top = 480/2= 240. Margin-left = 640/2 = 320. Используем полученные значения со знаком — (минус) для достижения абсолютного центра (см. пример). Стоит учитывать, контент предназначенный для центрирования должен быть небольшим, иначе рискуете потерять пользователей сайта. Кристофер Шмит — CSS. Рецепты программирования. 2-е изд, 2007.

Первый вариант. Замечательный!

http://fc18.deviantart.com/fs9/i/2006/074/...Liandrolisk.jpg вот хороший пример с рамкой.

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

Экспертная оценка юзабилити сайта palitra-oil.narod.ru Фундаментом Сети являются ссылки. Навигация состоит из ссылок: их качество и надежность определяет успех проекта в целом. Человек нажимая на ссылки телепортируется, поэтому условности и обычаи принятые в Сети помогают ему определить где он находится. Представьте, Вы заходите на кухню, а там все верх дном. Вы пытаетесь адаптироваться и как-то это использовать и переходите в столовую, и снова, все наоборот. Именно это испытывает посетитель вашего сайта. Навигация на каждой странице разная (я не говорю о её местоположении), она не подчинена логике и стандартному передвижению. Например, попробуйте с «Главной» страницы перейти в «Новости» - у вас это не получится! А теперь попробуем выйти в раздел «Новые работы» - новая навигация, новая иерархия разделов, другая логика (верх дном). Очевидно, что структуру нужно оптимизировать и привести к одному логическому виду, но прежде нужно понять цель сайта. Немного изучив предметную область. Основная цель сайта — продать продукт. Под продуктом мы понимаем услугу или материальную ценность. Более того, конкурентов у сайта достаточно много, поэтому мы должны учитывать мнения реальных покупателей и seo-специалистов, которые всегда рекомендуют по возможности использовать ключевые слова в навигации сайта. Следовательно, сайт не нужно делить между двумя художниками. Их общая цель — продать продукт. А вот продукт уже может классифицироваться и делиться. Раздел «новости» придумали для того, чтобы часто обновлялась первая страница сайта и таким образом была более привлекательна для ПС (поисковых систем), но это уже давно устарело и есть более эффективные способы продвижения сайта. Более того, могу с уверенностью сказать, что в живописи есть более интересные темы, чем новости (например, авторский блог). Раздел «новые работы» по сути не может существовать как отдельная единца. Ведь остальные картины не стали хуже или дешевле? Раздел «фотогалерея» отлично бы вписался в авторский блог — вот вам и интересно, и красиво, а главное новый тематический контент (для ПС и для людей, которые интересуются живописью). «Гостевая книга» так же, как и новости давно уже изжила себя. Лучше решение коммуникаций — форма обратной связи. Раздел «Ссылки» для вашего сайте делают только отрицательный рейтинг. Об этом можно долго писать, но поверьте на слово, удалите этот раздел с сайта вообще и никогда не используйте подобные приемы раскрутки. Начнем сначала. Структура сайта (навигация): главная страница пленэрная выставка живопись копии графика сюрреализм о нас стоимость обратная свзь (контакты) авторский блог Теперь выделим сервисы: главная страница о нас стоимость обратная связь (контакты) авторский блог Не забывайте, что очень важно показывать пользователю где он и на какой странице сейчас находится. Используйте возможности css для выделения активных пунктов меню. Пользователю нужно понимать на какой странице он находится и куда может перейти дальше. Что такое главная страница? Главная страница — это краткий обзор всего сайта. Основные блоки: назначение сайта; постоянная навигация (глобальная навигация); Блок-анонсы разделов: «О нас», «Обратная связь», «Авторский блог» (периодически обновляемый блок), «Стоимость» и галерея работ (периодически обновляемый блок). Таким образом посетители (клиенты) смогут оценить ваши труды сразу по первой странице, понять кто вы и что из себя представляете, понять ценовую политику и знать как с вами связаться. Поверьте — главная страница сайт как рекламный щит на улице. У вас есть только несколько секунд, чтобы донести всю важную информацию. Не используйте ссылки открывающиеся автоматически в новом окне. Поверьте, если пользователь опытный, то он знает как это сделать самостоятельно. Если пользователь начинающий, то подобные всплывающие окна напугают его и приведут в панику. Хотя, как показывает практика не все пользователи одинаковые. Анализ контента Если вы хотите продать свой продукт, то нужно уметь его рекламировать. В Сети реклама осуществляется с помощью двух вещей: хорошая картинка хороший текст С первым все хорошо. Со вторым нужно работать. Привлекайте копирайтера, который сможет вам составить грамотные тексты. Вам и самим нужно поработать над описание каждой написанной картины. Конечно, можно сказать, что 1000 слов будет мало, но если наша цель продвигать сайт — нам нужны тексты. Основную проблему сможет решить авторский блог. Для продвижения вам потребуются правильные заголовки (title). Задайте себе вопрос: «я продвигаю Palitra-oil или все же купить картину, продажа картин, копии картин»? То, что продвигаете и ставьте первым в title. Более того, необходимо разработать логичные и интересные заголовки. Попробуйте поискать свой сайт по ключевым словам в Google.ru — будь вы покупателем картин нажали бы на свой заголовок? Я думаю нет. Раздел keywords можно уже не использовать. Он давно уже не используется ПС. Составляйте грамотные description. Вы должны кратко описывать человеку, что можно найти на этой странице. Допустим я вас спрашиваю: «о чем эта картина?». Ваша задача кратко и понятно донести информацию, да так, чтобы я захотел её купить. Тоже самое и description, и title. Раздел «Ссылки» уменьшает ваш рейтинг. Вам должно быть известно о PR. Прочитайте подробное руководство Google. Не забывайте, что на бесплатном домене сайт не сможет получить высокого рейтига. 150 руб/мес можно тратить на бизнес в интернете. Анализ дизайна У вас замечательный сайт, но его можно сделать лучше, удобнее и понятнее. В этом поможет дизайн. Проанализируйте, как подобные задачи решали другие люди (например, hunt smith design) Ещё несколько примеров: http://www.homesatedgewater.com/ http://bigsweaterdesign.com/ http://www.siena-online.net/ http://www.pumatalk.com/ http://www.stevengleave.co.uk/ http://www.goblindesign.com/projects.php http://www.webdesignerwall.com/ Спасибо, что дочитали до конца. Надеюсь мои слова помогут. В данном посте не было задачи обидеть автора или как-то унизить достоинство третьих лиц.

Экспертная оценка юзабилити сайта violet-pro.ru Структура сайта простая и понятная. Глубина системы навигации не превышает 3 уровней. Однако, в зависимости от точки входа, навигация не изменяется. Это приводит к путанице пользователя и к наличию неполной информации. Допустим я нахожусь на странице http://www.violet-pro.ru/repert_poprus.html (Главная страница > Репертуар > Популярная муз.заруб.исполнителей). Здесь очень сложно отличить локальное меню от глобального. Поэтому совершенно логично, что пользователю совершенно не понятно где он находится и куда ему нужно двигаться. Это похоже на лабиринт в магазине: вы заходите, выбираете нужный товар, а купить и тем более выйти у вас не получается. Дизайн сайта простой, но не доступный. Поэтому сложно привлечь внимание к основным аспектам. Рассмотрим главную страницу: Логотип находится не на своем месте, сливается с фоновой картинкой (руководство по созданию правильных логотипов: здесь, здесь, и вот здесь). Навигация содержит не контрастные цвета по отношению к цветовой палитре сайта, из-за этого определить местонахождение на сайте достаточно сложно, а точнее невозможно. Достаточно объёмная информация в текстовом виде, однако смысловой нагрузки не несет. Давайте отделять мух от котлет. Что такое главная страница? Эта страница на которую выводится наиболее важная информация и наиболее интересные и содержательные анонс-блоки. Для этого у сайта достаточно контента, например профессиональные фотографии, содержательное описание, видео и музыка. Выше писали, что необходимо сделать со шрифтами. Поддерживаю. Изучите руководство: http://www.seo-copywrite.ru/articles/15/ и http://www.seminars.ru/free/Organizatsiya_...dlya_sayta.html Глобальная навигация хорошая, но недостаточно информативная и логичная. Учитывать SEO, нужно опираться на ключевые слова. Я задумался над разделом «Ди-джей», лучше назвать «организация праздников» и в этом разделе рассказать об услуге, преимуществах и ценах. Форум вам не нужен, лучше разработайте on-line заказ. И так далее. Анализ контента и ключевых слов. Используйте уникальные заголовки и описания для каждой страницы. Заголовки типа «Репертуар Violet» не пойдут. Представьте, что эту страницу нашли в Google. Разве вы бы сами нажали на такой заголовок, если бы искали живую музыку на праздник? Итак, посмотри запросы в Яндекс.Директ: запрос/ищут из Самары/ищут в Самаре Проведение праздников/138/25 организация праздников /303/ 84 организация свадьбы /107/ 17 корпоративный отдых /25/ 11 корпоративные праздники /90/ живая музыка /45/ 19 живая музыка свадьба /7/ скрипачка /16/ музыкальные коллективы /26/ 7 Исправьте грамматические ошибки на странице http://www.violet-pro.ru/collegi.html Привлекайте к работе над текстами копирайтера. Много лишних слов, маленькая эффективность от ключевых слов. При условии планирования продвижения сайта через ПС(поисковые системы) рекомендуется использовать меню глобального/открытого типа (все разделы видны в одном списке или названия разделов содержат ключевые слова). Примеры подобной реализации можно посмотреть на http://www.akterov.net/, http://zagigay.ru/, http://www.teatr-pr.ru/. Так же подобный подход более универсален с точки зрения юзабилити. Пользователь имеет возможность оценить объем и доступность информации сайта ни прибегая к лишним движениям. Анализ дизайна Личная рекомендация автору уделить 50 часов для изучения сайтов схожей тематики. В будущем они же ваши конкуренты. Таким способом возможно в действительности оценить что работает на пользователя, а что против него. Составьте список особенностей предоставляемых сервисов, размер главной страницы, количество загружаемых баннеров и ключевой информации, наличие интерактивности. Так же составьте таблицу ключевых слов, проверьте позиции ваших конкурентов и используйте полученные данные при написании кода страниц. Подробно изучите руководство Google. Изучите популярные сайты вашей тематике (анализируйте дизайн): http://www.metzlerviolins.com/ http://www.holidayorganization.com/home.htm http://www.treda.ru/ http://www.ls-live.ru/ (оцените саму идею. Вы можете также использовать профессиональную фотографию и асимметричную верстку xhtml). http://www.mart-show.ru/ http://www.acclamation.ru/ http://www.teatr-pr.ru/ http://zagigay.ru/ http://www.akterov.net/ www.volga-volga.biz Не советую переживать по оценке дизайна, так как примерно половина населения планеты не переносит красный цвет и в то же время остальная половина любит зеленый. Очевидно, что угодить всем не возможно. Просто придерживайтесь к правилам дизайна. Часто так бывает, что мы хорошо видим идею, но реализовать её не способны. Для этого придумали шаблоны. Нет ничего зазорного их использовать. Многие web-студии мирового уровня уверенно говорят, что их сайты на 80% состоят из шаблонов. Поэтому для вас я подобрал несколько наиболее близких шаблонов по стилю и структуре: http://www.templateyes.com/html-templates/045.htm http://www.templatesbox.com/premium-templa...template468.htm http://www.templatesbox.com/premium-templa...template422.htm http://www.templatesbox.com/premium-templa...template324.htm http://www.templatesbox.com/premium-templa...template259.htm http://www.templatesbox.com/premium-templa...template245.htm http://www.linktemplate.com/Templates/Html/Red/1418.html http://themebot.com/website-templates/html...4784-sparkbb007 http://themebot.com/website-templates/html...655-floral-pink http://themebot.com/website-templates/html...es/4307-blueweb http://themebot.com/website-templates/html.../4127-red-music http://themebot.com/website-templates/html...ates/1966-bread http://themebot.com/website-templates/html...3-white-flowers http://www.templatesbox.com/premium-templa...template288.htm http://www.templatesbox.com/premium-templa...template189.htm Анализ кода Вы - дивист и классист! Вам нужно больше узнать об xhtml и css. Изучайте руководство w3c. Если вы думаете о продвижении сайте через ПС (поисковые системы), то вы должны понимать две вещи: 1. код сайта должен быть минимальным; 2. контент должен быть информативным, уникальным и интересным. Спасибо, что дочитали до конца. Надеюсь мои слова помогут. В данном посте не было задачи обидеть автора или как-то унизить достоинство третьих лиц.

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

Молодец! Хороший сайт. Теперь, чтобы я доработал: Логотип - ссылка на главную страницу. Шрифты не в px указывать, а в относительных размерах (чтобы человек, который плохо видит мог в IE нажать вид>размер шрифта>большой). В нормальном состоянии шрифты лучше делать 14px/1.5 Привлечь копирайтера и сделать тексты короче и понятнее. На главной в области картинки есть ссылки. Их не нужно было делать кнопками. Лучше пусть картинка содержит кнопки, а текст через absolut поместить сверху и сделать его underline при фокусе. На главной: телефон и факс чуть ниже, чем надо по отношению к булету. Поднять на пару px. Фон за картинкой ты сделал 1px линией и потом растянул. Молодец. Только линия то не оптимизирована. Тут два варианта: или пересохранить в лучшем качестве или заново открыть исходник дизайна и скопировать более удачный фон. Это может быть не 1px по width, а допустим все 20 или даже 40. Результат окажется более лучшим по графике. Используй png. На главной человек с каской. Каску поднять выше - она закрывает глаза. Плохая эмоция. Если хочешь продвигать сайт (а я считаю, что если сайт делается на html, то его надо продвигать), то добавь немного текста на главной и напиши хорошие title на всех страница, не забывая о description. См. руководство google. Создай ico. Отключи в Oper'e изображения и попробуй использовать сайт. Половины навигации нет. Вы можете не согласиться, я лишь высказываю свое мнение. Надеюсь никого не обидел.

Замечательный сайт!

background-attachment: scroll; - установлено по умолчанию. В этом и проблема, что мне нужен scroll, а он не срабатывает.

#contentprice { position: relative; width: 630px; height: 480px; background-color: black; border: 6px solid #fff; overflow: scroll; overflow-x: hidden; background: url(../img/price.jpg) no-repeat 0 0; } Div со скролом. Фоновое изображение высотой в 1000px. Когда начинаешь прокручивать скрол, то в Opere и им подобным изображение принимает fixed. Т.е. прокручивается сама информация, а фоновое изображение стоит на месте. В IE таких проблем нет. Как это можно решить?

Экспертная оценка юзабилити сайта business-pmr.com ?Привет, Гость? - первое, на что обратил внимание. Начнем с того, что правила семантики никто не отменял (Гость ? это не имя, поэтому писать необходимо с маленькой буквы), а закончим тем, что все же анализируем бизнес-справочник - не используйте американские обычаи у условности. Существует язык дипломатии и уважения, поэтому необходимо удалить ?Привет, Гость?. Сейчас на дворе 2008 год и приветствия, так же как и инструкции, не актуальны. Можно использовать альтернативный текст, типа ?авторизация?, ?регистрация?, ?вход?, ?вход для клиентов?. Если функция входа предназначена для пользователя, а не для клиента, то что получит пользователь при регистрации, какая цель регистрации, зачем ему это нужно? На все эти вопросы данная форма не содержит ответов. Если же функция входа предназначена для клиента (что более логично), то нет необходимости выводить форму на всеобщее обозрение. Достаточно предоставить клиенту адрес входа, логин и пароль на карточке или указать информацию в письме. Изначально, когда открыл сайт, основной контент состоял из списка преимуществ для директора фирмы, спустя 30 минут сайт содержит на первом месте список преимуществ для пользователя, на втором для директора ? все это визуальный шум. Давайте рассуждать трезво не думая о маркетинге или ПС (поисковой системе). Если на сайт попал пользователь, то что он ожидает увидеть? Наверное список фирм, или как это часто бывает, список услуг. Конечно, первая страница может содержать список преимуществ, но не для директора. Очень распространенная ошибка считать целевой аудиторию сайта директоров фирм и их менеджеров. Ваша целевая аудитория ? это люди, которые зашли на ваш сайт. Более того, это не ваши пользователи, а люди, которые ищут конкретную услугу и товар. Эти люди могут экспортироваться из ПС, каталогов, рекламы. Очевидно, что не все смогут прочитать первую страницу. А будут ли они это делать? В действительности сегодня Сеть используется на высокой скорости и люди стали так быстро просматривать страницы, как это позволяет их модемное подключение. Поэтому одно из мнений ? списки преимуществ это общая болтология, которая отвлекает пользователя от основного контента. Подобным ?похвалам? место в контактах или в разделе ?о проекте?, туда же можно отнести и коммерческое предложение с преимуществами для директоров и руководителей фирм. В случае, когда список преимуществ необходим принципиально, то лучше всего его оформлять в вертикальном положении с четкими пунктами: 1.что-то интересное, 2.немножко подробнее, 3.мы работаем для вас. Используйте такой список с количеством пунктов от 2 до 4 (пример essential.com). Текст одного пункта может превышать длину одной строки. Так же не рекомендуется использовать сторонний рекламный баннер для разделения информационных блоков. Очень печально, что фирма получая денежное вознаграждение от фирм-заказчиков зарабатывает на своих посетителях. Основная навигация, меню типа ?хлебные крошки?, основной контент: требует кардинального редактирования. Начнем с контента (в нашем случаи это список преимуществ). Современная подача информации базируется на том, что пользователь просматривая страницу натыкается на наиболее интересный блок и жмет по ссылке. Например, когда читал текст, хотелось разместить объявление, поэтому интуитивно нажал на слово ?РАЗМЕСТИТЬ?. Увы это не ссылка, хотя похожа на не?, и не подчеркнутая. В общем пора уже отходить от бесполезных текстов, которые никто не читает, кроме ПС. Позвольте вашим пользователям управлять сайтом, а не на оборот. Меню типа ?хлебные крошки?. Почему разделители используются в виде картинок. А те, кто просматривает Сеть в режиме отключенной графики не люди? Более того, меня всегда удивляла интерпретация зоны RU подобного типа меню. Вы действительно думаете, что именно в этом месте пользователь ищет информацию о том, где он находится по отношению к главной страницы? Я думаю стоит зайти на сайт about.com/newsissues и посмотреть как правильно использовать меню данного типа. Основная навигация. Навигация ? это фундаментальная основа всех основ Сети, так же как и доступность ссылок. Данная навигация не помогает мне определить мо? место нахождение и не дает четкого описание пунктов, лишь заставляет думать больше, чем это положено. Например используйте цвет для выделения пункта меню в котором я нахожусь (id=?self?) и используйте условности и обычаи, которые устоялись. Так же не позволяйте совершать пользователям лишнюю нагрузку на сервер; если пользователь находится на главной странице, то он не должен получить возможность нажать на ссылку "ГЛАВНАЯ". Если функция поиска всегда называлась поиск, то зачем е? переименовывать в ?Найти!?? Зачем человеку, который ищет конкретный товар и услугу, нужна информация о тарифах, ресурсах, сотрудничестве? Если у фирмы данного сайта есть менеджеры, которые занимаются подбором фирм для справочника, то информацию для директоров фирм на сайте ? избыточность. Так же реализация третьей колонки лишняя. Убрав е? ? увеличится акцент на основном контенте и повысится доступность информации. Форма входа, кол-во человек на сайте, полезные мысли, рассылка ?Б-И?, наш опрос ? это все показатель низкого качества работы менеджеров и разработчика концепт-версии протосайта. Так же визуальный шум присутствует в месте для счетчиков. Поверьте, достаточно 2 счетчиков, чтобы получать достоверную статистику. Выводить баннер о валидности документа ? не актуально. Разница в странах; за рубежом ? это призыв использовать дизайнеров стандарты, в России ? хвастовство. Однажды клиент сказал, что данный баннер предназначен для менеджеров, которые публикуют новости через CMS: они после публикации нажимают на этот значок, видят ошибки которые не способны идентифицировать и закрывают окно. Надеюсь в Вашей компании такого никогда не будет. Удачи! p.s. впредь не выставляется сайт на обсуждение, который редактируется в режиме реально времени; организуйте площадку для программы тестирования и уходите с дороги. Спасибо, что дочитали до конца. Надеюсь мои слова помогут. В данном посте не было задачи обидеть автора или как-то унизить достоинство третьих лиц.

Экспертная оценка юзабилити сайта mi-company.ru Сайт доступен по всем параметрам при работе в режиме отключенной графики, однако контактная информация (телефоны) не доступны на главной странице. Так же рекомендуется активные закладки более явно выделять дизайном. Пример как это можно сделать с учетом вашего дизайна можно посмотреть на mebeletasmajas.lv/lv/ Подобная проблема отражается в нижней части сайта: используйте более контрастные цвета при фокусе на ссылке или используйте метод заливки. Так же используйте метод Леонардо для отделения нижней части страницы от основного контента (отчеркивание белого листа голубым цветом, который использовался в заголовке страницы). Вместо блока ?Остались вопросы? более грамотно сделать структурированный блок с тематической фотографией (или без) с поддержкой по телефону, e-mail, icq. Также в ключевых словах указать on-line консультацию ипотечной компании. Тексты требуют профессионально редактированием с исправлением стилистического написания. Представленный текст напоминает аферу. Воспользуйтесь принципом ?покупка в 3 шага?, который обсуждался на сайте maddog-rts9.narod.ru Раздел ?Ипотека? не имеет никакой практической пользы для человека ? ошибка в концепте. Данную информацию можно было бы также бесполезно использовать на главной странице. Раздел ?Банки? избыточен. Данный раздел более целесообразно выводить на главной странице в правильном виде. Раздел ?Инфо? требует переименования с целью пояснения, что за информация содержится в данном разделе. Так же название разделов можно использовать с целью повышения поискового запроса (например, что необходимо знать об ипотеке). Резюме: при правильном продумывании концепции всю представленную информацию возможно разместить в одной странице и сделать е? ключевой точкой отправки клиента за более подробной информацией. Это скажется как на посетителях Вашего сайта, так и на результатах выдачи ПС. Спасибо, что дочитали до конца. Надеюсь мои слова помогут. В данном посте не было задачи обидеть автора или как-то унизить достоинство третьих лиц.

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

Повторюсь: html-версия сайта нужна лишь только тем пользователям, которые не имеют возможности просмотреть flash-версию сайта. В таком раскладе html-версия сайта с помощью robots.txt запрещается индексироваться ПС и как вывод пользователь не сможет попасть на html-версию сайта при поиске через ПС. Такой метод допустим при использовании расширенного маркетинга, когда целевая аудитория складывается из рекламы в режиме off-line. Если же говорить о программном определении возможностей броузера, то такой метод не является запрещенным. Воспользуйтесь манипуляцией defoult.html и index.html в сочетании с правилами в robots.txt. Если же сомнения все же Вас терзают, то обратитесь к технической поддержке ПС.