Microsoft Expression Web - Pagine master

In questo capitolo impareremo le pagine master ASP.NET. Quando creiamo una pagina master, possiamo disporla, applicare stili e aggiungere controlli ASP.NET nello stesso modo delle altre pagine in Microsoft Expression Web. Il layout e il contenuto che creiamo in una pagina master vengono applicati alle pagine allegate alla pagina master. È un concetto simile aDynamic Web Template.

I modelli web dinamici ti consentono di applicare un aspetto comune a tutte le pagine del tuo sito web. Poiché i modelli Web dinamici vengono applicati nelle pagine a cui sono allegati in fase di progettazione, l'applicazione delle modifiche a tutte le pagine di un sito può causare un ritardo mentre l'HTML viene aggiornato in tutte le pagine.

Se il server esegue ASP.NET, le pagine master ASP.NET consentono funzionalità simili definendo le aree modificabili nel modello. Tuttavia, l'applicazione del modello al contenuto personalizzato nelle pagine viene eseguita dinamicamente in fase di esecuzione.

Esempio

Diamo un'occhiata a un semplice esempio in cui creeremo una pagina master utilizzando il modello CSS e utilizzeremo questa pagina master per creare altre pagine.

Step 1 - Apri il file index.html pagina in cui abbiamo definito diverse sezioni utilizzando il foglio di stile CSS.

Step 2 - Dal File menu, vai a New → Page e vedrai la finestra di dialogo Nuova pagina.

Step 3 - Dal riquadro di sinistra, selezionare ASP.NET e dall'elenco centrale, selezionare Pagina master e fare clic sul pulsante OK.

Step 4 - La schermata sopra produrrà un pop-up denominato Untitled1.master. Salva questa pagina e assegnagli un nomedefault.master.

Step 5- Vogliamo inserire il nostro design nella pagina master che verrà condivisa in tutto il nostro sito. Quindi copiamo il codice del contenuto che vorresti avere su ogni pagina dal codice index.html e incolliamo il codice nella pagina default.master.

Step 6- Ora abbiamo un layout che vorremmo utilizzare su ogni pagina del sito. Tuttavia, se dovessimo iniziare a creare le pagine di contenuto ora, non saremmo in grado di inserire effettivamente alcun contenuto in questo layout. Quindi, dobbiamo creareASPX contentpagine dalla pagina master. Per fare ciò, dobbiamo aggiungere il filecontent region così da poter aggiungere contenuto alle pagine specificate.

Nella visualizzazione struttura, fai clic con il pulsante destro del mouse nel punto in cui desideri inserire il contenuto nelle tue pagine. Supponiamo di voler aggiungere contenuto nella sezione del contenuto principale e quindi fare clic suManage Microsoft ASP.NET Content Regions…

Step 7 - Nella procedura guidata Gestisci aree di contenuto, inserisci il file Region Name e fare clic Close.

Step 8- Come si può vedere nello screenshot seguente, il Content PlaceHolder viene aggiunto nella sezione del contenuto principale. Ora dobbiamo aggiungere la pagina web ASPX.

Step 9 - Vai al menu File e seleziona New → Create from Master Page…

Step 10 - Vai alla pagina default.master e fai clic su OK.

Step 11 - Ora viene creata una nuova pagina ASPX e tutti gli stili di layout vengono applicati dalla pagina master.

Aggiungi del testo nella sezione principale.

Step 12 - Salva questa pagina e chiamala mypage.aspx e quindi visualizzarlo in anteprima in un browser.