Мастер-страницы.
Проектирование и разработка web-приложений
В web-форме, показанной на рис. 4.9, описаны два ЭУ asp: Content, которые ссылаются на элементы asp: ContentPlaceHolder с помощью атрибутов ContentPlaceHolderlD. При обращении пользователя к web-форме Default. aspx получается результат, который показан на рис. 4.10. В результате этих действий созданная страница содержания может заполняться серверными ЭУ и другим содержанием обычным образом… Читать ещё >
Мастер-страницы. Проектирование и разработка web-приложений (реферат, курсовая, диплом, контрольная)
Для задания одинаковой структуры у всех web-форм приложения используется мастер-страницы. Это шаблоны, которые содержат общие для всех форм элементы и специальные элементы (хотя бы один) ContentPlaceHolder (держатели места для содержания), определяющие местоположение областей, в которых будет размещаться содержание других web-форм (страниц-содержаний). Например,.
Для использования мастер-страницы в директиве Раде с webформы нужно задать атрибут MasterPageFile, который связывает ее с используемой мастер-страницей, например,.
MasterPageFile="-/Site.master" .
Web-форма, использующая мастер-страницу, должна включать элементы, описывающие содержание (HTML-разметку и серверные ЭУ), которое будет включаться в соответствующие им элементы мастер-страницы. Связь между ними задается с помощью атрибута ContentPlaceHolderlD. Например, содержание следующего ЭУ.
ContentPlaceHolderlD= «HeadContent» >
будет размещаться в том месте мастер-страницы, где находится ЭУ ContentPlaceHolder, имеющий ID со значением HeadContent.
Обычно мастер-страница содержит фиксированные элементы, одинаковые для всех страниц, и заполнитель содержимого для остальной части страницы. Наиболее типичными фиксированными элементами являются верхний и нижний колонтитулы, панель навигации, панель меню и т. д.
В качестве примера рассмотрим мастер-страницу site. master, создаваемую в шаблоне ASP.Net Web Site (или Web Application), показанную на рис. 4.8.
Рис. 4.8. Мастер-страница Site. master из шаблона ASP.Net Web Site.
В данной мастер-странице описаны два ЭУ типа ContentPlaceHolder: с идентификаторами HeadContent (в заголовке страницы) и MainContent с идентификатором MainContent (в теле страницы). На каждой странице также содержатся такие ЭУ, как asp: LoginView (подключение пользователя к web-приложению) и asp: Menu (меню web-приложения для перехода между web-формами). Кроме этого, данная мастер-страница использует каскадную таблицу стилей Site. css: clink href="—/Styles/Site.css" rel-" stylesheet" type-'text/css" />, которая задает блочную верстку формируемого HTML-кода, что было ранее описано в разделе «Блочная верстка HTML-документов» .
Мастер-страница Site. master используется, например, страницей содержания Default. aspx (рис. 4.9).
Рис. 4.9. Страница-содержания Default. aspx из шаблона ASP.Net Web Site.
Рис. 4.10. Результат выполнения запроса пользователя к web-форме Default.aspx.
В web-форме, показанной на рис. 4.9, описаны два ЭУ asp: Content, которые ссылаются на элементы asp: ContentPlaceHolder с помощью атрибутов ContentPlaceHolderlD. При обращении пользователя к web-форме Default. aspx получается результат, который показан на рис. 4.10.
Для связывания новой web-формы приложения (например, Page2. aspx) с мастер-страницей нужно при ее создании установить флажок Select master page и выбрать используемую мастер-страницу (в данном случае — Site. master). После этого ссылку на новую страницу содержания нужно включить в меню:
EnableViewState="false" lncludeStyleBlock="false" .
Orientation="Horizontar>
Рис. 4.11. Использование новой web-формы со стандартной мастер-страницей.
В результате этих действий созданная страница содержания может заполняться серверными ЭУ и другим содержанием обычным образом. Полученный результат показан на рис. 4.11.