Пользовательский интерфейс и мастер-страниц

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

Решение дать страниц общего внешнего вида сайта, чтобы создать первичный класс, от которого все страницы выводить. Так как ASP.NET основана на модели сосредоточены на страницу класса только для реализации основной страницы (страница Primary), свойства которого будут унаследованы от страницах нашего сайта

Все страницы. Aspx страница выводится из первичных который в свою очередь, происходит от System.Web.UI.Page. Первичного сделок страницу с загрузкой общих элементов между страницами и каждую страницу ручки отдыха.

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

Главная страница используется в качестве шаблона, а затем, когда пользователь переходит на страницу, которая зависит от главной страницы запросов и ответов фильтруются последнего. ASP.NET главной странице, и затем объединяет содержимое страницы (. Aspx) в одном классе. При содержании запросе страницы вставки главной страницы в файл. Aspx форма управления, который добавляется в коллекцию элементов управления на странице.

Посмотрим теперь, как определить и использовать главную страницу. Мы начинаем Visual Studio и создайте новый проект типа Пустой веб-узел. Добавить новый элемент типа главных страниц в нашем проекте

На уровне страницы зрения похожа на нормальную веб-формах в предыдущих уроках и код, сгенерированный Visual Studio, является следующее

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

Например, давайте изменим тело тега, установив цвет фона (фон), кроме

главная страница теперь имеет серый фон (# bbbbbb).

Давайте добавим новый элемент в нашем проекте веб-формы (назовем его Default.aspx), проверка нижней Добавить диалоговых окон Пункт Выберите главную страницу

Нажмите кнопку ОК, вены мы представили еще одно диалоговое окно, в котором мы можем выбрать главную страницу для страницы, которую вы хотите добавить в проект (в нашем случае будет только одна)

Если мы посмотрим на вкладке Конструктор на страницу Default.aspx мы увидим, что он имеет тот же цвет фона для главной страницы, и это показывает, что страница наследует параметры шаблона.

Это код, сгенерированный Visual Studio на страницу Default.aspx

в нем мы видим MasterPage.master ссылку на страницу.

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

Очевидно, что представлено как простой, но предполагает, что потенциал этих инструментов, особенно в местах со сложной графикой.

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