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

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

← Декабрь 2009 →
	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

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

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

Автор

KtoNaNovenkogo

Статистика

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

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

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

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

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

Где можно найти фон для своего сайта?

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

Мне больше пришлась по душе идея создания нужного вам фона прямо на сайте, с помощью простых инструментов, освоить которые ни у кого не составит труда. Это своеобразные конструкторы фонов для сайта, понятные и доступные практически всем. В своей практике я использую два подобных сайта — ava7patterns и Bgpatterns. Если кто-то знает еще подобные сайты, то буду очень благодарен, если вы напишите об этом в комментариях.

Расскажу про работу по настройке нужного фона на примере сайта Bgpatterns. Когда вы попадаете на главную страницу сайта, то видите две области — верхнюю и нижнюю. В нижней области вы можете посмотреть варианты фона, которые создали другие посетители данного сайта и посчитав их удачными, сохранили для общего обозрения и использования. Верхняя же область сайта, как раз и представляет собой конструктор фонов. Слева расположено окно для тонкой настройки цветовой гаммы, рисунка, текстуры и угла поворота рисунка.

Читать дальше веб-обзор

Плагины Comment Toolbar и Qip Smiles — добавляем в комментарии WordPress возможность ответа, цитирования, навигации и вставки смайлов

Как и обещал в статье Плагины SyntaxHighlighter Evolved и Comment Form Quicktags — добавляем подсветку синтаксиса кода в статьи и комментарии WordPress , здесь речь пойдет о повышении удобства работы с комментариями WordPress. Этого мы будем добиваться с помощью плагинов Comment Toolbar и Qip Smiles. Плагин @ Reply в этой статье я решил не рассмотривать, т.к. его функционал (добавление возможности ответа на комментарий) полностью перекрывается плагином Comment Toolbar. С помощью всех этих плагинов мы сможем реализовать следующие возможности:

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

Плагин Comment Toolbar — возможность ответа в комментариях WordPress, вставка цитаты из комментария или статьи, перемещение между комментариями

Думаю, что не надо вам доказывать необходимость иметь в комментарии возможность ответа на него. В противном случае, вам вручную придется копировать имя автора комментария и вставлять его в поле для написания комментария. Жуть как неудобно, да и потом, другому пользователю, читающему эти комментарии, не всегда просто найти именно тот комментарий этого автора, на который вы отвечали (особенно если этот автор оставил много комментариев на данную статью). Намного проще иметь кнопку «Ответ» в каждом комментарии, которая автоматически скопирует имя автора данного комментария в поле для написания комментария.

Читать дальше про установку и настройку плагинов Comment Toolbar и Qip Smiles

Плагины SyntaxHighlighter Evolved и Comment Form Quicktags — добавляем подсветку синтаксиса кода в статьи и комментарии WordPress

В этой статье из рубрики Плагины для WordPress я собираюсь рассказать вам о замечательном плагине SyntaxHighlighter Evolved, который позволяет удобно, красиво и наглядно реализовать вставку и подсветку синтаксиса разнообразного кода в текст статьи или комментарии, а так же мы рассмотрим вопрос повышения функциональности системы комментирования блога на WordPress. При этом будут рассмотрены таки плагины как Comment Form Quicktags в этой статье, а так же плагины @ Reply, Comment Toolbar и Qip Smiles в следующей статье этой серии. Эти плагины позволят нам расширить стандартные возможности комментариев и добавить в них следующие возможности:

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

Плагин для подсветки синтаксиса кода в WordPress — SyntaxHighlighter Evolved

Как я уже говорил, замечательный плагин. Вы можете посетить сайт автора плагина SyntaxHighlighter Evolved или же скачать его сразу на официальном сайте плагинов WordPress. Для этого плагина существует русификация, которую вы можете скачать по этой ссылке — русификация SyntaxHighlighter Evolved. Правда, это русификация для версии 2.2.1, но она у меня прекрасно работала на версии SyntaxHighlighter Evolved 2.3.3.

Читать дальше про установку и настройку плагинов SyntaxHighlighter Evolved и Comment Form Quicktags

HTML для начинающих: создание списков (теги UL, OL и LI), теги акцентирования (H1 -H6, STRONG, EM), теги абзаца P и перевода строки BR

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. В эфире очередная статья из рубрики HTML, CSS, PHP, MySql – изучение и применение на практике, в которой мы продолжим разговор о тегах HTML. В двух предыдущих статьях, посвященных теме HTML тегов (HTML для начинающих: типы верстки, теги, атрибуты, параметры атрибутов, определение цвета на экране и HTML для начинающих: тег IMG для работы с изображениями, тег «A» для создания ссылок) были рассмотрены основы работы с тегами, их синтаксис и составные части. Во второй статье мы подробно рассмотрели все аспекты работы с тегом IMG, позволяющим вставлять изображение в HTML код, а так же тегом «A», с помощью которого создаются ссылки. В этих двух статьях были освещены следующие вопросы:

Сегодня мы рассмотрим новые теги и их атрибуты, которые вы так же часто будете использовать в своей работе над сайтом. Это теги, позволяющие создавать нумерованные, ненумерованные и встроенные списки (UL, OL, LI), а так же, так называемые, теги акцентирования (H1 -H6, STRONG, EM) и теги выделения абзаца (тег P) и перевода строки (тег BR). Без знания этих тегов очень трудно будет продуктивно работать над дизайном сайта. Эти теги активно используются как при написании и оформлении статей, так и в оформлении шаблона, используемого на сайте. Особое внимание надо уделить тегам акцентирования, т.к. заключенный в них текст имеет для поисковых систем гораздо большее значение, чем остальной текст статьи (Внутренняя оптимизация сайта).

Читать дальше про создание списков, использование тегов акцентирования, тегов абзаца и перевода строки

Видеокурсы:

В избранное

{#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}

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