Hvordan lage en detaljert Master Page

Hvordan lage en detaljert Master Page


ASP.NET malsider er mal sider som gjør det mulig for utviklere å lage websider uten å duplisere felles kode. For eksempel kan en utvikler ønsker å bruke et navigasjonsfelt som er felles for alle sidene på et nettsted. I stedet for å plassere baren på hver nettside, utviklere legg den i en detaljert malside og la innholdssider referere hoveddokumentet. Malsider også redusere vedlikeholdskostnader ved å redusere tiden det tar å lage hele nettstedet kode endringer.

Bruksanvisning

1 Åpne Microsoft Visual Studio og velg "Fil> Nytt nettsted." En liste over installerte maler vises.

2 Klikk "ASP.NET Web Site" og skriv "TestProject" (uten anførselstegn) etter navnet på ditt nettsted. Klikk "OK" for å lukke malen vinduet.

3 Høyreklikk på "TestProject" i Solution Explorer. The Solution Explorer ligger i et panel på høyre side av skjermen.

4 Velg "Legg til nytt element" fra drop-down kontekstmenyen for å åpne "Legg til nytt element" vinduet. Dobbeltklikk på "Master Page." Vinduet lukkes og en fil som heter "masterPage.master" vises i Solution Explorer.

5 Dobbeltklikk på "masterPage.master" for å vise sin kode i kode editor.

6 Legg til følgende kode under åpningen "<form>" tag:

<H1> Dette er en overskrift </ h1>

Dette vil legge til en overskrift til toppen av hoveddokumentet.

7 Legg denne koden før den avsluttende "</ form>" tag:

<H2> Dette er en bunntekst </ h2>

Dette vil legge til en bunntekst til bunnen av hoveddokumentet.

8 Høyreklikk på "masterPage.master" og velg "Legg til innhold Side" fra kontekstmenyen. Visual Studio vil legge til en innholdsside som heter "Default2.aspx" til Solution Explorer og åpne koden i koden editor. Denne "ASPX" siden vil vise sideelementer som er definert i hoveddokumentet.

9 Legg denne HTML-kode før den andre "</ asp: Content>" lukking tag:

<P> Dette avsnittet er i innholdet siden <p>

10 Trykk "F5". Visual Studio vil åpne nettleseren og vise følgende tekst på nettsiden:

Dette er en overskrift
Dette er ledd i innholdssiden
Dette er en bunntekst

Hint

  • Plasser alle HTML markup-kode i innholdet taggen. Legg til flere kontroller og elementer til en master for å lage detaljnivået at nettstedet ditt krever.