Этот метод позволяет создавать дизайны любой сложности, не прибегая к коду HTML.
Карта находится в папке проектаCONTENT\SKIN. При отсутствии данного файла в папках проекта, его необходимо скопировать из общей папки программыTYPES\PUBLIC\DEFAULT.MAP
Карта дизайна- это древовидная структура, которая содержит в себе все настроечные параметры для создания таблиц и слоев, используемых в дизайне сайта.
Чтобы понять язык карты дизайна, рассмотрим структуру (таблицу) созданную с помощью данного языка:
Пункт главного меню «Оформление» -> «Редактирование карты дизайна»
Вкладка «Исходный код»
Имеет вкладки «Исходный код» и «Визуальный редактор».
Текст, описывающий структуру сайта. Вкладка «Исходный код».
Запись перед скобками означает имя слоя, которое будет видно в редакторе дизайна (при нажатии клавиши F4).
Параметры в скобках (разделяются запятой):
1. Число тегов в строке “@N” – где N – число одновременно используемых тегов. Если число отсутствует, то число приравнивается к 1). Через запятую необходимо прописывать то количество тегов, которое указано в 1 пункте.
2. Теги (число следующих друг за другом тегов может быть любым. См. п.1.) Тег в свою очередь может содержать любое число собственных параметров (разделителем является пробел).
например: (@3,TABLE border=0,TR,TD,…..) – использовано 3 тега.
3. Следующим параметром за тегами является класс тега (служит для присвоения указанному слою или ячейке таблицы определенных свойств стиля оформления) . В тексте HTML этот параметр выглядеть так: <DIV CLASS=”MAINCLASS”> MAINCLASS – имя класса
4. Следующим параметром за классом используется Идентификатор слоя или ячейки таблицы (служит для присвоения указанному слою или ячейке таблицы свойств стиля оформления) . В тексте HTML этот параметр выглядеть так: <DIV ID=”MAINID”> MAINID – имя идентификатора
5. Содержание слоя (текст, рисунок, таблицы и т.д.). Существуют переменные, которые можно устанавливать в слой (в квадратных скобках.)
6. Условие отображения слоя и всех вложенных слоев. Если Вы не планируете использовать условие, то не нужно после содержания ставить запятую. В противном случае этот слой и все вложенные в него слои будут отключены. Для проверки условия можно использовать все переменные, которые используются в параметре «содержании» на наличие в них текста. При отсутствии данных слой отключается.
Используемые переменные:
Общие переменные сайта
- [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.titlepage] – «Заголовок в шапке браузера»
- [page.enteringtext] – «Текст в начале страницы (верхний рекламный блок)»
- [content-0] – «Главный контейнер разделов содержательной части» (также может быть любое число «Вспомогательных контейнеров» содержательной части [content-1..N]). Для подробного просмотра разделов и объектов от других вспомогательных контейнеров используется «главный контейнер».
- [page.closingtext] - «Текст в конце страницы (нижний рекламный блок)»
- [page.style] - «Блок стилей CSS в теле текущей страницы»
- [page.keywords] - «Ключевые слова текущей страницы для поисковых систем»
- [page.description] - «Описание страницы для поисковых систем»
- [page.meta] - «Область содержащая META-тэги текущей страницы»
- [menu.mainmenu] – «Главное меню сайта»
- [menu.pagemenu] – «Дополнительное меню сайта»
- [img.skin/palm.swf:410:193:#ffffff] – «Вставить FLASH» (Имя файла:ширина:высота:цвет фона)
- [img.skin/palm.gif] – «Вставить изображение (gif; png; jpg; jpeg)»
Используемые тэги в "Карте дизайна"
ТЭГ – это имя команды, которая применяется в HTML для вывода в браузер соответствующего объекта или события.
Для создания дизайна в SiteEdit можно применять все теги используемые в HTML.
Часто используемые тэги:
DIV – слой (используется для создания четырехугольника, в котором можно поместить текстовую и графическую информацию)
TABLE – таблица (тэг для открытия таблицы)
TR – Строка (тэг для открытия строки таблицы)
TD – ячейка (тэг для открытия ячейки таблицы)
Более подробно о тегах можно прочитать в любом учебнике о HTML.
B - жирный текст
H1 - H5 - Тэги заголовков
A - тег гиперссылки
Вкладка «Визуальный редктор»
Вкладка «Визуальный редактор» , в панели меню «Вид» -> «Редактор Дизайна». Или кнопка на панели инструментов.
Правой кнопкой мыши вызываем меню, пункт «Содержание» и расставляем контенты для разделов (главные и второстепенные)
Добавляем переменные, если это необходимо. В каждый раздел не более одной.
Можно вставлять в карту дизайна меню (главное и универсальное) и позиционировать его наиболее удобным способом
Вставлять в карту дизайна все перечисленные объекты и блоки:
Для редактирования всех элементов можно использовать Панель инструментов и Редактор Дизайна, вызываемый клавишей F4.
Кнопки панели инструментов описаны в главе Интерфейс программы, Внешний вид окна редактирования элемента.Если какое-то форматирование элемента не возможно, высвечивается подсказка:
