Темы и скины

Как мы видели на главной странице влияют на общую структуру ряда страниц в приложении (или сайта) на сайте. Тем не менее, почти всегда в реализации сайте вы должны управлять другие элементы, которые могут меняться от страницы к странице, но должен оставаться стабильным в пределах одной страницы (например, шрифт текста). В таком сценарии очень полезный инструмент под названием Темы.

Если вы знакомы с Cascading Style Sheets (CSS), то нетрудно будет понять функционирование вопросов. Две методики похожи, потому что оба факта вы можете определить стиль оформления наших веб-страницах. Это можно использовать тем, чтобы указать стили, графику и другие элементы на страницах нашего сайта.

Темы в основном текстовые файлы, которые определяют характеристики, элементы страницы должны предположить, ASP.NET и включает в себя несколько по умолчанию, хотя вы, конечно, может определить свои собственные.

Приступить к примеру. Создание новой веб-формы (я называю это EsempioTemi.aspx), а затем кликаем правой кнопкой мыши на наш проект и выберите Добавить папку ASP.NET опцию и выберите папку, типа тему

Это приводит к созданию внутри папки с App_Themes папку по умолчанию (называется Theme1)

Переименовать папку в Theme1 по умолчанию и щелкнуть по нему правой кнопкой мыши, добавив новый элемент типа StyleSheet (таблицы стилей). Мы называем же default.css

На данном этапе мы должны установить характеристики наших стилей. Если мы дважды щелкните по нему мы увидим, что содержит только тело тега

Для добавления нового объекта нажмите Добавить стилей Правило стиля меню

Это открывает следующее окно

Предположим, вы хотите добавить элемент H1 нашей таблицы стилей. Элемент выбора в выпадающем меню и нажмите на элемент h1> кнопки, чтобы поместить его в списке Стиль иерархии правила

Нажмите кнопку ОК, раз мы видим, что таблица стилей изменилась следующим образом

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

После нажатия кнопки OK, мы видим, наш выбор, включенные в таблицы стилей

Мы проверяем нашу тему сейчас, добавляя к веб-формы, созданной в начале темы Директива урок и что-то писал в h1 теги

Текст, который я вошел я был тестирования приложения в стиле, и это будет отображаться в браузере по нашим IPOST таблицы стилей

То же самое произойдет для всех элементов нашего заключены в теги h1. Очевидно, мы использовали этот тег как пример, но в принципе таким же образом вы можете настроить все элементы веб-формы.

Наконец я вкратце остановиться на так называемых кожи. Эти элементы способ настроить некоторые свойства группы элементов управления. Например, вы можете определить различные цветовые схемы для определенного типа управления (например, TextBox) характеризуются различными настраиваемыми свойствами.

Определяя соответствующие кожа может предоставлять ряд параметров изображения для группы элементов управления без необходимости устанавливать свойства для каждого экземпляра каждого из них. Например, если веб-форму TextBox содержит десять и хочу дать им некоторое форматирование просто определить соответствующие кожи и присвоить каждому из текстовых полей. Так файлов в кожу определении конкретного вида контроля и атрибутов, которые применяются для всех экземпляров одного и того же.

Вот пример. Создайте новую папку в папке по умолчанию называется Скины видели ранее, и добавить новый элемент внутри типа кожи называется TestSkinFile

Вставьте в созданный файл настройки для некоторых элементов управления, таких как следующие

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

• <<Предыдущий урок
• Помощь Индекс
• Следующее занятие>>