Рассылка закрыта

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

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Август 2006   →
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

Автор

Вадим

Статистика

195 подписчиков
0 за неделю

• Выпуски
• Статистика

←   Все выпуски   →

Секреты рекламы и создания интернет-магазинов Легкая навигация

Секреты рекламы и создания интернет-магазинов    Рассылка сайта Новый Иерусалим on-line Среда, 23 Августа 2006 года (10 Августа 2006 по ст.ст.) Седмица 11-я по Пятидесятнице, Глас первый Успенский пост. Попразднство Преображения Господня. Мчч. архидиакона Лаврентия, свщмч. Сикста папы, Феликиссима и Агапита диаконов, Романа, Римских (258). Блж. Лаврентия, Христа ради юродивого, Калужского (1515). Мч. Романа Воина, римлянина. Греч.: 6000 мчч. Бизинских (Греч.). Легкая навигация Часто, заходя на какой-то интересный (или не очень) сайт можно встретить ряд красивых кнопочек в ряд с надписями на них. Без труда можно догадаться, что это и есть навигационная система сайта. А что непонятного? Вот эта, с надписью "Продукция", наверняка рассказывает чем фирма богата, а вот эта - "Контакты", как с ними связаться. А теперь выключим в настройках браузера показ графики... Рамка... рамка.. Мда... Господа веб-дизайнеры! Помните, что не все пользователи живут в Москве, где и линии хорошие и доступ по диалапу недорогой... Часто пользователь, чтобы сэкономить лишнюю копейку, оградив себя от уймы ненужной рекламы, выключает отображение рисунков в своем браузере. Именно в этот момент возникает вопрос: О чем думал дизайнер, создавая навигацию на сайте с помощью изображений, даже без атрибута alt? Перемещение по сайту осуществляется посредством графических и текстовых ссылок. Говоря о передвижении по сайту, мы подразумеваем дизайн и реализацию навигационной системы, которая обычно располагается наверху, внизу или на одной из боковых сторон веб-страницы (иногда встречаются все три способа расположения навигации на одной странице). Вот пришло время поговорить о достоинствах и недостатках того или иного варианта. Типы ссылок 1. Текстовые ссылки - наиболее простая форма навигации. Обычно это 1-3 слова, которые описывают то, куда приведет данная ссылка. Например: карта сайта, связь с нами, ссылки, гостевая книга и т.д. Преимущества: Высокая скорость загрузки. Читаемость во всех браузерах. Легкая масштабируемость и редактирование. Помогают в ранжировании запросов с поисковых систем. Недостатки: Некоммуникативность (могут быть неправильно истолкованы пользователем). Сложно добиться точного размера (разные браузеры по-разному интерпретируют те или иные величины шрифтов, даже если он задан фиксировано). Что делать: Можно добавить дополнительную информацию (в строку состояния, например) к текстовым гиперссылкам средствами JavaScript (команда OnMouseOver), однако следует иметь в виду, что некоторые сёрферы не очень любят, когда строка состояния не показывает реальные ссылки. К тому же, большинство современных браузеров позволяют отключить строку состояния. 2. Графические ссылки - разобьем их на две категории: графические карты (image maps) и кнопки. 2.1. Графические карты - отдельный графический элемент, разделенный на несколько участков, которые, в свою очередь, являются гиперссылками. Преимущества: Карты могут выглядеть достаточно эффектно. Они удобны для установки одного графического элемента вместо нескольких. Служат довольно сильным средством коммуникации с пользователем. Недостатки: Самый большой недостаток в том, что при отключении пользователем загрузки графики в своем браузере, карта бесполезна! Скорость загрузки графики играет немаловажную роль. Труднообновляемы (скорее всего, придется переделывать всю карту). Пользователи иногда должны "поиграть мышкой", пытаясь найти ссылку. Для поисковых машин картинка мало что значит... Кроме того, красивую карту сделать довольно сложно... Мысли: Правильно сделанные карты могут заставить пользователя "ахнуть" при заходе на сайт. Однако, вы НЕ МОЖЕТЕ полагаться на карты изображения, как на единственное средство передвижения по сайту. На некоторых сайтах я стал жертвой графических карт, пытаясь найти ссылки, и больше туда не вернулся... Также, ожидать карту размером в 100КБ - самоубийство. Это явно не поможет привлечению посетителей на сайт. Я советую использовать их очень осторожно, где это необходимо, или не использовать вообще. 2.2. Графические кнопки Преимущества: Привлекают внимание пользователя (не всегда конечно). Могут быть более описательными (визуально), нежели простые текстовые ссылки. Могут дать визуальное ощущение пользователю где он находится в данный момент (то есть кнопка для текущей страницы слегка отличается от других кнопок). Более гибки, чем графические карты. Более быстрая загрузка, чем у карты. Нет необходимости "нащупывания" ссылок. Недостатки: Время загрузки. Часто, кнопки менее описательны (наглядны), чем простой текст. Необходимость делать новую кнопку для любых дополнительных разделов сайта. Плохо применимо для больших сайтов. Без ALT атрибутов, незагруженные кнопки не пригодны для навигации. Не очень полезны в достижении высокого положения в запросах поисковых серверов. Мысли: Графические кнопки, содержащие только текст, должны, вероятно, быть заменены текстовыми ссылками, менее загружающими трафик. Помните, что если вы собираетесь использовать OnMouseOver с вашими кнопками, то это удваивает скорость загрузки. Если ваш сайт нуждается в 20 кнопках для навигации, - о графических кнопках можете забыть, вместо этого используйте текстовые ссылки. Использование атрибута ALT для описания ваших кнопок должно быть обязательным! Используйте кнопки для навигации осторожно, только если это действительно требуется. Подробнее >>> Архив рассылки по адресу: osg.prestart.best-hosting.ru Пишите нам: mags05@mail.ru ICQ: 340597008 Надежные серверы и графические станции на платформе Intel (Xeon) и AMD различного назначения. Большой выбор моделей. Сборка конфигураций на заказ. Трехлетняя гарантия, сервисное обслуживание серверов с выездом к Заказчику. Бесплатная доставка. Новый Иерусалим on-line: Все о Ново Иерусалимском монастыре, фотогаллерея, доска православных объявлений (знакомства, трудоустройство и др.), расписание автобусов и электричек, православный чат, схема проезда до монастыря, форум, православный интернет редактор - окажет профессиональную помощь в поддержке Вашего сайта любой тематики (возможно постоянное сотрудничество) и много другой полезной информации. Приглашаем рекламодателей размещать текстовую рекламу в виде статей, обзоров и новостей в наших рассылках и сайтах - более 27 575 подписчиков. Заявки присылайте по почте и ICQ 340597008. Подробнее здесь>>> Подпишитесь на другие наши рассылки Рассылки Subscribe.Ru Секреты рекламы и создания интернет-магазинов Скидки, подарки, призы... 1С и электронная коммерция Серверы, сетевое оборудование, тесты, характеристики, советы Рукопашный бой для девушек – выживание, психология, самозащита! Милосердие. Чем ты можешь помочь ближнему. Православные знакомства. Здоровый образ жизни. HTMLTEXT SMSPALM КОИ-8 Латиницаwindows

---

В избранное

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти"> <!--</a>--> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div> <!-- <div class="gray_bg register_shadow"></div> --> </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br />  <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}