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

Профессиональное создание сайтов с помощью CMS SiteEdit Описание основных элементов карты дизайна


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

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

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

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


Здравствуйте, Все!

Продолжим разговор о карте дизайна. Тем, кто, еще не скачал "Описание структуры карты дизайна"

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

В прошлых выпусках мы рассмотрели варианты составления шапки сайта, и создали одну полную карту дизайна. Кто-то из Вас попробовал свои варианты? Предлагаю, для ознакомления, свой вариант - я его реализовал на сайте http://www.newsite.e-stile.ru

BODY(@,BODY,,,)
          Вся страница(@,table border=0 cellpadding=0 cellspacing=0 width=994,,Allpage,)
                    Шапка(@2,tr valign=top align=center,td colspan=3,,BlockHeader,)
                              Левая часть шапки(@,div,,LeftHeader)
                                        *Логотип(@,,,siteLogotype,[site.sitelogotype])
                                        Область рисунка (@,div,,siteImgHead,)
                              Слой служебного меню в шапке(@,div,,servisMenu,[site.pageheader])
                                        Сделать стартовой(@,a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://newsite.e-stile.ru'); return false;",,StartMenu,Сделать стартовой)
                                        *Сделать стартовой(#StartMenu)
                                        *Добавить в избраенное(#Izbran)
                                        Меню Вначало(@,a href="home.html" title="В начало сайта",,menuHome,)
                                        Menu "Карта сайта"(@,a href="maps.html" title="Карта сайта",,menuMaps,)
                                        Menu "Написать"(@,a href="contact.html" title="Написать",,menuContacts,)
                              Правая часть шапки(@,div,,lHeader,)
                                        Верхний баннер(@,div,,TopBanner,[img.skin/se2.swf:468:60])
                                        Заголовок сайта(@,h1,,siteTitle,[site.sitetitle])
                                        Подзаголовок сайта(@,h2,,siteSubtitle,[site.sitesubtitle])
                                        Форма поиска(@,div,searchform,,[site.searchform],[site.search_check])
                    Верхнее меню(@2,tr,td colspan=3,,BottomMenu)
                              Тело меню(@,div,,pageMainMenu,[menu.mainmenu])
                    Блок содержательной части(@,tr,,BlockContent,)
                              Левое содержание(@,td valign=top,,LeftContent,)
                                        Форма авторизации(@,div,authorizeform,,[site.authorizeform],[site.auth_check])
                                        Разделы(@,div,,content1,[content-1])
                              Содержание(@,td valign=top,,pageContent,)
                                        Заголовок страницы(@,h2,,pageTitle,[page.title])
                                        Текст вверху страницы(@,div,,enteringText,[page.enteringtext])
                                        Разделы(@,div,,content,[content-0])
                                        Текст внизу страницы(@,div,,closingText,[page.closingtext])
                              Правое содержание(@,td valign=top,,RightContent,)
                                        Разделы(@,div,,content2,[content-2])
                    Нижнее меню(@2,tr,td colspan=3,,BottomMenu)
                              Тело меню(@,div,,pageMainMenu,[menu.mainmenu])
                    Низ страницы(@,tr,,pageFooter,)
                              Левый блок(@,td valign=top,,leftFooter, )
                              Средний блок(@,td valign=top,,CenterFooter, )
                                        Счетчики(@,div,,pageCounter,[site.statistic])
                                        pageCopyrights(@,div,,pageCopyrights,[site.copyright])
                                        Контакты(@,div,,briefcontacts,,[site.contact])
                                                  Заголовок контактов(@,h3,contentTitle,,Контакты,[site.contact])
                                                  Текст контактов(@,div,object,,[site.contact])
                              Правый блок(@,td valign=top,,RightFooter, )

Теперь, у нас есть 2 варианта оформления шапки и 2 варианта полной карты сайта

Замечу, что для каждой страницы сайта можно написать свою карту сайта и, соответственно, сделать разные дизайны. А можно использовать одну карту дизайна, но разные картинки в оформлении. Все это на вкус и дизайнерские решения авторов сайта.

Сейчас же, как и обещал, опишу элементы карты дизайна.

ТЕГ – это имя команды, которая применяется в HTML для вывода в браузер соответствующего объекта или события. Для создания дизайна в SiteEdit можно применять все теги используемые в HTML.

Часто используемые теги:
DIV – слой (используется для создания четырехугольника, в котором можно поместить текстовую и графическую информацию)
TABLE – таблица (тег для открытия таблицы)
TR – Строка (тег для открытия строки таблицы)
TD – ячейка (тег для открытия ячейки таблицы)
Более подробно о тегах можно прочитать в любом учебнике о HTML.

Используемые переменные:
Общие переменные сайта

[site.pagebody] – «Дополнительные разделы – Вся страница»
[site.pageheader] - «Дополнительные разделы – Верхняя часть страницы (Шапка)»
[site.sitetitle] – «Заголовок сайта»
[site.sitesubtitle] – «Подзаголовок сайта»
[site.sitelogotype] – «Логотип сайта»
[site.pagemainmenu] - «Дополнительные разделы – Текст в главном меню»
[site.searchform] – «Дополнительные разделы – Форма поиск по сайту» (для ключей-условий используется специальная переменная [site.search_check])
[site.subscribeform] – «Дополнительные разделы – Форма подписки на рассылку» (для ключей-условий используется специальная переменная [site.subscr_check]).
[site.authorizeform] - «Дополнительные разделы – Форма Авторизации» (для ключей-условий используется специальная переменная [site.auth_check]).
[site.newsform] - «Дополнительные разделы – Лента новостей» (для ключей-условий используется специальная переменная [site.news_check]).
[site.reklamform] - «Дополнительные разделы – Рекламный блок» (для ключей-условий используется специальная переменная [site.reklam_check])
[site.pagemenu] - «Дополнительные разделы – Текст в дополнительном меню»
[site.contact] – «Общий раздел КОНТАКТЫ (внизу страницы)»
[site.pagefooter] – «Текст в нижней части страницы»
[site.copyright] – «Текст Copyright»
[site.statistic] – «Контейнер статистики и счетчиков»

Переменные для отдельной страницы сайта
[page.title] – «Заголовок страницы»
[page.enteringtext] – «Текст в начале страницы (верхний рекламный блок)»
[content-0] – «Главный контейнер разделов содержательной части» (также может быть любое число «Вспомогательных контейнеров» содержательной части [content-1..N]). Для подробного просмотра разделов и объектов от других вспомогательных контейнеров используется «главный контейнер».
[page.closingtext] - «Текст в конце страницы (нижний рекламный блок)»

Стандартные Меню сайта
[menu.mainmenu] – «Главное меню сайта»
[site.pagemainmenu] – «Дополнительное меню сайта»

Вставка мультимедиа
[img.skin/palm.swf:410:193] – «Вставить FLASH»
[img.skin/palm.gif] – «Вставить изображение (gif; png; jpg; jpeg)»

Продолжение - завтра!

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

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

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

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

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

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

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

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


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


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

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

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

Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора
Подписан адрес:
Код этой рассылки: inet.webbuild.bizport
Отписаться
Вспомнить пароль

В избранное