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

При закрытии подписчики были переданы в рассылку "Левитас: Почему Ваш бизнес-сайт не работает?" на которую и рекомендуем вам подписаться.

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

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

Автор

Александр Левитас

Статистика

7.772 подписчиков
-9 за неделю

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

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

Свой сайт - это просто!

Служба Рассылок Subscribe.Ru проекта Citycat.Ru

---

---

Свой сайт - это просто!

Выпуск #3 

---

Здравствуйте, уважаемые подписчики!

Вышел третий выпуск рассылки "Свой сайт - это просто!" Предыдущие выпуски можно найти в архиве ( href="http://reft.kulichki.net/html/arc.html">/html/arc.html">http://reft.kulichki.net/html/arc.html). Итак, пришло время начать изучение языка HTML.

Для справки:
HTML (HyperText Markup Language) - это язык разметки гипертекстовых документов, лежащий в основе формирования документов World Wide Web.

Есть много методов изучения HTML. Сегодня рассмотрим метод, предлагаемый Станиславом Жарковым.

Один на один с HTML
(в сокращении)

HTML не является языком программирования, это язык разметки текстовых документов. В нем необязательно точное соответствие синтаксису, объявление переменных, описание процедур и классов и прочих атрибутов "обычных" языков программирования. Если вы не укажете такой важный элемент как TITLE или BODY, то броузер просто будет использовать соответствующее значение по умолчанию. Если вы сделаете синтаксическую ошибку, самое страшное, что случится - искажение вида документа в окне броузера, при котором ошибку легко найти и исправить. Вы никогда не будете мучиться с отладкой текста, как всегда случается при написании более-менее сложных программ на языке программирования. Вы сами не заметите, как начнете с легкостью писать HTML-код самостоятельно.

Чтобы это произошло как можно скорее, попробуйте поступить так. Сохраните из Интернет на жесткий диск своего компьютера какую-нибудь прилично выглядящую страницу (например, эту :-)) или, если вы умеете обращаться с Web-редактором типа MS FrontPage, создайте свою собственную. Главное - она должна содержать все обычно встречающиеся элементы HTML-страницы: текст, картинки, ссылки, таблицы. Теперь откройте эту страницу в каком-нибудь текстовом редакторе (например, том же Блокноте из состава Windows), а также в броузере. Измените какой-нибудь тег или атрибут и сохраните файл. Перейдите в броузер и нажмите кнопку "Обновить" ("Reload"). Вы увидите, как внесенное вами изменение отразилось на виде страницы в броузере. Все это звучит странно, но таким образом вникнуть в HTML очень легко.

Статья Станислава Жаркова
Pro.Net.ru

---

Есть вопрос.

В этом разделе вы можете задать свои вопросы или ответить на вопросы других подписчиков.

---

Вопрос #1:

Меня интересует следующий вопрос:
Как подобрать сочетание "цвет текста" и "цвет фона" так, чтобы это смотрелось красиво и не напрягало глаза? Например: зеленый текст на желтом фоне неудобочитаем, а белый на темно-синем неплохо смотрится. Больше всего нужны конкретные сочетания.
Заранее спасибо. С уважением, Сергеев Павел.

Ответ ведущего рассылки:
Для подбора цветов рекомендую программу Color Workshop Lite 1.3. Конкретные сочетания устанавливаются методом проб и ошибок по принципу "темный фон - светлый текст", "светлый фон - темный текст" (в основном, это контрастные цвета, например, белый и черный). И еще о сочетании цветов на сайте - очень многое зависит от содержания сайта. В дальнейшем этот вопрос будет рассматриваться в отдельных рассылках. Всему свой черед.

Ответить на этот вопрос (Тема: otvet1)

---

Вопрос #2:

Собирался написать свой сайт. Скажите, почему профессиональные дизайнеры стараются не использовать фреймы, а работают в основном с таблицами? Заранее благодарен.

Ответ ведущего рассылки:
Основная причина - это то, что большинство поисковых систем некорректно индексируют фреймы - они индексируют лишь текст, находящийся в тэге NOFRAMES. Страницы с фреймами, в которых в данном тэге отсутвуют ссылки на другие страницы (без фреймов) вряд ли хорошо будут отображаться в поисковых системах. Кроме того, некоторые броузеры и роботы WWW4MAIL (последние предназначены для получения страниц по электронной почте) не работают с фреймами.

Ответить на этот вопрос (Тема: otvet2)

---

Вопрос #3:

На что следует обратить внимание в первую очередь, чтобы веб-страничка одинаково выглядела в IE и NN.
Заранее спасибо.
---------------------------------
С уважением, Сергеев Павел.

Ответ ведущего рассылки:
Прежде всего обратите внимание на Java и JavaScript, есть немало скриптов, которые хорошо работают только в IE (или наоборот в NN). Кроме того, IE (Internet Explorer) и NN (Netscape Navigator) по-разному интерпретируют таблицы, так что тут нужно быть особенно внимательным - ведь практически всегда на таблицах держится весь макет страницы.

Кстати, посмотрите на сравнительную таблицу функциональных возможностей различных версий Netscape Navigator и Internet Explorer.

Броузер MS Internet Explorer Netscape Navigator Версия 1.0 2.0 3.0 4.0 1.0 2.0 3.0 4.0x 4.05 GIF-анимация - + + + - + + + + Фреймы - - + + - + + + + bgcolor в таблицах - + + + - - + + + background в таблицах - - + + - - - + + Java/JavaScript - - + + - + + + + CSS - - + + - - - + + ActiveX - - + + - - - - + Dynamic HTML - - - + - - - + +

Сравнительная таблица функциональных возможностей различных версий Netscape Navigator и Internet Explorer и часть информации использованной при ответе на этот вопрос взяты из статьи Станислава Жаркова, "Best viewed with" посвящается..."

Ответить на этот вопрос (Тема: otvet3)

---

Вопрос #4:

Я бы хотел иметь свой чат! Как мне это сделать? Если у тебя есть какой-нибудь скриптик на эту тему, то, пожалуйста, вышли его мне!
Заранее спасибо!!!

Ответ ведущего рассылки:
Один из скриптов для организации чата на своем сервере находится на href="http://reft.kulichki.net/html/cgi1.html">t/html/cgi1.html">http://reft.kulichki.net/html/cgi1.html. Для его работы необходимо разрешение на запуск CGI - скриптов на сервере.

Ответить на этот вопрос (Тема: otvet4)

---

Задать вопрос (Тема: vopros)

---

Скрипт для вашей коллекции

Добавление указанной страницы в "Избранное"

Щелкая по ссылке, вы добавляете указанную в скрипте страницу в "Избранное". Этот скрипт интересен тем, что в отличие от простого нажатия Ctrl+D, когда в качестве описания страницы используется "Title", здесь вы можете сами дать описание страницы.

Для установки скрипта  в HTML код страницы внесите следующие изменения:

1. В тег "Head" вставьте:
<script>var izbrannoe="Описание"</script>

2. В тег "Body" вставьте:
<a href=http://www.проект.ru onclick="window.external.AddFavorite(location.href, izbrannoe);return false" style='{cursor: e-resize}'><i>Добавьте наш сайт в "Избранное" одним кликом</i></a>

Параметры:
Описание - Имя color=#ff0000>добавляемого пункта в меню "Избранное"
http://www.проект.ru - адрес сайта добавляемого в "Избранное"
Добавьте наш сайт в "Избранное" одним кликом - Текст ссылки при нажатии на которую color=#000000> происходит добавление сайта в "Избранное"

---

Объявления
Сайт рассылки "Свой сайт - это просто!"На сайте вы сможете найти небольшую подборку полезных скриптов, статей по раскрутке и созданию сайта, архив рассылки "Свой сайт - это просто!" 
А также "Практическое руководство по HTML" (автор: Николай Чувахин). Прочитать можно на href="http://reft.kulichki.net/html/pr.html">html/pr.html">http://reft.kulichki.net/html/pr.html

АвторамВы можете присылать материалы (или ссылки на них). С удовольствием опубликуем.

Обмен ссылками

Международный виртуальный журнал "РЕФТ"
Посещаемость сайта: более 100 уникальных посетителей в сутки (более 1000 визитов)
Обмен текстовыми ссылками, кнопками и формами подписки с сайтами сходной тематики (посещаемость от 50 уникальных посетителей в день)
По вопросом обмена ссылками пишите: info@ekologija.org

Вы может присылать краткие (до 300 симолов) объявления, посвященные вашим проектам в сети (обмен баннерами, ссылками и т.п.)
Прислать объявление

---

Рассылка подготовлена по материалам сети Интернет и оффлайновой прессы
Ведущий рассылки - Андрей Антанюк
e-mail для связи: info@vrbook.org
Сайт рассылки - http://reft.kulichki.net/html/
Архив рассылки - href="http://reft.kulichki.net/html/arc.html">/html/arc.html">http://reft.kulichki.net/html/arc.html
Вы можете присылать свои или понравившиеся вам скрипты и статьи на e-mail: info@vrbook.org

---

http://subscribe.ru/ E-mail: ask@subscribe.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="Войти"> <!--</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}