Отправляет 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 варианта оформления шапки (а у тех, кто не поленился и сделали свои варианты - еще больше), мы продолжим работу над картой дизайна и сформируем меню и содержание страницы.

Итак, продолжая запись после Логотипа сайта:

переход на новую строку и 2-х кратное нажатие клавиши Tab
Блок меню(@2,tr,td colspan=3,,BlockMainMenu,)
переход на новую строку и 3-х кратное нажатие клавиши Tab
Главное меню(@,div,,pageMainmenu,[menu.mainmenu])

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

Условно разобьем страницу на 3 части: левый блок, средний блок и правый блок. В этих блоках мы можем расположить такие модули, как: дополнительное меню, форму авторизации, блок новостей, текстовые блоки и т.д.

Сформируем один из вариантов:

переход на новую строку и 2-х кратное нажатие клавиши Tab
Главный блок страницы(@,tr valign=top,,GTrContent,)
переход на новую строку и 3-х кратное нажатие клавиши Tab
Левый блок страницы(@,td width=225 valign=top,,LeftltPage,)
переход на новую строку и 4-х кратное нажатие клавиши Tab
Дополнительное меню(@,div,,pageMenu,)
переход на новую строку и 5-и кратное нажатие клавиши Tab
Тело дополнительного меню(@,div,,menubody,[menu.pagemenu])
переход на новую строку и 3-х кратное нажатие клавиши Tab
Средний блок страницы(@,td width=515 valign=top,,CenterContent,)
переход на новую строку и 4-х кратное нажатие клавиши Tab
Содержательная част страницы(@,div,,pageContent,)
переход на новую строку и 5-и кратное нажатие клавиши Tab
Заголовок страницы(@,h2,,pageTitle,[page.title])
переход на новую строку и 5-и кратное нажатие клавиши Tab
Текст вверху страницы(@,div,,enteringText,[page.enteringtext])
переход на новую строку и 5-и кратное нажатие клавиши Tab
Разделы(@,div,,,[content-0])
переход на новую строку и 5-и кратное нажатие клавиши Tab
Текст внизу страницы(@,div,,closingText,[page.closingtext])
переход на новую строку и 5-и кратное нажатие клавиши Tab
Контакты(@,div,content,contentType_briefcontacts,,[site.contact])
переход на новую строку и 6-и кратное нажатие клавиши Tab
Заголовок контактов(@,h3,contentTitle,,Контакты)
переход на новую строку и 6-и кратное нажатие клавиши Tab
Текст контактов(@,div,object,,[site.contact])
переход на новую строку и 5-и кратное нажатие клавиши Tab
Меню Вверх(@,a href=#top title="В начало страницы",,menuTop,)
переход на новую строку и 5-и кратное нажатие клавиши Tab
Меню В начало(@,a href="home.html" title="В начало сайта",,menuHome,)
переход на новую строку и 3-х кратное нажатие клавиши Tab
Правый блок страницы(@,td width=200,,RaghtltPage,)
переход на новую строку и 4-х кратное нажатие клавиши Tab
Форма Новостей(@,div,newsform,,[site.newsform],[site.news_check])
переход на новую строку и 2-х кратное нажатие клавиши Tab
Нижний блок сайта(@2,tr,td colspan=3,,pageFooter,)
переход на новую строку и 3-х кратное нажатие клавиши Tab
pageFooterText(@,div,,pageFooterText,[site.pagefooter])
переход на новую строку и 3-х кратное нажатие клавиши Tab
pageCopyrights(@,div,,pageCopyrights,[site.copyright])
Счетчики(@,div,,pageCounter,[site.statistic])

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

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])
                    Главный блок страницы(@,tr valign=top,,GTrContent,)
                              Левый блок страницы(@,td width=225 valign=top,,LeftltPage,)
                                        Дополнительное меню(@,div,,pageMenu,)
                                                  Тело дополнительного меню(@,div,,menubody,[menu.pagemenu])
                              Средний блок страницы(@,td width=515 valign=top,,CenterContent,)
                                        Содержательная част страницы(@,div,,pageContent,)
                                                  Заголовок страницы(@,h2,,pageTitle,[page.title])
                                                  Текст вверху страницы(@,div,,enteringText,[page.enteringtext])
                                                  Разделы(@,div,,,[content-0])
                                                  Текст внизу страницы(@,div,,closingText,[page.closingtext])
                                                  Контакты(@,div,content,contentType_briefcontacts,,[site.contact])
                                                            Заголовок контактов(@,h3,contentTitle,,Контакты)
                                                            Текст контактов(@,div,object,,[site.contact])
                                                  Меню Вверх(@,a href=#top title="В начало страницы",,menuTop,)
                                                  Меню В начало(@,a href="home.html" title="В начало сайта",,menuHome,)
                              Правый блок страницы(@,td width=200,,RaghtltPage,)
                                        Форма Новостей(@,div,newsform,,[site.newsform],[site.news_check])
                    Нижний блок сайта(@2,tr,td colspan=3,,pageFooter,)
                              pageFooterText(@,div,,pageFooterText,[site.pagefooter])
                              pageCopyrights(@,div,,pageCopyrights,[site.copyright])
                              Счетчики(@,div,,pageCounter,[site.statistic])



В следующем выпуске я опишу все элементы того, что сегодня создали и приведу еще примеры. А к Вам, опять, домашнее задание: напишите и пришлите свои варианты написания карты дизайна. Я проведу "Работу над ошибками" и будет понятно, на чем остановить большее внимание.

Компания ЭДЖЕСТАЙЛ запустила новый мульт-проект Морфей. Смотрите - пишите отзывы. Кстати, сайт 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
Отписаться
Вспомнить пароль

В избранное