Difference between revisions of "6237 asp masterpages"

From Teknologisk videncenter
Jump to: navigation, search
(Master page)
(Master page)
Line 7: Line 7:
  
  
[[File:asp_masterpagepic1.png]]
+
[[File:asp_masterpagepic1.png|800px]]
  
  
Line 13: Line 13:
  
  
[[File:asp_masterpagepic4.png]]
+
[[File:asp_masterpagepic4.png|800px]]
[[File:asp_masterpagepic5.png]]
+
[[File:asp_masterpagepic5.png|800px]]
  
  
Line 20: Line 20:
  
  
[[File:asp_masterpagepic6.png]]
+
[[File:asp_masterpagepic6.png|800px]]
  
  
Line 34: Line 34:
  
  
  [[File:asp_masterpagepic2.png]]
+
  [[File:asp_masterpagepic2.png|800px]]
  
  
 
Derefter tilpasser du din menu så den peger på de to sider du har lavet. Vælg Edit menu  
 
Derefter tilpasser du din menu så den peger på de to sider du har lavet. Vælg Edit menu  
  
  [[File:asp_masterpagepic3.png]]
+
  [[File:asp_masterpagepic3.png|500px]]
  
  
 
Nu skulle din side gerne indholde 2 sider som begge har samme menu øverst.
 
Nu skulle din side gerne indholde 2 sider som begge har samme menu øverst.
  
  [[File:asp_masterpagepic7.png]]
+
  [[File:asp_masterpagepic7.png|500px]]
  
  

Revision as of 11:51, 8 October 2015

Master page

Master pages er en hjælp til at skabe et ensartet design på sin hjemme side.
Det fungerer ved at man bygger header, footer og menuer på sin side i en fælles master, og derefter kun skifter nogle få elementer på de individuelle sider.
Start med at indsætte et nyt element og vælg Web Forms Master Page


Asp masterpagepic1.png


Vi skal nu lave et par sider som benytter master page. Vælg add new og derefter Web Form with Master page


Asp masterpagepic4.png Asp masterpagepic5.png


På siden laver du en label som skriver "Dette er side 1"


Asp masterpagepic6.png


Lav en side 2 på samme måde




Indsæt derefter en Menu i din Master page. Du finder menu i toolbox under navigation. Det er vigtigt at menuen kommer til at stå før Content place holder som er der hvor indholdet fra dine sider skal stå.


Asp masterpagepic2.png


Derefter tilpasser du din menu så den peger på de to sider du har lavet. Vælg Edit menu

Asp masterpagepic3.png


Nu skulle din side gerne indholde 2 sider som begge har samme menu øverst.

Asp masterpagepic7.png


Brug resten af dagen på at style din side så du før lidt pænere farver, rammer m.m. Det kan alt sammen vælges som style på de enkelte elementer