Отправляет email-рассылки с помощью сервиса Sendsay

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

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

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

← Апрель 2011 →
	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

Автор

Елена Иванова

Статистика

11.093 подписчиков
+1 за неделю

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

Как сделать популярный сайт. ~ Идеальная страничка, шаг 1 ~

Добрый день,
уважаемые читатели рассылки
"Как сделать популярный сайт"
Выпуск 186.
~~~~~ Идеальная страничка, шаг 1 ~~~~~
Внимание! Если ваша почтовая программа не отображает корректно рисунки или тексты, то
Нажмите здесь :: http://kocby.ru/post/webmaster/text/issue186.html

Идеальная страничка, шаг 1

Если Вы не популярны,
Значит, Вас как бы и не существует...

Пришла мне в голову мысль, и думаю я ее уже вторую неделю. А не написать ли нам книгу под рабочим названием "Джи Квери и все-все-все"? Глобально идея такая: создать некую пошаговую обучающую систему, с помощью которой любой из читателей рассылки смог бы научиться делать популярные сайты. Сегодня делаем первый шаг по созданию этой системы.
© Перепечатка разрешается с установкой ссылки на ресурс http://kocby.ru/.

Уважаемые коллеги!

В нашем последнем выпуске...

Джаваскриптинг - нет ничего сложнее :: http://kocby.ru/post/webmaster/text/issue185.html

... мы с вами пришли к выводу, что ДжаваСкриптинг вообще и ДжиКверинг в частности - штуки чрезвычайно сложные для изучения.

Это факт. Когда я смотрю на код ДжиКверинга мне становится дурно. После него тексты программ на PHP воспринимаются как художественные произведения на родном языке.

Ну-с, делать нечего, придется, так сказать, "прогнуться под ДжиКверинговый мир", напрячься и овладеть им в степени достаточной для создания популярных сайтов.

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

Интересно?

Мне самому интересно.

Почему такое странное, навеянное Винни-Пухом, название? Дело в том, что ДжиКверинг и ДжаваСкриптинг не независимые технологии, а очень тесно связанные с HTML, CCS и т.д.

Потому, наша первая глава, наверное, будет назваться...

Идеальная страничка

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

А что надо уметь для того, чтобы сделать популярный сайт? Очевидно, надо уметь делать популярные странички, из которых этот сайт будет состоять. А какой должна быть популярная страничка? Наверное, она должна быть идеальной с точки зрения требований к коду, ласкать взор хорошим дизайном, радовать интересным контентом и удобным функционалом.

Начнем...

~~~~~~~~~~~~

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta id="content-language" content="ru" />
<title>Ideal page in windows-1251 coding. Идеальная страничка в кодировке windows-1251. Ver. 1.01.</title>
</head>
<body>
<p>Ideal page in windows-1251 coding. Идеальная страничка в кодировке windows-1251. Ver. 1.01.</p>
</body>
</html>

~~~~~~~~~~~~

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

Самым умным из вас, наверное, захотелось первой строчкой добавить такую:
<?xml version="1.0" encoding="windows-1251"?>

Резоны для этого есть. Раз у нас документ xhtml, то надо бы, как требует бюрократия, начать с соответствующего объявления.

Что ж, мне не жалко. Но вот, что насторожило: никто так не делает! Ну и мы не будем делать. Мы что тут, самые умные что ли?

Авторитеты как причину указывают на IE6, что вроде как он, если первой строчкой не зафиксирует "DOCTYPE html", то огорчается и переходит в режим совместимости.

Звучит это весьма неубедительно, т.к. сейчас никто IE6 не использует.

Лично мне кажется, причина в другом.

У многих хостеров дефолтная настройка PHP сделана так, что он трактует как начало своего родного кода не только <?php, но и просто <?, а в результате строчку <?xml трактует так, что ему надо что-то делать с мутной переменной xml.

Перенастраивать дефолты в угоду стандартам никто не будет, так что считаем пока идеальным код, как он есть выше.

Возражений, вопросов, предложений нет? Идем дальше.

Вторая тема для дискуссий более сложная. Какую кодировку предпочесть windows-1251 или utf-8 ?

Формат utf-8 всем хорош, нет слов, но вот случаются иногда неприятные сюрпризы, подобные описанному здесь. В кодировке windows-1251 подобных неприятностей не случается.

С другой стороны, utf-8 становится все популярнее, вполне может быть в ближайшем будущем станет абсолютным и единственным стандартом.

Короче, пока вопрос открыт. Жду ваших мнений. Как решит большинство, так и будем делать. Сейчас, в начале пути, совсем не сложно повернуть в сторону той или иной кодировки. Но хочется принять лучшее решение из двух возможных (КОИ8 и ДОС прошу не предлагать).

Что будем делать дальше.

После того, как окончательно определимся с кодировкой, вставим стили (прямо перед хедом)

<link rel="stylesheet" type="text/css" href="style.css" />
</head>

И наметим основные идентификаторы, которые в идеале должны быть на каждой страничке:
header – шапка.
content - без контента, увы, не обойтись. Но тут не только контент, а еще, возможно, и функционал.
nav - система навигации.
footer - низ.
user special - область пользователя (его аватар, сообщения для него и пр.)

Ну, а пока думаем над кодировкой и тренируемся с первой версией нашей идеальной странички.

Вот и все на сегодня. Приглашаю всех желающих стать успешным самому и сделать более успешной систему Матрица путем участия в ее бета тестировании. Количество бета-тестеров по состоянию на сейчас: (вот сейчас и посмотрю...) 549. В Матрице вы научитесь добиваться успеха в любом деле, в том числе и в строительстве популярных сайтов.

Спасибо за внимание.

~~~~~ Обратная связь ~~~~~

У вас есть два способа реагирования на данный выпуск.

На форуме...

"Как сделать популярный сайт" на форуме :: http://kocby.ru/b/viewforum.php?f=5

Написать лично мне.

Данные для связи на контактной страничке :: http://kocby.ru/contact.html

Ниже дан мой работающий емейл, но доставка через форму на указанном урле надежнее, ее вероятность является почти 100%.

::::::::::::::::::::::::
::: Vladimir Abramov :::
::: va@sumat.ru ::::::::
::: http://sumat.ru/ :::
::::::::::::::::::::::::

### Конец выпуска.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

В избранное

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

Как сделать популярный сайт.

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

Статистика

Как сделать популярный сайт. ~~~~~ Идеальная страничка, шаг 1 ~~~~~

Идеальная страничка, шаг 1

Как сделать популярный сайт. ~ Идеальная страничка, шаг 1 ~