Руководство по интеграции дизайна 




PDF просмотр
Название  Руководство по интеграции дизайна 
Дата конвертации14.12.2012
Размер1.84 Mb.
ТипРуководство

+7 (495) 223-46-50 
+7 (812) 448-38-90 
+7 (8636) 237-836 
www.hostcms.ru 
 
info@hostcms.ru 
support@hostcms.ru 
HostCMS — удобство 
управления сайтом в любой 
точке мира. 
 
 
Система управления сайтом 
HostCMS v. 5 
 
 
Руководство по интеграции дизайна 
 
 
 
 
 
 
 
 
 
2011

 

Содержание 
Содержание ..................................................................................................................................................................2 
Требования к квалификации пользователя HostCMS ...........................................................................4 
Требования к квалификации разработчиков сайтов на базе HostCMS.....................................................4 
Визуальный редактор .............................................................................................................................................5 
Указание фона визуального редактора ..............................................................................................................5 
Подстветка синтаксиса ..........................................................................................................................................5 
Верхняя панель клиентского раздела ............................................................................................................6 
Отладочная информация .......................................................................................................................................6 
Просмотр XML в клиентском разделе ...............................................................................................................7 
Просмотр SQL-запросов .........................................................................................................................................8 
Основные принципы работы с XML/XSL .....................................................................................................8 
Синтаксис XSL ...........................................................................................................................................................9 
Общая структура XSL-документа .....................................................................................................................9 
Шаблоны xsl:template match.................................................................................................................................10 
Работа с атрибутами XML документа ..........................................................................................................11 
Переменные (константы) ....................................................................................................................................12 
Сортировка xsl:sort ................................................................................................................................................13 
Условный оператор if.............................................................................................................................................14 
Инструкция for-each ..............................................................................................................................................16 
Инструкция choose .................................................................................................................................................16 
Наиболее часто используемые XSLT-функции ...............................................................................................18 
Пошаговое руководство по интеграции......................................................................................................19 
Структура макетов и шаблонов.......................................................................................................................19 
Именование XSL-шаблонов...................................................................................................................................20 
Интеграция макета сайта .................................................................................................................................20 
Классы и объекты в HostCMS ............................................................................................................................21 
Заголовка страницы ............................................................................................................................................21 
Описание страницы .............................................................................................................................................21 
Ключевые слова страницы.................................................................................................................................21 
Кодировка страницы ...........................................................................................................................................21 
Подключение CSS-стилей ..................................................................................................................................22 
Указание путей к изображениям и внешним файлам ................................................................................22 
Подключение файлов HostCMS в макете сайта............................................................................................22 
Общий вид блока  в макете сайта .......................................................................................................23 
Показ шаблона страницы в макете сайта.......................................................................................................23 
Вывод текущего года для строки Copyright....................................................................................................24 
Меню сайта ..............................................................................................................................................................24 
Верхнее меню ........................................................................................................................................................24 
Левое меню ............................................................................................................................................................26 
Интернет-магазин ................................................................................................................................................28 
Список разделов каталога товаров...................................................................................................................28 
Горячие предложения.........................................................................................................................................30 
Краткая корзина ...................................................................................................................................................32 
Информационные системы ..................................................................................................................................34 
Вывод анонсов новостей.....................................................................................................................................34 
Метки информационных систем ......................................................................................................................36 
Поиск.............................................................................................................................................................................38 
Форма поиска в макете сайта ............................................................................................................................38 
Ограничение поиска по определенным источникам контента ................................................................38 
Если ссылки из результатов поиска ведут на другой сайт.......................................................................39 
Опросы .........................................................................................................................................................................39 
Добавления опросов на сайт................................................................................................................................39 
Добавления блока опроса в макет сайта.........................................................................................................39 
Структура сайта........................................................................................................................................................41 
Работа с дополнительными свойствами структуры в XSL .....................................................................41 
Создание страницы для отображения ошибки 403/404/503.....................................................................42 
 
Copyright © 2005—2011 ООО «Хостмэйк» 

 

Создание карты сайта..........................................................................................................................................43 
Информационные системы...............................................................................................................................44 
Работа с дополнительными свойствами информационных элементов ................................................44 
Дополнительные свойства типа файл.............................................................................................................44 
Работа с дополнительными свойствами групп информационной системы ........................................45 
Внедрение информационной системы на сайт ..............................................................................................45 
Создание экспорта RSS 2.0 записей из информационных систем ............................................................47 
Навигационная цепочка — «Хлебные крошки» .....................................................................................49 
Формы...........................................................................................................................................................................52 
Добавление формы на сайт..................................................................................................................................52 
Внедрение формы в макет или шаблон страницы ........................................................................................53 
Проблемы при отправке формы .........................................................................................................................53 
Пользователи сайта ...............................................................................................................................................54 
Публикация личного кабинета ...........................................................................................................................54 
Страница заказанных товаров ..........................................................................................................................54 
Страница восстановления пароля ....................................................................................................................54 
Страница регистрации/редактирования анкетных данных....................................................................55 
Страница почтовых рассылок, на которые подписан пользователь .....................................................55 
Реклама ........................................................................................................................................................................56 
Размещение кода показа баннера на сайте .....................................................................................................56 
Защита от показа баннера поисковым ботам..............................................................................................56 
Контекстный показ баннеров.............................................................................................................................56 
Контекстный показ баннера в зависимости от содержания страницы...................................................56 
Контекстный показ баннера в зависимости от поискового запроса, по которому пользователь 
пришел на сайт .....................................................................................................................................................57 
Создание страницы для учета нажатий на баннер.....................................................................................58 
Интернет магазин ...................................................................................................................................................59 
Работа с дополнительными свойствами товара в XSL..............................................................................59 
Работа с дополнительными свойствами группы товаров в XSL.............................................................59 
Платежная система WebMoney ........................................................................................................................59 
Платежная система RBK Money .......................................................................................................................61 
Платежная система ASSIST ...............................................................................................................................62 
Автоматическое получение подтверждения оплаты ...................................................................................63 
Платежная система Яндекс.Деньги .................................................................................................................63 
Прием платежей через ROBOKASSA .................................................................................................................64 
Обработчики платежных систем .....................................................................................................................65 
Формирование страницы оплаты .....................................................................................................................68 
Обработка уведомления платежной системы об оплате .........................................................................69 
Формирование страницы оплаты.....................................................................................................................70 
Обработка уведомления платежной системы об оплате ............................................................................71 
Публикация интернет-магазина на сайте ....................................................................................................72 
Автоматическое построение прайс-листа для магазина..........................................................................75 
Вывод информации о продавцах..........................................................................................................................76 
Сравнение товаров .................................................................................................................................................76 
Экспорт в Яндекс.Маркет....................................................................................................................................76 
Кэширование ............................................................................................................................................................77 
Управление блоками кэширования .....................................................................................................................77 
Сохранение значения в кэше.................................................................................................................................77 
Извлечение информации из кэша........................................................................................................................78 
Организация страниц для печати ..................................................................................................................79 
Использование кода подтверждения для защиты от автоматического заполнения форм 
(Captcha) ......................................................................................................................................................................80 
Импорт RSS-каналов .............................................................................................................................................82 
Восстановление пароля администратора в случае его утери ...........................................................84 
Очищение списка неудачных попыток авторизации ..........................................................................85 
Предопределенные константы ........................................................................................................................85 
Полезные константы для управления работой системы ...................................................................86 
Настройка файла main_classes.php...............................................................................................................88 
 
Copyright © 2005—2011 ООО «Хостмэйк» 

 

Требования 
к 
квалификации 
пользователя 
HostCMS 
Пользователю  системы  управления  для  управления  сайтом  специальные  знания  не  требуются, 
достаточно основных навыков работы с прикладным программным обеспечением. 
Требования  к  квалификации  разработчиков  сайтов  на  базе 
HostCMS 
Разработчику сайтов на базе системы управления HostCMS необходимо владеть базовыми знаниями 
HTML  и  PHP.  Желательно  обзорное  знание  XML/XSL  технологий  (более  подробные  требования  к 
XSL-шаблонам размещены ниже), каждый модуль поставляется с демонстрационными шаблонами с 
комментариями в коде. 
С  внедрением  в  HostCMS  4.0  нового  модуля  «Типовые  динамические  страницы»,  требования  к 
квалификации разработчиков сайтов на базе HostCMS значительно снижены. 
 
Copyright © 2005—2011 ООО «Хостмэйк» 



 

Визуальный редактор 
Система  управления  сайтом  HostCMS  для  визуального  редактирования  информации  использует 
редактор  TinyMCE  (подключаемый  как  внешний  модуль),  разработанный  Moxiecode  Systems  AB  и 
распространяемый под LGPL лицензией. Исходные коды визуального редактора TinyMCE размещены 
в директории /admin/wysiwyg/. 
Информация с сайта производителя о редакторе (http://tinymce.moxiecode.com/): 
TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open 
Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other 
HTML elements to editor instances. TinyMCE is very easy to integrate into other CMS systems. 
Указание фона визуального редактора 
Визуальный редактор применяет фон и стиль текста из CSS-стилей макета. В некоторых случаях при 
особенностях верстки желательно указать цвет фона и стиль текста, для этого можно воспользоваться 
следующим стилем, который необходимо добавить в CSS для требуемого макета: 
.mceContentBody { 
background: white; 
color: #000; 

Подстветка синтаксиса 
Система  управления  сайтом  HostCMS  для  подсветки  редактируемого  кода  использует  редактор 
CodePress (подключаемый как внешний модуль), распространяемый под LGPL лицензией. 
Исходные коды CodePress размещены в директории /admin/js/codepress/. 
 
Copyright © 2005—2011 ООО «Хостмэйк» 



 

Верхняя панель клиентского раздела 
Панель  выводится  в  клиентском  разделе  сайта  для  авторизированных  в  центре  администрирования 
пользователей. 
 
Верхняя панель  позволяет выполнять быстрые действия из клиентского раздела и может содержать 
следующие кнопки: 
  редактировать структуру сайта; 
  редактировать макет; 
 
редактировать шаблон страницы; 
  редактировать документ; 
  редактировать информационную систему; 
 
редактировать магазин; 
  переход в раздел администрирования; 
  отладочная информация; 
 
просмотр SQL-запросов; 
 
отобразить XML; 
  выход из системы управления. 
За  отображение  панели  отвечает  константа  ALLOW_PANEL,  для  отключения  панелей  в  клиентском 
разделе установите константе значение false. 
Отладочная информация 
Выводится с помощью кнопки «Отладочная информация» 
верхней панели клиентского раздела и 
позволяет провести анализ общего быстродействия сайта и сервера, а также уровень интеграции. 
 
Обратите внимание, время инициализации модулей, время выбора БД, время выполнения запросов и 
время  обработки  XML  может  частично  или  полностью  входить  во  время  генерации  содержания 
страницы. 
 
Copyright © 2005—2011 ООО «Хостмэйк» 




 

Просмотр XML в клиентском разделе 
Для  просмотра  XML-данных,  сгенерированных  системой  на  странице  сайта,  необходимо  в 
клиентском разделе на верхней панели нажать на кнопку 
 «Отобразить XML». Чтобы скрыть XML 
необходимо повторно нажать на кнопку на верхней панели. 
В отчет по каждой генерации XML выводится наименование XSL-шаблона, с помощью которого было 
произведено  XSLT-преобразование,  ссылка  на  быстрое  редактирование  XSL-шаблона,  ссылка  на 
просмотр XML-данных, время обработки XML данных и размер XML в байтах: 
 
Пример окно с XML-данными: 
 
 
Copyright © 2005—2011 ООО «Хостмэйк» 



 

Просмотр SQL-запросов 
Выводится  с  помощью  кнопки  «SQL-запросы» 
верхней  панели  клиентского  раздела  и  позволяет 
провести анализ SQL-запросов и их времени выполнения. 
Кроме просмотра запросов возможен вывод анализа выполнения запроса. 
Внимание!  Включение  вывода  запросов  и  включение  анализа  запросов  может  увеличивать  время 
генерации  страницы,  поэтому  должно  использоваться  только  на  этапах  интеграции  сайта  или 
отладки его работы. 
 
За  отображение  кнопки  просмотра  SQL-запросов  отвечает  константа  ALLOW_SHOW_SQL,  для 
отображения  кнопки  в  клиентском  разделе  установите  константе  значение  true,  за  отображение 
анализа  запросов  с  помощью  EXPLAIN  отвечает  константа  ALLOW_EXPLAIN,  для  отображения 
анализа запросов  установите константе значение true. 
Основные принципы работы с XML/XSL 
Использование стилевых таблиц (XSL) позволяет обеспечить независимое от конкретного устройства 
вывода отображение XML-документов. 
Использование  XSL-шаблонов  с  одними  и  теми  же  XML-данными  позволяет  получать  различные 
результаты,  например,  метод  отображения  структуры  сайта  с  XSL-шаблоном  "Меню"  отобразит 
нужное  меню,  этот  же  метод  отображения  структуры  с  XSL-шаблоном  "Карта  сайта"  отобразит 
полную карту сайта. 
 
Copyright © 2005—2011 ООО «Хостмэйк» 



 

Синтаксис XSL 
В общем случае содержание XSL-документа должно удовлетворять определенным требованиям: 
•  в  заголовке  документа  помещается  объявление  XML,  в  котором  указывается  язык  разметки 
документа, номер его версии и дополнительная информация: 
 
•  каждый  открывающий  тэг,  определяющий  некоторую  область  данных  в  документе 
обязательно должен иметь закрывающий тэг; 
Правильно: 

Абзац
 
 
 
Неправильно: 

 — непарный тег, нет закрывающего тега, либо отсутствует слэш в конце тега 
 — Непарный тэг, отсутствует слэш в конце тега 
•  в XML учитывается регистр символов; 
•  все  значения  атрибутов,  используемых  в  определении  тэгов,  должны  быть  заключены  в 
кавычки: 
Правильно: 
 
 
Неправильно: 
 - Значение параметра src не взято в кавычки 
•  вложенность  тэгов  в  XML  строго  контролируется,  поэтому  необходимо  следить  за  порядком 
следования открывающих и закрывающих тэгов: 
Правильно: 
Жирный текст Текст курсивом 
 
Неправильно: 
Жирный текст Текст курсивом 
•  вся информация, располагающаяся между начальным и конечным тэгами, рассматривается в 
XML как данные, и поэтому учитываются все символы форматирования; 
•  Символ неразрывного пробела   необходимо записывать как   или    
Общая структура XSL-документа 
В самом начале документа указывается стилистика XML и импорт пространства имен XML: 
 
 
... 
 
 
Copyright © 2005—2011 ООО «Хостмэйк» 


 
10 
 
Шаблоны xsl:template match 
Основным элементом для оформления является xsl:template match. 
xsl:template  match  является  основным  для  оформления  XML  дерева  и  вызывается  каждый  раз  при 
совпадении имени узла XML. 
 
 
 
 
       
 
 
Рассмотрим простейший XML документ: 
 
 
Заголовок 1 
 
 
aaa 
 
 
 
bbb 
 
 
 
Теперь напишем простой XSL-шаблон для форматированного отображения XML данных: 
 
 
 
 
<xsl:value-of select="title"/> 
 
 
 
 
 
 
 
 
 

Похожие:

  Руководство по интеграции дизайна  icon  Руководство по интеграции дизайна 
Содержание  2 
  Руководство по интеграции дизайна  iconРуководство по интеграции с «1С: Предприятие 1»
Руководство предназначено для разработчиков и пользователей системы
  Руководство по интеграции дизайна  iconРоссийская академия художеств Научно-исследовательский институт  теории и истории изобразительных искусств проблемы дизайна 5 артпроект 2009
В первом разделе, посвященном теории дизайна, дан очерк основных направлений теории дизайна 
  Руководство по интеграции дизайна  iconРаботников образования
Термин «дизайн», его происхождение. Сущность дизайна. Определение производных понятий «дизайнер», «дизайн – форма». Область дизайна:...
  Руководство по интеграции дизайна  icon  Руководство по интеграции с «1С: Предприятие 1» 
Введение   
  Руководство по интеграции дизайна  iconОбщие инструкции по интеграции Post Affiliate Pro со скриптами Интернет-магазинов
Для многих скриптов Интернет-магазинов есть готовые инструкции по интеграции. Для интеграции с любым сайтом/магазином достаточно...
  Руководство по интеграции дизайна  iconПри поддержки программы «Матра» Министерства Иностранных Дел Нидерландов и увкб ООН практическое руководство по наиболее перспективным методам
У по наиболее перспективным методам интеграции беженцев в Европейском Союзе, которое было издано в октябре 1999 г. Рабочей группой...
  Руководство по интеграции дизайна  iconУроки мастерства
Книга содержит как обзор  дизайна  объемных  моделей, так и подробное руководство
  Руководство по интеграции дизайна  iconИ нженерно внедренческий центр
Настоящий документ содержит руководство администратора на Модуль интеграции (МИ) системы персонального учета населения (спун)
  Руководство по интеграции дизайна  iconРуководство по окрасочным работам. Второе дополненное издание 49
Как показывает опыт, для создания оригинальных совокупностей дизайна краска является, безусловно, самым 
Разместите кнопку на своём сайте:
kak.znate.ru


База данных защищена авторским правом ©kak.znate.ru 2012
обратиться к администрации
KakZnate
Главная страница