Come creare un Master dettagliata pagina

October 21

Come creare un Master dettagliata pagina


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 desiderare di 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 messo in una pagina dettagliata master e lasciare che le pagine di contenuti di riferimento la pagina master. Le pagine master riducono anche i costi di manutenzione, riducendo il tempo necessario per apportare modifiche al codice a livello di sito.

istruzione

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

2 Fai clic su "Sito Web ASP.NET" e inserire "TestProject" (senza virgolette) per il nome del tuo sito web. Fai clic su "OK" per chiudere la finestra del modello.

3 Right-click "TestProject" in Esplora soluzioni. Il Solution Explorer si trova in un pannello sulla destra dello schermo.

4 Scegliere "Aggiungi nuovo elemento" dal menu di scelta rapida discesa per aprire la finestra "Add New Item". Fare doppio clic su "Pagina master". La finestra si chiude e un file chiamato "masterPage.master" apparirà in Esplora soluzioni.

5 Fare doppio clic su "masterPage.master" per visualizzare il codice nell'editor di codice.

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

<H1> Questa è un'intestazione </ h1>

Questo aggiungerà un titolo alla parte superiore della pagina master.

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

<H2> Questo è un piè di pagina </ h2>

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

8 Right-click "masterPage.master" e selezionare "Aggiungi Contenuti Pagina" dal menu contestuale. Visual Studio aggiungerà una pagina di contenuto denominato "Default2.aspx" al Solution Explorer e aprire il codice nell'editor di codice. Questa pagina "aspx" mostrerà gli elementi della pagina definiti nella pagina master.

9 Aggiungere questo codice HTML prima della seconda "</ asp: Content>" tag di chiusura:

<P> Questo paragrafo si trova nella pagina di contenuto <p>

10 Premere il tasto "F5". Visual Studio verrà aprire il browser e visualizzare il testo seguente sulla pagina web:

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

Consigli e avvertenze

  • Mettere tutto il codice markup HTML all'interno del tag contenuti. Aggiungere i controlli e gli elementi aggiuntivi a una pagina master per creare il livello di dettaglio che il vostro sito richiede.