Интернет Университет информационных технологий Твой путь к знаниям
  Искать!
Курсы | Обучение | Школа | Магазин | Общение | Новости | Помощь

поддержка курса Введение в технологии создания Интернет-узлов
информация [+] Автор: В.В. Полубояров


 
 
Страницы: « | 1 | 2 | 3 | 4 | » для печати и PDA
Если Вы заметили ошибку - сообщите нам или выделите ее и нажмите Ctrl+Enter

Публикация шаблона оформления

Для того чтобы шаблон оформления можно было просмотреть в Галерее шаблонов оформления (Skin Gallery), необходимо создать его высококачественную экранную копию, которая должна храниться в формате JPEG с расширением .jpg и иметь то же имя файла, что и шаблон оформления (например, если шаблон оформления называется skin.htm, то экранная копия должна называться skin.jpg ).

Упаковка шаблона оформления

Все файлы, относящиеся к шаблону оформления, упаковываются в ZIP -архив skin.zip, а файлы контейнера - в архив container.zip. Далее оба архива упаковываются в общий архив с требуемым названием. Это позволит установить шаблон оформления и соответствующие ему контейнеры при помощи единственного файла, используя инструмент Skin Uploader.

Создание контейнеров

Контейнеры являются определениями шаблонов оформления, которые применяются к модулям. Контейнер создается точно так же, как и шаблон оформления, за исключением используемого набора токенов. Единственным ограничением является то, что в контейнере должен содержаться элемент управления Actions. Этот элемент управления необходим для реализации функциональности модуля. Общие функции этого элемента заключаются в возможности редактировать настройки модуля и управления размещением модуля на панелях контента. Могут также реализовываться пользовательские функции, относящиеся например, к редактированию контента модуля. В DNN включен набор элементов управления типа Actions. Элемент управления по умолчанию - SolPartActions отвечает за всплывающее меню, которое появляется при наведении мыши на иконку в левом верхнем углу модуля. Этот элемент управления предназначен для современных браузеров. Для устаревших браузеров используется элемент управления DropDownActions, реализованный в виде раскрывающегося списка.

Несмотря на то, что шаблоны оформления и контейнеры создаются, упаковываются и распространяются независимо, дизайнер обычно создает их комбинацию, которая предназначена для совместной работы. Это реализовывается путем совместной закачки шаблона оформления и контейнера на сайт и применения их к пользовательскому интерфейсу. Чтобы упростить эту операцию и обеспечить высокий уровень модульности, используется концепция применения шаблонов оформления на уровне панелей контента. Использование шаблонов оформления для панелей может быть сконфигурировано только на этапе дизайна, при создании шаблона. Реализуется это путем использования пользовательских атрибутов, которые могут быть включены в разметку панели. Используются атрибуты ContainerType, ContainerName и ContainerSrc для идентификации контейнера, который будет использоваться для всех модулей, добавляемых на панель. В том случае, если указанный контейнер отсутствует, используется контейнер по умолчанию.

Пример определения контейнера для панели:

<Objects>
  <Object>
    <Token>[CONTENTPANE:1]</Token>
    <Settings>
      <Setting>
        <Name>ID</Name>
        <Value>LeftPane</Value>
      </Setting>
      <Setting>
        <Name>ContainerType</Name>
        <Value>G</Value>
      </Setting>
      <Setting>
        <Name>ContainerName</Name>
        <Value>DNN</Value>
      </Setting>
      <Setting>
        <Name>ContainerSrc</Name>
        <Value>standard.ascx</Value>
      </Setting>
    </Settings>
  </Object>
</Objects>

Загрузка шаблонов оформления

Поскольку шаблоны оформления основываются на ASCX-файлах, которые, будучи добавленными на ASPX-страницу, становятся исполняемыми, существует определенный риск, связанный с возможностью включения в них вредоносного кода. По этой причине существует возможность настройки права загрузки шаблонов оформления. Это право может быть предоставлено администраторам порталов, или же зарезервировано только за пользователем host.

Объекты шаблонов оформления

Объекты шаблонов оформления приведены в табл. 14.1.

Таблица 14.1. Объекты шаблонов оформления
ТокенЭлемент управленияОписание
[BANNER]< dnn: Banner runat="server" id="dnnBanner">Отображает случайный рекламный баннер .
[BREADCRUMB]< dnn: Breadcrumb runat="server" id="dnnBreadcrumb">Отображает путь к выбранной странице в виде Название страницы 1 > Название страницы 2 > Название страницы 3
[CONTENTPANE]<div runat= " server " id= " ContentPane " >Добавляет заполнитель для контента модуля .
[COPYRIGHT]< dnn: Copyright runat="server" id="dnnCopyright">Отображение информации о правах интеллектуальной собственности ( Copyright ) .
[CURRENTDATE]< dnn: CurrentDate runat="server" id="dnnCurrentDate">Отображает текущую дату .
[DOTNETNUKE]< dnn: DotNetNuke runat="server" id="dnnDotnetNuke">Отображение информации о правах интеллектуальной собственности DNN.
[HELP]< dnn: Help runat="server" id="dnnHelp">Отображает ссылку с просьбой о помощи . При ее выборе у клиента открывается почтовый клиент с заполненным электронным адресом администратора портала DNN.
[HOSTNAME]< dnn: HostName runat="server" id="dnnHostName">Отображает заголовок узла, связанный с URL узла .
[LANGUAGE]<dnn: Language runat="server" id="dnnLanguage" / >Отображает раскрывающийся список, позволяющий выбрать используемый язык .
[LINKS]< dnn: Links runat="server" id="dnnLinks">Отображает плоское меню ссылок, связанное с текущей страницей и родительским узлом . Полезно для поисковых машин .
[LOGIN]< dnn: Login runat="server" id="dnnLogin">Элемент управления с двумя состояниями . Отображает " Вход " для анонимных пользователей и " Выход " для аутентифицированных .
[LOGO]< dnn: Logo runat="server" id="dnnLogo">Отображает логотип портала .
[PRIVACY]< dnn: Privacy runat="server" id="dnnPrivacy">Выводит ссылку на страницу о собственнике портала .
[SEARCH]< dnn: Search runat="server" id="dnnSearch">Отображает строку поиска по порталу .
[SIGNIN]< dnn: Signin runat="server" id="dnnSignin">Отображает элемент управления, предназначенный для ввода имени пользователя и пароля .
[SOLPARTMENU]< dnn: SolPartMenu runat="server" id="dnnSolPartMenu">Отображает иерархическое навигационное меню .
[TERMS]< dnn: Terms runat="server" id="dnnTerms">Выводит ссылку на соглашение об использовании портала .
[TREEVIEWMENU]< dnn: TreeViewMenu runat="server" id="dnnTreeViewMenu">Отображает иерархическое навигационное меню с использованием элемента управления Treeview.
[USER]< dnn: User runat="server" id="dnnUser">Элемент управления с двумя состояниями . Отображает " Регистрация " для анонимных пользователей и имя пользователя для аутентифицированных .

Атрибуты шаблонов оформления

Атрибуты шаблонов оформления, которые могут использоваться в файле skin.xml, приведены в табл.7.2

Таблица 14.2. Атрибуты шаблона оформления
ТокенАтрибутЗначение по умолчаниюОписание
[BANNER]BorderWidth0Ширина границы вокруг баннера
[BREADCRUMB]Separatorbreadcrumb.gifРазделитель между ссылками в меню . Может включать ссылки на пользовательские изображения, текст или HTML (например, <![CDATA[&nbsp;<img src="file.gif">&nbsp;]]> )
CssClassSelectedTabИмя таблицы стилей для ссылок в меню .
RootLevel1Корневой уровень отображения ссылок в меню . Возможные значения: "-1" - отображает слово "Root" и далее - все ссылки на страницы ; "0" - отображает все ссылки ; "n" - отображает n>0 ссылок на страницы перед текущей .
[CONTENTPANE]IDContentPaneИдентификатор панели контента, которая будет отображаться в пользовательском интерфейсе и храниться в БД .
[COPYRIGHT]CssClassSelectedTabИмя таблицы стилей для ссылки на страницу с информацией о правах интеллектуальной собственности .
[CURRENTDATE]CssClassSelectedTabИмя таблицы стилей для ссылки для отображения текущей даты .
DateFormatMMMM dd, yyyyФормат текущей даты .
[DOTNETNUKE]CssClassNormalИмя таблицы стилей для ссылки на страницу с информацией о правах интеллектуальной собственности DNN .
[HELP]CssClassOtherTabsИмя таблицы стилей для ссылки на помощь .
[HOSTNAME]CssClassOtherTabsИмя таблицы стилей ссылки Host ( Powered By xxxxxxxxx )
[LANGUAGE]CssClassИмя таблицы стилей для раскрывающегося списка выбора языка .
[LINKS]CssClassCommandButtonИмя таблицы стилей для ссылок .
Separator&nbsp;&nbsp;Разделитель между ссылками . Может включать ссылки на пользовательские изображения, текст или HTML (например, <![CDATA[&nbsp;<img src="file.gif">&nbsp;]]> )
AlignmentHorizontalСтиль меню " Ссылки " (" Horizontal" или " Vertical" )
LevelSameОпределяет отображаемый уровень меню (" Same" - тот же, " Child" - дочерний, " Parent" - родительский, " Root" - корневой)
[LOGIN]TextLoginТекст ссылки " Вход ".
CssClassOtherTabsИмя таблицы стилей для ссылки " Вход ".
LogoffTextLogoffТекст ссылки " Выход ".
[LOGO]BorderWidth0Ширина границы вокруг логотипа сайта .
[PRIVACY]TextPrivacy StatementТекст ссылки о собственнике портала .
CssClassOtherTabsИмя таблицы стилей для ссылки о собственнике портала .
[SEARCH]SubmitSubmitHTML -разметка для активации поиска (например, "Найти " или <img src= " mybutton.gif">
CssClassИмя таблицы стилей для элемента управления " Поиск ".
[SOLPARTMENU]separatecsstrueИспользовать CSS, определенный в таблице стилей ( true, false ) .
backcolor#333333Цвет фона .
forecolorwhiteЦвет элемента меню .
highlightcolorwhiteЦвет левой и верхней границы, дающий эффект подсвечивания .
iconbackgroundcolor#333333Цвет фона в области отображения иконки .
selectedbordercolorЦвет границы, окружающий выбранный элемент меню .
selectedcolor#CCCCCCЦвет фона выбранного элемента меню .
selectedforecolorwhiteЦвет выбранного элемента меню .
displayhorizontalСпособ отображения элементов меню ( vertical, horizontal ) .
menubarheight16Высота прямоугольника меню в пикселях .
menuborderwidth1Ширина границы меню в пикселях .
menuitemheight21Высота элемента меню в пикселях .
forcedownlevelfalseПолное отображение вложенных пунктов меню .
moveablefalseВозможность перемещения меню .
iconwidth0Ширина колонки с иконкой в пикселях .
menueffectsshadowcolordimgrayЦвет тени .
menueffectsmouseouthidedelay500Количество миллисекунд анимации эффекта сворачивания меню ( 0 -отключить) .
mouseouthidedelay1Количество миллисекунд ожидания, после которого меню сворачивается при уводе мыши с него ( 0 -отключить) .
menueffectsmouseoverdisplayHighlightНастройка визуального эффекта при наведении мыши на элемент меню ( Outset - Выдвигание, Highlight - Подсветка, None - Нет) .
menueffectsmouseoverexpandtrueЗадает необходимость разворачивания меню при наведении на него мыши .
fontnamesArialШрифт
fontsize12Размер шрифта
fontboldfalseЖирность шрифта
menueffectsshadowstrength3Ширина эффекта " тень " в пикселях .
menueffectsmenutransitionNoneСпособ исчезания тени (Значения: None, AlphaFade, AlphaFadeBottomRight, Barn, Blinds, Checkerboard, ConstantWave, Fade, GradientWipe, Inset, Iris, RadialWipe, Random, RandomBars, Slide, Spiral, Stretch, Strips, Wave, Wheel, Zigzag ) .
menueffectsmenutransitionlength0.3Количество миллисекунд, требуемое на преобразование .
menueffectsshadowdirectionLower RightНаправление, в котором будет исчезать тень (Значения: None, Top, Upper Right, Right, Lower Right, Bottom, Lower Left, Left, Upper Left ) .
menucontainercssclassMainMenu _ MenuContainerCSS-класс для контейнера меню .
menubarcssclassMainMenu _ MenuBarCSS-класс для прямоугольника меню .
menuitemcssclassMainMenu _ MenuItemCSS-класс для элемента меню .
menuiconcssclassMainMenu _ MenuIconCSS-класс для иконки меню .
menuitemselcssclassMainMenu _ MenuItemSelCSS-класс для элемента меню, на который наведена мышь .
menubreakcssclassMainMenu _ MenuBreakCSS-класс для разрыва в меню .
submenucssclassMainMenu _ SubMenuCSS-класс для подменю .
menuarrowcssclassMainMenu _ MenuArrowCSS-класс для стрелки в меню .
… остальные атрибуты элемента [SOLPARTMENU] описаны в документации по DNN .
[TERMS]TextTerms of UseТекст ссылки соглашения об использовании .
CssClassOtherTabsCSS-класс для ссылки соглашения об использовании .
[USER]TextRegisterТекст ссылки " Регистрация "
CssClassOtherTabsCSS-класс для ссылки " Регистрация ".
Дальше »
Страницы: « | 1 | 2 | 3 | 4 | » для печати и PDA
 
 

Внимание! Если Вы увидите ошибку на нашем сайте, выделите её и нажмите Ctrl+Enter.
Нужна помощь?
• Забыли пароль? Вам сюда...
• Есть вопрос? Спрашивайте!
Вы можете:
• Изменить персональные данные
• Изменить параметры подписки
Интернет-магазин:
• Ваши заказы здесь
• Ваш личный счет
Курсы | Учебные программы | Учебники | Вопросы и Ответы | Форум | Новости | Помощь

Телефон: +7 (499) 253-9312, 253-9313, факс: +7 (499) 253-9310, email: info@intuit.ru
© INTUIT.ru::Интернет-Университет Информационных Технологий - дистанционное образование, 2003-2011
Проект Издательства "Открытые Системы".
Партнеры: РМ Телеком, KRAFTWAY COMPUTERS.
Rambler's Top100