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

При закрытии подписчики были переданы в рассылку "Свой CMS сайт - это просто!" на которую и рекомендуем вам подписаться.

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

←   Июнь 2005   →
		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 28.06.2005 14:13:45 14:16:42	29	30

Автор

Светлана Русова

Статистика

3.034 подписчиков
-2 за неделю

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

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

Профессиональное создание сайтов с помощью CMS SiteEdit Карта дизайна - шапка сайта

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

---

Система управления сайтом SiteEdit - это новый удобный инструмент бизнеса, с помощью которого вы сможете легко и быстро создать и наполнить информацией собственный web-сайт.

EDGESTILE SiteEdit - Мы сложное делаем простым!

Статьи Форум Купить Программу Download Примеры Вопросы Контакты

EDGESTILE SiteEdit - МЫ СЛОЖНОЕ ДЕЛАЕМ ПРОСТЫМ!

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

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

А может быть кто-то из Вас уже нашел и просмотрел (а может и поредактировал) файл карты дизайна default.map?

Тогда Вы точно поймете, о чем пойдет сегодня речь. А остальные - догоняйте - скачивайте, смотрите, читайте.

Да, можете писать мнеи задавать Ваши вопросы!

Итак:

Открыв файл default.map в блокноте мы увидим текст, описывающий структуру дизайна. Мы может отредактировать существующую карту дизайна, а может написать свою. В любом случае, чтобы это делать, нужно знать что делать и что каждая запись означает.

Все начинается с

BODY(@,BODY,,,) - тело страницы

Далее, чтобы дизайн нашей страницы "не разлетался" при просмотре в различных браузерах, мы заключаем эту страницу в "жесткие рамки" таблицы c шириной 940 пикселов

Вся страница(@,table border=0 cellpadding=0 cellspacing=0 width=940,,pageBody,)

Кстати, Вы можете написать и так

Вся страница(@,table border=1 cellpadding=0 cellspacing=0 width=940,,pageBody,)

и при просмотре в редакторе дизайна (при нажатии F4) Вы увидите визуально все элементы дизайна, которые доступны для редактирования.

Далее все элементы дизайна будут вложены в эту таблицу. Заметьте, что мы пишем карту дизайна и вкладываем элементы друг в друга, по принципу древовидного построения (ну или, кому понятней, как матрешки). Делается это нажатием табулятора (клавиша Tab).

Пример:

BODY(@,BODY,,,)
переход на новую строку и нажатие клавиши Tab
          Вся страница(@,table border=0 cellpadding=0 cellspacing=0 width=940,,pageBody,)
Получилось, что мы "вложили" Всю страницу в Тело страницы.

Далее:

Обычно вверху страницы сайта располагается "шапка сайта".
Мы вкладываем шапку сайта:

переход на новую строку и 2-х кратное нажатие клавиши Tab
                    Блок шапки(@2,tr,td colspan=3,,BlockHeader,)

Здесь @2 - число одновременно используемых тегов (TR и TD). Если число отсутствует, то число приравнивается к 1. После запятой, необходимо прописывать то количество тегов, которое указано в 1 пункте (@2). Разделителем для тегов является запятая.

Далее - мы можем прописать в шапке служебное меню (например расположить ссылки на страницу "Контакты" и "Карту сайта", или любые другие)

переход на новую строку и 3-х кратное нажатие клавиши Tab
                              Слой служебного меню в шапке(@,div,,servisMenu)
переход на новую строку и 4-х нажатие клавиши Tab
                                        Menu "Написать"(@,a href="contact.html" title="Написать",,menuContacts,Контакты)
переход на новую строку и 4-х нажатие клавиши Tab                                         Menu "Карта сайта"(@,a href="map.html" title="Карта сайта",,menuMaps,Карта сайта)

Заметьте, что все элементы служебного меню мы расположили в "Слое служебного меню"

Потом мы прописываем такие элементы, как заголовок сайта, подзаголовок сайта и логотип сайта. Мы их располагаем на одном уровне со слоем служебного меню:

переход на новую строку и 3-х кратное нажатие клавиши Tab
                              Заголовок сайта(@,h1,,siteTitle,[site,sitetitle])
переход на новую строку и 3-х кратное нажатие клавиши Tab
                              Подзаголовок сайта(@,h2,,siteSubtitle,[site.sitesubtitle])
переход на новую строку и 3-х кратное нажатие клавиши Tab
                              Логотип сайта(@,div,,,[site.sitelogotype],[site.sitelogotype])

На этом мы закончили формирование шапки сайта.

Вот, что у нас получилось:

BODY(@,BODY,,,)
          Вся страница(@,table border=0 cellpadding=0 cellspacing=0 width=940,,pageBody,)
                    Блок шапки(@2,tr,td colspan=3,,BlockHeader,)
                              Слой служебного меню в шапке(@,div,,servisMenu)
                                        Menu "Написать"(@,a href="contact.html" title="Написать",,menuContacts,Контакты)
                                        Menu "Карта сайта"(@,a href="map.html" title="Карта сайта",,menuMaps,Карта сайта)
                              Заголовок сайта(@,h1,,siteTitle,[site,sitetitle])
                              Подзаголовок сайта(@,h2,,siteSubtitle,[site.sitesubtitle])
                              Логотип сайта(@,div,,,[site.sitelogotype],[site.sitelogotype])

Можно придумать и прописать свое расположение элементов шапки. Например: разделить шапку сайта на левую и правую части. В левой расположить логотип и служебное меню, а в правой - баннер, заголовок и подзаголовок сайта.

Домашнее задание: - придумайте, напишите и вышлите мне свои варианты расположения элементов в шапке.

Завтра рассмотрим как прописывать разные варианты меню.


Компания ЭДЖЕСТАЙЛ запустила новый мульт-проект Морфей. Смотрите - пишите отзывы. Кстати, сайт http://www.mult.siteedit.ru тоже сделан с помощью Программы SiteEdit!

Ссылка для скачивания Программы SiteEdit

Кодовое слово - Бизпорт

Начало Конкурса - 8 июня 2005 г.
Окончание - 20 июля 2005 г.
С 20 по 30 июля 2005 г - голосование, подведение итогов, работа экспертной комиссии.
31 июля 2005 года - официальное объявление Победителя!

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

ВНИМАНИЕ! Срок действия Программы с момента регистрации - 30 дней. За это время Вы можете неограниченное количество раз выгружать Ваш проект в интернет (на хостинг).
По прошествии 30 дней возможность редактирования отключается! Уверяю Вас, что 30 дней вполне достаточно для создания интересного, посещаемого сайта. Проверено!

Напоминаю, что участники первой Акции "Время твоих сайтов!" могут требовать скидку 20% при покупке любой версии Программы SiteEdit только в течение 30 дней с момента окончания Акции!

Несколько участников уже воспользовалось этой возможностью - почему не ВЫ?

Заказать, и оплатить Программу Вы можете на сайте http://www.siteedit.ru или http://www.edgestile.ru

Огромная просьба ко всем, кто уже работал, тестировал, пробовал Программу SiteEdit Start или Start Plus - пришлите Ваши отзывы! Они нам очень ВАЖНЫ!!!

Победители Первого конкурса "Время твоих сайтов!"

Бизнес портал - интересные статьи!

Копия этого выпуска рассылки выложена здесь

Искренне ваш:
ведущий расылки - Гаврилов Александр

© ООО EDGESTILE, 2005
© Бизнес портал, 2005

---

Subscribe.Ru Поддержка подписчиков Другие рассылки этой тематики Другие рассылки этого автора

Подписан адрес: Код этой рассылки: inet.webbuild.bizport

Отписаться Вспомнить пароль

---

В избранное

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