Программирование с использованием ajax. Программирование

Программирование >> Программирование с использованием ajax

1 ... 210 211 212 [ 213 ] 214 215 216 ... 396

АМД Mtitf. P 5f

iJCrytUIMpOrt MTMt Pie.

У styit sne

I Ai6Uir< Centici jjAAJOxnl Central

* j A b ГО€Щ

CUii

Puc. 20.1. Добавление элемента Master Page

4. Вставьте на страницу таблицу, выбрав пункт меню Table =>Insert Table (Таблица => Вставить таблицу). В появившемся диалоговом окне Insert Table (Вставить таблицу) выберите три строки и два столбца, как показано на рис. 20.2. Элемент меню Table (Таблица) будет доступен только в том случае, если в окне Design View (Представления дизайна) будет открыт редактор.

Rowj: (з -г CoUww: [3

lew! ........................-

15 F

Borden ..............................................---

Sie: 0

*:CotapKt*iebor<to

B iaoLnd ................... .......-----......----

им b Avoira pKUrt

s ------------------......

Set at defaJl for rw tk)t

Pmc. 20.2. Диалоговое окно Insert Table

5. Выделите два столбца в первой строке и объедините их, выбрав пункт меню Table=>Moclify=>Merge Cells (Таблица=>Изменить=>Объединить ячейки). Сделайте то же самое для столбцов в последней строке.

6. Добавьте текст Registration Demo Web в верхней части мастер-страницы и знак авторского права в нижней части страницы. Чтобы сделать размер текста больше, его можно поместить в дескрипторы <Н1>. Также выровняйте текст по центру.

7. Во второй строке добавьте элемент ContentPlaceHolder в каждый столбец. Присвойте имя ContentPlaceHolderMenu элементу ContentPlaceHolder в левой части и имя ContentPlaceHolderMain элементу ContentPlaceHolder в правой части.

8. Добавьте текст Default content of the Registration Demo Web Master в элемент ContentPlaceHolder в правой части.

9. Придайте размеры таблице на странице так, как показано на рис. 20.3.

Registration Demo Web

Ddaufc Coninn of die Rcpsoanoo Dono W eb

Puc. 20.3. Установка размеров страницы

Описание полученных результатов

Как уже упоминалось ранее, мастер-страница содержит HTML-код с дескрипторами <FORM>, содержащими заполнители, содержимое которых будет заменено страницами, использующими мастер-страницу HTML-таблица определяет компоновку страницы:

<%(а Master Language= C# AutoEventWireup= true

CodeFile= EventRegistration.master.es Inherits= EventRegistration %> <!DOCTYPE html PUBLIC - W3C DTD XHTML 1.1 EN http: www.w3.org/TR/xhtml11/DTD/xhtml11.dtd > <html xmlns= http: www.w3.org/1999/xhtml > <head runat= server >

<title>Untitled Page</title>

<asp:ContentPlaceHolder id= head runat= server > </asp:ContentPlaceHolder> <style type= text/css >

.stylel

width: 100%; height: 353px;

.style2 {

text-align: center;

.style3 {

font-size: smaller;

.styled {

height: 58px;

Использование мастер-страницы

1. Добавьте новый элемент Web Form в Web-приложение и присвойте ему имя EventList .aspx. Отметьте флажок Select Master Page (Выбрать мастер-страницу), как показано на рис. 20.4.

2. Щелкните на кнопке Add (Добавить), чтобы открыть диалоговое окно Select Master Page (Выбрать мастер-страницу). Выберите ранее созданную мастер-страницу EventRegistration.master (рис. 20.5) и щелкните на кнопке ОК.

3. В окне Source View (Представление исходного кода) файла EventList. aspx будет показано только три элемента управления Content после директивы Page, которая ссылается на элементы управления ContentPlaceHolder из мастер-страницы. Измените свойства ID элементов управления Content на ContentHead, ContentMenu и ContentMain:

<%@ Page Language= C# MasterPageFile= ~EventRegistration.master AutoEventWireup= true CodeFile= EventList.aspx.cs Inherits= EventList Title= Untitled Page %>

.styles {

height: 24 9рх;

</style> </head> <body>

<hl class= style2 >Registration Demo Web</hl>

</td> </tr> <tr>

<asp:ContentPlaceHolder ID= ContentPlaceHolderMenu runat= server >

</asp:ContentPlaceHolder> </td> <td>

<asp:ContentPlaceHolder ID= ContentPlaceHolderMain runat= server >

<p>Default content of the Registration Demo Web</p> </asp:ContentPlaceHolder> </td> </tr> <tr>

</tr> </table> </form> </body> </html>

После того как создадите мастер-страницу, вы сможете использовать ее из Web-страницы, как показано в следующем упражнении.

1 ... 210 211 212 [ 213 ] 214 215 216 ... 396