Interfície d'usuari i pàgines mestres

Una característica distintiva dels llocs web moderns és sens dubte l'atenció al detall i la facilitat d'ús de les diferents pàgines que la componen. Per exemple, els llocs més populars es basen en patrons de colors i jocs de caràcters són idèntics en totes les pàgines i també proporciona mitjans simples i intuïtius de navegació a través de les pròpies pàgines. La resta va a passar una mica de tots a disposar de llocs amb pàgines de totes les diferents i difícils d'usar, aquí és que això és el que hem d'evitar per als nostres llocs.

La solució a donar a les pàgines una aparença i funcionament comú d'un lloc és crear una classe de primària de la qual deriven totes les pàgines. Com que ASP.NET es basa en un model centrat en la classe Page acaba d'implementar una pàgina principal (pàgina principal), les propietats s'hereten de les pàgines del nostre lloc

Totes les pàgines. Aspx deriva de la primària que al seu torn deriva de System.Web.UI.Page. La pàgina s'ocupa de primària amb la càrrega dels elements comuns entre les pàgines i cada pàgina s'encarrega de la resta.

Les eines proporcionades per ASP.NET per crear aquest tipus d'estructura és la pàgina mestra trucada. Aquestes pàgines són molt similars a una pàgina típica d'un lloc i es defineixen en els arxius amb extensió. Mestre.

Una pàgina principal s'utilitza com una plantilla i després, quan un usuari navega a una pàgina que depèn d'una pàgina mestra peticions i les respostes són filtrades pel segon. ASP.NET pàgina principal i després combina el contingut de la pàgina (. Aspx) en una sola classe. Quan el contingut de la pàgina es demana la inserció de la pàgina principal a l'arxiu. Aspx d'un control que s'agrega a la col.lecció de controls a la pàgina.

Vegem ara com definir i utilitzar una pàgina principal. Partim de Visual Studio i crear un nou projecte de lloc web buit tipus. Afegir un nou element de la pàgina principal tipus en el nostre projecte

El punt de vista de nivell de pàgina és similar a la forma normal de la web vist abans, i el codi generat per Visual Studio és la següent

Permetin-me assenyalar que va ser introduït en el control ContentPlaceHolder que es discutirà més endavant. Per a la resta de la pàgina principal es pot personalitzar al seu gust com una pàgina normal en el nostre lloc.

Per exemple, anem a canviar l'etiqueta del cos mitjançant l'establiment d'un color de fons (background) que no sigui

la pàgina principal té ara un fons gris (# bbbbbb).

Anem a afegir un nou element al nostre projecte un formulari web (anomenada default.aspx), el control de la part inferior de la Addició de quadres de diàleg Nou element de la pàgina principal seleccioneu

Feu clic a D'acord vena que presenta un altre quadre de diàleg en el qual podem seleccionar la pàgina principal de la pàgina que va a afegir al projecte (en el nostre cas només hi haurà un)

Si ens fixem en la pestanya Disseny per a la pàgina default.aspx, veurem que té el mateix color de fons de la pàgina principal i això mostra que la pàgina hereta la configuració de la plantilla.

Aquest és el codi generat per Visual Studio a la pàgina default.aspx

en ella veiem la MasterPage.master pàgina de referència.

En aquest punt, podem crear totes les pàgines que desitgi (cada un amb contingut personalitzat) i li donem a la nostra pàgina principal. Per tant, si anem a canviar el contingut de la pàgina principal s'actualitzarà en un sol pas totes les pàgines que en depenen.

És evident que el que es presenta com una senzilla però suggereix que el potencial d'aquestes eines, especialment en llocs amb gràfics complexos.

• <<Lliçó anterior
• Índex de l'ajuda
• Lliçó següent>>