Все для начинающих вебмастеров Выпуск 26 (inet.webbuild.ktonanovenkogo) : Рассылка : Subscribe.Ru

Все для начинающих вебмастеров Выпуск 26

HTML для начинающих: создание и работа с HTML формами (теги FORM, INPUT, SELECT, OPTION, TEXTAREA) — часть 1

Показатели продвижения вашего сайта — Google PageRank (PR), тематический индекс цитирования Яндекса (ТИЦ) и Alexa Rank |Часть 1 — ТИЦ Яндекса

Простой способ создания горизонтальных и вертикальных выпадающих меню для своего сайта без использования JavaScript (только с помощью CSS) на сервисе PureCSSMenu

ARTIO JoomSEF — компонент для Joomla, автоматически создающий ЧПУ (человеко-понятные URL страниц сайта) и позволяющий настроить внешний вид страницы ошибок 404 |Часть 1

Статистика

Рубрики

Новости блога KtoNaNovenkogo.ru

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 721 RSS

← Февраль 2010 →
1	2	3	4	5	6	7
8 08.02.2010 01:05:41 01:48:58	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28

За последние 60 дней 8 выпусков (3-4 раза в месяц)

Сайт рассылки: http://ktonanovenkogo.ru/
Открыта: 04-09-2009

Автор

KtoNaNovenkogo

721 подписчиков
-5 за неделю

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

Joomla -- создание сайтов

VirtueMart -- создание интернет-магазинов

Расширения для Joomla

SEO и SMO -- продвижение сайтов

SMF -- создание форумов

Модификации (моды) для форума на SMF

WordPress -- создание блогов

Плагины для WordPress

Обзоры полезных сервисов для вебмастеров

Верстка -- HTML, CSS, PHP, MySql

HTML для начинающих

Заработок на сайте

Инструменты вебмастера

Нужные программы

Хостинг и домены

Здравствуйте, уважаемые подписчики! Приглашаю вас ознакомиться с новыми материалами блога для начинающих вебмастеров - KtoNaNovenkogo.ru

Приветствую вас, уважаемые читатели блога KtoNaNovenkogo.ru.Сегодня в рамках рубрики HTML для начинающих хочу поговорить о такой неотъемлемой составляющей любого сайта, как HTML формы. На каком бы движке не работал ваш сайт, на нем обязательно будут в том или ином виде использоваться HTML формы. Та же строка поиска по сайту создается с использованием тегов форм, а поиск-то на вашем сайте будет обязательно. Поэтому понимание того, как устроены и работают конструкции HTML форм, вам совсем не помешает для успешной работы над дизайном вашего сайта.

Так, с обоснованием необходимости изучения HTML форм я, думаю, вопросов больше не должно возникнуть, поэтому самое время переходить непосредственно к изучению возможных вариантов HTML форм. С помощью различных тегов (FORM, INPUT, SELECT, OPTION, TEXTAREA) и атрибутов HTML форм можно создавать разные элементы сайта, такие как форма поиска по сайту, форма подписки на E-mail рассылку или рассылку новостной ленты RSS вашего сайта. Примеры этих форм вы можете видеть в верхней правой части данного блога. С помощью HTML форм так же создаются различные голосования и опросы, формы для регистрации пользователей на сайте, формы обратной связи (отправки сообщений автору сайта) и многое другое.

Читать дальше про создание и работу с HTML формами с помощью тегов FORM и INPUT

Приветствую вас, уважаемые читатели блога KtoNaNovenkogo.ru. В своих статьях я довольно часто упоминал такие показатели сайтов, как ТИЦ (тематический индекс цитирования) и PR (PageRank). В общих чертах, наверное, всем понятно, что чем выше эти показатели (их еще довольно часто называют пузомерками) для вашего сайта или же для сайта, с которого на ваш сайт ведет ссылка, тем лучше. Бесспорно это так, но все же нужно знать и понимать, каким именно образом формируются значения ТИЦ и PR для сайтов, как их можно увеличить и на что они влияют.

Кроме ТИЦ и PR существует еще такой показатель как Alexa Rank, который косвенным образом отражает уровень посещаемости вашего сайта (трафик). В отличии от показателей ТИЦ и PR, показатель Alexa Rank тем лучше, чем он ниже. Дело в том, что он отражает позицию сайта в рейтинге в зависимости от посещаемости этого сайта. Следовательно, на первом месте будет самый посещаемый сайт, и показатель Alexa Rank у этого сайта будет равен 1. К этому нужно стремиться, ну, а в начале своего пути — ваш сайт вполне может иметь Alexa Rank равный двадцати миллионам. Для рунета Alexa Rank не является таким серьезным показателем продвижения сайта, как ТИЦ и PR, но тем не менее в этой статье мы подробно рассмотрим вопросы, связанные со всеми тремя показателями продвижения сайта.

Читать дальше о том, что такое ТИЦ, зачем его нужно наращивать, как посмотреть ТИЦ любого сайта и поставить на своем сайте информер с показателем ТИЦ

Приветствую вас, уважаемые читатели блога KtoNaNovenkogo.ru. В этой статье я хочу рассказать о достаточно простом и необременительном способе создания горизонтальных и вертикальных выпадающих меню без использования технологии JavaScript, опираясь лишь на голый CSS. C моей точки зрения, такой способ предпочтительней, т.к. у некоторых пользователей в браузере может быть отключена поддержка JavaScript и, следовательно, меню на JavaScript отображаться не будет. Хотя, конечно же, встречается такая ситуация довольно редко.

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

Читать дальше о создании горизонтальных и вертикальных выпадающих меню без использования JavaScript

Здравствуйте уважаемые читатели блога KtoNaNovenkogo.ru. Предлагаю вашему вниманию очередную статью из рубрики Расширения для Joomla, в которой мы продолжим рассмотрение вопроса настройки ЧПУ (человеко-понятных урлов) для сайта на Joomla. Чуть раньше мы уже рассмотрели активацию ЧПУ встроенными средствами Joomla.
Но при таком способе реализации ЧПУ на Joomla, вам придется при создании статьи всегда заполнять поле «Псевдоним», которое расположено в левой части окна редактирования статьи под полем «Заголовок».

Заполнять его нужно будет латинскими буквами, разделяя слова, например, с помощью тире. Если это поле «Псевдоним» оставить незаполненным, то в адресной строке данной страницы, вы увидите отображение даты создания статьи. Именно так будет происходить формирование человеко-понятных URL адресов страниц — вручную, что, конечно же, не очень удобно. Поэтому, я для работы с ЧПУ использую компонент ARTIO JoomSEF, который самостоятельно заполняет это поле за вас. Он вставляет туда транслитерацию названия статьи. Кроме этого данный компонент ARTIO JoomSEF позволяет настроить внешний вид для страницы ошибок 404, что тоже очень важно для удержания посетителей на своем сайте.

Читать дальше про установку и настройку компонента ARTIO JoomSEF для Joomla 1.5

В избранное

{#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="Войти">  <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> {#/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}

← Февраль 2010 →

8 08.02.2010 01:05:41 01:48:58