Tisková verze článku  Poslat článek e-mailem  14. ledna 2007 | Radek Kropík | Komentáře (1)  

Master Page a její použití

Pokud se podíváte na nějakou webovou stránku, všimnete si, že část stránky zůstává stejná (hlavička, menu, patička) a mění se jen její část (výpis článku, informací apod.). Z toho vyplívá, že není potřeba výše zmíněné prvky, které jsou pro všechny stránky stejné, umisťovat zvláště do každé stránky, ale je lepší vytvořit jakousi šablonu, která bude tyto prvky obsahovat a jen určíme v této šabloně místo, kam budeme vkládat dynamicky měnící se obsah v závislosti na požadavku klienta. A toto nám právě umožňuje technika zvaná Master Page, která je dostupná v ASP.NET 2.0. Ve starší verzi 1.x nebude tato technika bohužel fungovat.

Master Page stránka se od normální ASP.NET stránky liší direktivou <%@ Master %> namísto <%@ Page %> a také příponou .master – např. stranka.master. Pojďme si nejprve ukázat příklad, jak taková Master Page vypadá. Následující příklad je uložen pod názvem masterPage.master.

<%@ Master Language=“VB“ %>
<html>
 <head>
  <title>Použití Master Page</title>
 </head>
 <body>
  <form runat=“server“>
   <table border=“0“ width=“100%“ bgcolor=“yellow“>
    <tr>
     <td>
      <h1>Příklad použití Master Page</h1>
     </td>
    </tr>
   </table>
   <br />
   <asp:ContentPlaceHolder runat=“server“
           id=“Clanek“ />
  </form>
 </body>
</html>

Toto je pouze jednoduchá ukázka stránky a prosím webdesignéry, aby mě za něj nekamenovali. Tato stránka se od normální ASP.NET stránky liší změnou direktivy v hlavičce a také umístěním ContentPlaceHolderu do těla stránky. V místě, kde je tento ContentPlaceHolder vložen, bude zobrazena tzv. contentová neboli obsahová stránka, kterou si nyní vytvoříme a nazveme ji default.aspx. Všimněte si, že tato stránka již neobsahuje tagy <html>, <head> nebo <body> a to z důvodu, že toho obsahuje již Mater Page stránka.

<%@ Page Language=“VB“
     MasterPageFile=“masterPage.master“ %>
<asp:Content ID=“Content1“ runat=“server“
       ContentPlaceHolderID=“Clanek“>
 <div>
  <h1>Vložená obsahová stránka</h1>
  <p>Vítejte na mé první Master Page stránce</p>
 </div>
</asp:Content>

Pokud nyní zavoláme stránku default.aspx, tato vyhledá Master Page stránku masterPage.master, dojde ke sloučení těchto dvou stránek a výsledek se vám zobrazí v prohlížeči jako jedna stránka, kde stránka default.aspx je obalena šablonou masterPage.master. Jak je vidět z výše uvedeného jednoduchého příkladu, používání Master Page nabízí vývojářům skutečný komfort při tvorbě webových aplikací. K jedné Master Page stránce můžeme samozřejmě přiřadit více obsahových content stránek a tak vlastně sjednotit vzhled celého webu při různorodém obsahu. Tento článek byl samozřejmě jen nástin toho, co Master Page umožňuje a jistě se k tomuto tématu ještě v budoucnu vrátíme.


Radek Kropík




Komentáře k článku


Příspěvky vyjadřují stanovisko čtenářů, nikoliv provozovatelů serveru a redakce nenese odpovědnost za jejich obsah.

        #1
Gravatar
ps

MasterPage je milá věc, ale zkuste mi zjistit v Contentpage, která položka z menu na MasterPage, byla stisknuta. Menu má 2 položky, NavigateURL mají obě stejné (např.content.aspx) a liší se pouze hodnotou Value.




     Komentáře k tomuto článku byly již uzavřeny.


Novinky a oznámení

19.10.11 - Nyní najdete nově u každého článku ikonu obálky. Pokud na ní kliknete, budete moci odeslat odkaz na vybraný článek na e-malovou adresu, kterou zadáte v zobrazivším se formuláři. Odpadá vám tak nutnost pro odeslání odkazu na zajímavý článek spouštět e-mailového klienta a zakládání nového e-mailu.

11.10.11 - Nově v magazínu naleznete tzv. QR kód, který obsahuje vždy adresu právě zobrazené stránky. Pokud máte zobrazenou některou z kategorií článků, obsahuje QR kód adresu této kategorie, pokud máte zobrazený článek, QR kód obsahuje adresu zobrazeného článku, v ostatních případech obsahuje QR kód hlavní adresu magazínu.

23.09.11 - V neděli 25.9.2011 v době mezi 1:00 a 5:00 hod. proběhl přesun služeb serveru na nový hardware. Za nedostupnost magazínu v době přesunu se vám omlouváme.


QR kód článku

QR kód článku

Aktualizace e-mailem

Nechcete, aby vám unikl nový článek? Není nic jednoduššího, než se zaregistrovat a kdykoliv vyjde v magazínu nový článek, dáme vám vědět e-mailem.




Ikonka pro Vás

Líbí se vám tento magazín a rádi byste ho nějak podpořili? Pokud máte své webové stránky, budeme vám vděčni, pokud si na ně přidáte naší ikonku. Stačí přidat na váš web HTML kód, kderý najdete zde.


Partnerské weby


Naši fanoušci na Facebooku


Statistika


Reklama