Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
otvety_na_voprosy_WEB (1).doc
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
1.98 Mб
Скачать
  1. Способы оформления web-страниц приложения (css, Темы)

Позиционирование с помощью CSS

  • Более совершенным способом относительного размещения элементов web-формы является использование каскадных таблиц стилей (CSS) и мастер страниц.

  • Для использования в web-форме приложения каскадной таблицы стилей ее нужно добавить с помощью команды «Website=>Add New Item=>Style Sheet».

  • Затем с помощью окна «CSS Outline» (вызывается с помощью команды «View=>Other Window=>Document Ounline») в таблицу стилей можно добавлять различные CSS правила и задавать их свойства.

  • Для использования правил таблицы CSS в web-форме, ее нужно связать с таблицей с помощью тэга <link>, например:

<link href="StyleSheet.css" rel="stylesheet" type="text/css" />

  • В Visual Studio проще всего это сделать, перетащив css-файл из окна «Solution Explorer» в область дизайнера формы (или в раздел <head> исходного текста).

Темы web-приложения

  • Для задания свойств серверных ЭУ используются специальные средства ASP.Net, называемые темами (themes).

  • Темы, отличаются от CSS тем, что используются на стороне сервера, а не на стороне браузера, как CSS. Для использования конкретного правила для элемента управления, нужно его имя задать в свойстве CssStyle, например:

  • <asp:Label ID="Label1" runat="server"

  • Text="Данная метка использует правило heading1."

  • CssClass="heading1"></asp:Label>

  • Связывание элементов формы с правилами проще выполнять с использованием окна «Apply Styles».

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

  • В одном web-приложении можно создать одну или несколько тем, которые могут связываться с web-формами приложения как статически, так и динамически (в программном коде).

  • В одном web-приложении можно создать одну или несколько тем, которые могут связываться с web-формами приложения как статически, так и динамически.

  • В том случае, если приложение содержит определение для нескольких тем, каждая из них должна быть помещена в отдельный подкаталог каталога App_Themes, находящийся в корневом каталоге web-приложения.

  • Тема состоит из одного или нескольких файлов оформления с расширением “.skin”.

  • Данный файл является простым текстовым файлом, в котором описываются свойства ЭУ, используемых в web-формах приложения.

  • Описания свойств ЭУ (дескрипторы) походят на описание самих ЭУ в шаблонах web-форм (файл aspx), однако,

    • в отличие от самих элементов, дескрипторы не имеют атрибута id.

    • содержат лишь те свойства ЭУ, значения которых необходимо установить.

  • Для добавления темы в проект web-приложения, необходимо выполнить следующие действия:

    • Выполнить команду главного меню «WebSite=>Add New Item», в открывшемся окне выбрать шаблон «Skin File», нажать OK.

    • Visual Studio предупредит о том, что создаваемый файл оформления будет помещен в папку App_Themes и спросит, нужно ли добавить ее в проект в том случае, если она не существует.

    • Ввести дескрипторы описания серверных элементов управления приложения (пример описания оформления элементов TextBox приведен выше).

  • Созданная тема может быть добавлена

    • ко всем страницам web-приложения,

    • к файлам подкаталога или

только к некоторым web-формам.

  • Для задания темы для всех web-форм приложения (или для web-форм подкаталога) нужно в соответствующем конфигурационном файле web.config, в котором находятся web-формы, определить используемую тему с помощью директивы pages.

<system.web>

<pages theme="myTheme" />

</system.web>

  • В этом случае тема будет применена ко всем формам web-приложения (или подкаталога).

  • В случае, если тему необходимо применить только к выбранной web-форме, то необходимо выбрать объект DOCUMENT в окне свойств страницы и ввести в свойство Theme имя темы, которую необходимо применить к данной странице.

  • При этом Visual Studio скорректирует директиву Page данной страницы:

<%@ Page ….. Theme="myTheme">

  • При задании темы страницы, ASP.Net в момент выполнения страницы на сервере подменяет значения свойств элементов управления, web-формы, на соответствующие значения, которые описаны в дескрипторах темы.

  • Таким образом, тема является более приоритетной по отношению к свойствам элемента управления.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]