"Пособие для Веб-дизайнера" Выпуск 3 (inet.webbuild.346webmaster) : Рассылка : Subscribe.Ru

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

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

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

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

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

Автор

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

Статистика

765 подписчиков
0 за неделю

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

"Пособие для Веб-дизайнера" Выпуск 3

Пособие для веб-дизайнера

Рассылка сайта www.Gury-Soft.narod.ru

Выпуск 3

Сегодня для вас:

- Вступление

- Глава 1 Структура сайта | Разработка интерьера

- Как создать классный дизайн сайта?

- Письма читателей.

Вступление

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

Сегодня на сайте вы познакомитесь с продолжением Главы 1 (в предыдущем выпуске мы с вами создавали структуру сайта), Разработка интерьера.

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

Письма читателей.

Для начала я хочу вам напомнить разделы сайта:

На Главной странице вы можете увидеть самые свежие новости Интернета и компьютеров.

На странице Статьи вы можете скачать полезные материалы, для начинающего вебмастера.

На странице Галерея вы можете скачать понравившееся вам материалы для создания дизайна на сайте.

В Гостевой книге вы можете написать свои пожелания автору и написать свои впечатления о сайте, прочитать письма других посетителей.

На странице Реклама вы можете предложить свою рекламу за небольшую цену.

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

На странице Ссылки вы можете предложить свой обмен баннерами.

На странице Автор вы можете прочесть информацию об авторе сайта.

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

Также теперь будет всегда написано об информации обновлении сайта:

- Обновлен раздел Галерея

- Добавлен новый раздел Ссылки

- Проводится опрос посетителей "Что бы вы еще хотели видеть на сайте", для просмотра вариантов ответа посмотрите на Главной странице сайта. Примите участие в голосовании!

Разработка интерьера

До того, когда вы дошли уже, что надо вставлять картинки на сайт. Вам необходимо подумать как расставить правильно и чтобы, все что вы сделали гармонировало друг с другом. Конечно же надо начинать с шапки сайта. Попробуйте сделать так, чтобы не оставалось лишнего места на сайте, это смотрится очень некрасиво. На счет того, каким бы лучше писать шрифтом, мой личный совет не использовать Times New Roman, так как мне кажется, что выглядеть будет некрасиво. Попробуйте выбрать оптимальный вариант, и чтобы было приятно. Конечно я не говорю вам выбирать там например, очень редкие и красивые шрифты. Повторяю, вариант должен быть оптимальным, то есть вам необходимо выбрать из тех шрифтов, которые присутствуют у всех пользователей, например Georgia, Palatino Linotype, Arial, Comic Sans MS и другие. Ну на счет цветового сочетания , об этом мы уже с вами говорили. :). А теперь вернемся снова к картинкам, я вам напишу несколько форматов графических файлов, которые наиболее подходят для сайта.

GIF- на мой взгляд это наилучший вариант вставки изображения, так как занимает мало Kb, а это главное скорость загрузки страницы.

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

PNG- это очень хороший формат картинок (четкость изображения), но лучше не вставлять такие картинки, на сайт, так как они очень много занимают Kb. На мой взгляд оптимальным вариантом будет GIF формат. Но это уже вам решать. :)

А сейчас переходим к статье Как создать классный дизайн сайта?

Как создать классный дизайн сайта?

Конечно перед выбором дизайна своего сайта, стоит очень хорошо подумать. Так как дизайн сайта- это половина успеха. Конечно, вы можете создать себе простенький сайтик без особого дизайна и всяких навороченностей. Но, а сам он вам будет нравится? Стоит об этом подумать... Но не расстраивайтесь, для этого существует большое количество разных сайтов. И там вы можете выбрать или даже купить себе красивый шаблон под сайт. Существует множество вариантов шаблонов есть на основе CSS, есть во флэш и многое другое. Но если же вы не хотите заходить нинакакие сайты с шаблонами, то выход у вас один, делать его самому. Конечно это очень трудоёмкая работа, но что поделаешь. Но для облегчения вашей работы я дам вам несколько ссылок на профессиональные сайты с шаблонами:

www.freewebsitetemplates.com
www.steves-templates.com
www.freelayouts.com
www.freetrybest.com
Это зарубежные сайты с профессиональными шаблонами.
www.cen.net.ru
www.templatesfree.ru
www.dreamweaver.net.ru/free-templates
Русские сайты с профессиональными шаблонами.

А теперь начинаем пробовать создавать сайт по шаблону... :)

Подготовил Люнгрен Илья

Письма читателей

(Люнгрен Илья) Напоминаю, что для раздела "письма читателей" отбираются самые интересные письма. А для тех, кто хочет постоянно получать консультации приглашаю на свой Курс, который находится на странице "Услуги".

Здравствуйте Илья!

Меня зовут Катя и я хотела бы вас спросить несколько вопросов.

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

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

Любой из этих, на любой "вкус".

Здравствуйте Илья! У меня есть свой сайт, но проблема у меня заключается в следующем. Я хочу создать себе баннер, но не знаю как прописывать код HTML для него? Если вы знаете, то поделитесь со мной опытом. Заранее благодарен!

Для того, чтобы вы научились прописывать HTML- код для баннера, я думаю вам необходимо приобрести себе литературу по изучению HTML. Если же вы баннер создать не можете, то возникает удивительный вопрос. Как вы сделали свой сайт? :) Ну ладно, я к примеру напишу код своего сайта, который находится на странице "Ссылки" вам...

Посмотрите, и попробуйте прописать себе такой же HTML- код, разумеется подставив свои данные

А на сегодня все. Успехов!

2008 Люнгрен Илья

E-mail: ljungren@mail.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}