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

←   Ноябрь 2003   →
					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

За последние 60 дней ни разу не выходила

Сайт рассылки: http://www.00am.ru
Открыта: 14-09-2003
Адрес автора: inet.webbuild.prostosait-owner@subscribe.ru

Автор

SuZZuS

Статистика

13.125 подписчиков
-1 за неделю

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

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

Свой сайт - это просто! Пособие для чайников. Выпуск 18

Информационный Канал Subscribe.Ru

---

Свой сайт - это просто! Пособие для чайников. Сайт рассылки - websuper.by.ru Архив рассылки -websuper.by.ru/svoisait.htm Главная  Статьи   Картинки   Юмор   Полезное   Услуги   Ссылки

Выпуск 18 "Вставляем картинки." Здравствуйте, уважаемые читатели!    Главная страница у нас уже есть, но на ней пока присутствует только текст (не считая фона). Пора бы ее немного приукрасить.  И делать мы будем это с помощью картинок. Может быть, вы уже приготовили какие-нибудь картинки (например, ваш логотип, какие-то кнопки или чего-нибудь еще)?  Замечательно! Теперь осталось усвоить лишь несколько небольших правил, касающихся непосредственно картинок. Картинка не должна быть слишком большой и тяжелой (здесь говорится о "весе" картинки в кб или мб). Хотя второе все-таки важнее. Если картинка будет слишком много весить, то она будет очень долго грузиться, посетителю это может быстро надоесть, и...  В лучшем случае он не обратит никакого внимания на огромную, долго загружающуюся картинку в середине экрана (но подсознательно его отношение к сайту все же станет негативным), а в худшем он просто уйдет с нашего сайта и, возможно уже никогда туда не вернется! Разве нам это надо? Конечно, нет! Поэтому надо запомнить золотое правило: "Все хорошо в меру". Это касается и фона, и цветового сочетания, и текста и... вообще всего!  Но к картинкам это относится в первую очередь. Поверьте мне на слово (а если не хотите верить, поверьте статистике), посетителю очень часто совершенно безразлично какой у сайта дизайн. Конечно, каляку-маляку устраивать не надо, дизайн должен быть аккуратный, ничего лишнего. Но излишняя строгость тоже не приветствуется.  Запомните, посетитель пришел на ваш сайт за информацией. Получит он ее или нет, зависит только от вас. Если получит, да еще и в приемлемом, удобном виде, он обязательно вернется снова! Хотя если информация ему не понравится, или ему нужна абсолютно другая информация, он уйдет. Но не надо расстраиваться, всем просто невозможно угодить! Вернемся к нашим картинкам. Картинка не должна много весить (с этим, я надеюсь, все понятно). Чтобы вы представляли себе приемлемый вес картинки, скажу, что главная страница в идеале весит 30 кб. Максимум 50 кб. Но это уже, по-моему, многовато :) Конечно, многие опытные читатели могут со мной не согласиться, но я и не прошу всех делать страницу по 30 кб. Это только в идеале :). Картинок не должно быть много. Особенно анимации (это уже отдельная тема... ). Представьте себе, вы спокойно читаете текст, а рядом крутятся, вертятся, моргают, искрятся разные анимированные картинки. Не самое лучшее, правда? Лучше сделать несколько картинок, но со вкусом. Не надо лепить все подряд. Итак, картинка не должна много весить и быть слишком большой. Картинки не должны (как и фон) слишком привлекать к себе внимание и отвлекать от всего остального. Все хорошо в меру, а картинки особенно. Вот, пожалуй, и все основные (на начальном этапе) правила. Потом, конечно, появятся другие правила, но это будет потом. Какие картинки нужны и какие не нужны, мы разобрались. Теперь надо поставить картинки на сайт. Делается это очень просто: Вставка (Insert) - Рисунок (Image) - Из файла (From file). Если вы вставляете рисунок, который еще не находится в папке site, вам нужно будет выделить рисунок, нажать на правую кнопку мыши и выбрать Свойства рисунка (Можно сделать еще проще. Выделив рисунок, нажать Alt+Enter). После этого в поле Файл рисунка (Image file) написать image.gif(.jpg), если рисунок находится в папке site. Если рисунок находится в папке images (которую мы недавно создали для картинок), то надо написать images/image.gif(.jpg). Только не забудьте поместить вашу картинку в указанную папку! Необязательно называть картинку image.gif(.jpg), можно назвать и по-другому. Расширение  .gif или .jpg зависит от самого рисунка. Например, фотографию лучше сделать с расширением .jpg И, напоследок, предлагаю вам заглянуть в раздел Картинки на сайте рассылки. Там вы найдете 370 самых разных фонов (если вы еще не сделали его сами), более 120 оригинальных линий, около 200 значков e-mail, некоторые элементы дизайна... и многое другое! А в следующем выпуске мы поговорим о том, как уменьшить размер и вес картинки.

Толковый словарь

ENTER — “ввод”, клавиша на клавиатуре. Подтверждает ввод информации, запускает программу и т.д. ERROR — ошибка, ошибочная ситуация (баг) в программе или в железе (в самом аппаратном средстве). Архиватор — программа, которая позволяет сжимать информацию путем устранения избыточности (пробелов, повторов и т.д.). Сжатие бывает с потерями и без. Сжимать можно все что угодно: текст, музыку, видео, фото и др. При этом, чем более однородная информация, тем лучше она сжимается. (Из личного архива) Присылать свои материалы в толковый словарь можно сюда.

Вопрос - ответ в толковый словарь

В этом разделе вы можете задать вопрос, касающийся толкового словаря остальным читателям рассылки и обязательно получить на него ответ! Прислать вопрос!

Улыбнуться! :)

Этот раздел посвящен анекдотам и афоризмам на компьютерную тему. Вы также можете присылать свои материалы в раздел  по этому адресу.  Ссылка на вас и большое спасибо гарантированы! Звонок в службу технической поддержки: - У меня компьютер не работает! - После чего это произошло? - Я его включил - загрузился Нортон. Смотрю - у меня слева диск С: и справа диск С:. Я подумал - нафиг мне два диска С:? И стер правый к чертовой матери. Программист отлаживает программу, которую не успевает сделать к заданному сроку. Сидит за компьютером уже 12 часов. Подходит сынишка и спрашивает: - Папа, почему солнышко каждый день встает на востоке, а садится на западе? - Ты это проверял? - Проверял. - Хорошо проверял? - Хорошо. - И что, это каждый день работает? - Да, каждый день. - Тогда сынок, ради бога, ничего не трогай, ничего не меняй. Звонит новый русский в компьютерную фирму: - Я у вас комп взял - а он не работает! - А он вам что-нибудь пишет? - Ну, типа вставьте в дисковод дискету #1... - Ну и что дальше? - Ну вставляю! А он пишет типа вставьте в дисковод дискету #2... - Ну, дальше что? - Ну вставляю вторую! А он пишет типа вставьте в дисковод дискету #3... - Ну и в чем проблема? - Третья туда уже никак не лезет... Идет игра "Кто хочет стать миллионером?" Игрок: - Прошу убрать два неверных варианта. Ведущий: - Итак, дорогой компьютер, уберите пожалуйста два неверных варианта... На мониторах появляется собщение: "Программа выполнила недопустимую операцию и будет закрыта". Ведущий: - А сейчас, по просьбе компании Microsoft, - рекламная пауза.... Заходит мужик в салон фирмы, торгующей компьютерами: - Я у вас вчеpа компьютеp пpикупил... Сгоpел он... - Hет пpоблем - он на гаpантии. А что у вас сгоpело? - Все! - Hу, так не бывает. Пpоцесоp цел? - Сгоpел. - А винчестеp? - Сгоpел. - А память? - Сгоpела. - А монитоp? - Сгоpел. - Господи! Что же вы с ним делали? - Да у меня пожаp вчеpа был.... (Из раздела Юмор) Ода современному человеку Ты шифруешь архивы, чтоб тебя не достали, А под утро засыпаешь в недрах скрытой печали. Ты ненавидишь попсу и засыпаешь под рок, Когда такие как ты вдыхают белый порошок. Ты хотел всё изменить - и это вскоре ушло Вместе с той идеей, чтоб в мире было всем хорошо. И теперь ты одинок как, возможно, и та, Что когда-то давно полюбила тебя. Ты считаешь, что сеть для тех, кто здесь не живёт. Разбирая винду, говоришь, что Гейтс идиот. Ты пишешь программу - получается вирус. Когда у всех косинус - у тебя синус. Ты, походу, умрёшь слишком рано для парня. Ты ведь правильно думал: институт это псарня. Это место, где всем скопом погибают мечты У других и таких же как ты. Глаза твои уже не видят, но руки творят Ты мешаешь сахар в чае - получается яд. Ты сел бы за руль и нажал бы на газ Но тебя выворачивает и рвёт в унитаз. И только к утру, когда все на работу идут Ты вдруг понимаешь, что всё ещё крут. Но и это не важно, сейчас бы поспать И на следующий день всё начнётся опять.  (Прислал (а) Shuara) Больше анекдотов на компьютерную тему вы найдете на сайте рассылки в разделе Юмор.

Сайт рассылки

Приглашаю вас посетить сайт рассылки, целиком посвященный сайтостроению для чайников, где вы найдете очень много картинок, скриптов и советов по созданию своего сайта :)) В разделе Картинки появилось 100 новых оригинальных линий, 20 значков e-mail и стрелки. В разделе Полезное появилось очень много новых программ.  Вы можете скачать программы как для помощи в создании своего сайта, так и для своего компьютера, причем абсолютно бесплатно!

Рекомендуемые рассылки

Ищешь счастье, здоровье, удачу, а может любовь? Подпишись на рассылки Школы Своего Здоровья на Subscribe.ru! Кто виноват, что ты болен, и что тебе с этим делать?   Как начать получать удовольствие от жизни прямо сейчас.  И ты можешь стать здоровым, удачливым и счастливым.   Как с умом распорядиться своим здоровьем   Путь к здоровью через болезнь.

Письма

А если у вас уже есть какой-нибудь собственный опыт на тему Web-дизайна и сайтостроения, присылайте мне ваши письма.  Самые интересные письма и материалы будут опубликованы! Вопросы направлять сюда.

А на сегодня все.  Жду вас на сайте рассылки. Удачи! Автор и ведущая рассылки Ольга.

---

---

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}