Nwlapcug.com


Come creare una pagina Master dettagliata

Come creare una pagina Master dettagliata


Le pagine master ASP.NET sono pagine modello che consentono agli sviluppatori di creare pagine Web senza duplicare il codice comune. Ad esempio, uno sviluppatore potrebbe voler utilizzare una barra di navigazione che è comune a tutte le pagine di un sito. Invece di mettere la barra su ogni pagina Web, gli sviluppatori metterlo in una dettagliata pagina master e lasciare che in pagine di contenuto riferimento alla pagina master. Pagine master riducono anche i costi di manutenzione, riducendo il tempo necessario per apportare modifiche al codice di livello di sito.

Istruzioni

1

Aprire Microsoft Visual Studio e selezionare "File > nuovo sito Web." Verrà visualizzato un elenco dei modelli installati.

2

Fare clic su "sito Web ASP.NET" e immettere "TestProject" (senza virgolette) per il nome del tuo sito Web. Fare clic su "OK" per chiudere la finestra del modello.

3

Pulsante destro del mouse "TestProject" in Esplora soluzioni. Esplora soluzioni è situato in un pannello sulla destra dello schermo.

4

Scegliere "Aggiungi nuovo elemento" dal menu di scelta rapida discesa per aprire la finestra "Aggiungi nuovo elemento". Fare doppio clic su "Pagina Master". La finestra si chiuderà e un file denominato "MasterPage. master" verrà visualizzato in Esplora soluzioni.

5

Fare doppio clic su "Master" per visualizzare il relativo codice nell'editor di codice.

6

Aggiungere il codice seguente sotto il tag di apertura "< forma >":

< h1 > si tratta di un'intestazione < / h1 >

Verrà aggiunta un'intestazione nella parte superiore della pagina master.

7

Aggiungere questo codice prima della chiusura tag "< / form >":

< h2 > si tratta di un piè di pagina < / h2 >

Questo aggiungerà un piè di pagina alla parte inferiore della pagina master.

8

Pulsante destro del mouse "MasterPage. master" e selezionare "Aggiungi pagina contenuto" dal menu contestuale. Visual Studio sarà aggiungere una pagina di contenuto denominata "Default2" a Esplora soluzioni e aprire il codice nell'editor di codice. Questa pagina ". aspx" Visualizza gli elementi di pagina definiti nella pagina master.

9

Aggiungere questo codice HTML prima del secondo "< / asp: Content >" tag di chiusura:

< p > questo paragrafo è nella pagina di contenuto < p >

10

Premere "F5". Visual Studio si aprirà il browser e visualizzare il seguente testo nella pagina Web:

Si tratta di un titolo
Questo paragrafo è nella pagina di contenuto
Si tratta di un piè di pagina

Consigli & Avvertenze

  • Inserire tutto il codice markup HTML all'interno del tag contenuto. È possibile aggiungere ulteriori comandi e gli elementi a una pagina master per creare il livello di dettaglio che richiede il tuo sito.