- •Обязательные компоненты
- •Создание макета главной страницы
- •Создание макетной таблицы для главной страницы
- •Добавление статического содержимого на главную страницу
- •Добавление прототипа содержимого
- •Создание содержимого главной страницы
- •Создание страницы Home
- •Добавление содержимого к странице Home
- •Создание страницы About
- •Тестирование страниц
- •Тестирование страниц
- •Создание ссылок на члены главной страницы.
- •Добавление свойства к главной странице
- •Создание ссылки на свойство CompanyName на странице содержимого
- •Тестирование ссылки на свойство главной страницы
- •Динамическое изменение главных страниц
- •Создание копии главной страницы
- •Добавление кнопок для выбора альтернативной главной страницы
- •Написание кода для динамического выбора главной страницы
- •Тестирование динамических главных страниц
- •Замечания по использованию главных страниц
- •Следующие действия
Пошаговое руководство. Создание и использование главных страниц ASP.NET в Visual Web Developer
В этом пошаговом руководстве описывается создание главной страницы и нескольких страниц содержимого. Главные страницы позволяют создавать разметку страницы — страницу шаблона — и затем создавать отдельные страницы, содержимое которых можно объединять с главной страницей во время выполнения. Дополнительные сведения о главных страницах см. в разделе Общие сведения о главных страницах ASP.NET.
В этом пошаговом руководстве рассматриваются следующие задачи:
Создание главной страницы.
Создание страницы ASP.NET с содержимым, которое требуется отобразить на главной странице.
Запуск главных страниц для отображения разного содержимого.
Выбор главной страницы во время выполнения.
Обязательные компоненты
Для выполнения этого пошагового руководства потребуются следующие компоненты:
Visual Studio или Microsoft Visual Web Developer, экспресс-выпуск.
Дополнительно, jpg, gif или другой графический файл, который можно использовать в качестве эмблемы на главной странице. Рекомендуется, чтобы эмблема составляла не более 48 точек в высоту. Однако отображение эмблемы является необязательным и точный размер рисунка не является критичным в этом пошаговом руководстве.
Создание веб-узла
Если веб-узел уже создан в Visual Web Developer (например, в результате выполнения шагов в разделе Пошаговое руководство. Создание базовой веб-страницы в Visual Web Developer), можно использовать этот веб-узел и перейти к следующему разделу Создание главной страницы. В противном случае создайте новый веб-узел и страницу, выполнив следующие шаги.
Создание веб-узла на базе файловой системы
Откройте Visual Web Developer.
В меню Файл выберите Создать веб-узел.
Откроется диалоговое окно Создать веб-узел.
В разделе Установленные шаблоны Visual Studio выберите Веб-узел ASP.NET.
В поле Расположение введите имя папки, где следует хранить страницы веб-узла.
Например, введите имя папки C:\WebSites.
В списке Язык выберите предпочтительный язык программирования.
Нажмите кнопку ОК.
Visual Web Developer создаст папку и новую страницу с именем Default.aspx.
Создание главной страницы
Главная страница является шаблоном внешнего вида страниц. В этом разделе сначала создайте главную страницу. Затем используйте таблицу для размещения главной страницы с меню, эмблемой и нижним колонтитулом, которые будут отображаться на каждой странице веб-узла. Также используйте прототип содержимого, который является областью на главной странице, которую можно заменить сведениями из содержимого страницы.
Создание главной страницы
В Обозревателе решений щелкните правой кнопкой мыши имя веб-узла и выберите команду Добавить новый элемент.
В группе Установленные шаблоны Visual Studio выберите Главная страница.
В поле Имя введите Master1.
Установите флажок Размещать код в отдельном файле.
Примечание.
В этом пошаговом руководстве предполагается, что для всех страниц используются файлы с выделенным кодом. Если используется однофайловая страница ASP.NET, то код, показанный в этом пошаговом руководстве, будет работать, но будет отображаться в представлении Исходный код, а не в отдельном файле кода.
В списке Язык выберите предпочтительный язык программирования и затем — Добавить.
Новая главная страница откроется в представлении Исходный код.
В верхней части этой страницы находится объявление @ Master вместо объявления @ Page, которое обычно находится в верхней части страниц ASP.NET. Основная область страницы содержит элемент управления ContentPlaceHolder, который является областью главной страницы, содержимое которой будет объединено с содержимым страниц во время выполнения.
Создание макета главной страницы
Главная страница определяет внешний вид страниц веб-узла. Она может содержать любое сочетание статического текста и элементов управления. Главная страница также содержит один или несколько прототипов содержимого, которые определяют, где будет отображаться динамическое содержимое при открытии страницы.
В этом пошаговом руководстве используйте таблицу для помощи в размещении элементов на странице. Начините с создания макетной таблицы для размещения элементов главной страницы. Далее в этом разделе будет размещен элемент управления прототипа содержимого, который уже существует на этой странице.