La presentazione è in caricamento. Aspetta per favore

La presentazione è in caricamento. Aspetta per favore

Progettare siti con ASP.net. Master page ASP.NET master pages permettono di creare un layout consistente per le pagine di unapplicazione Le Master pages.

Presentazioni simili


Presentazione sul tema: "Progettare siti con ASP.net. Master page ASP.NET master pages permettono di creare un layout consistente per le pagine di unapplicazione Le Master pages."— Transcript della presentazione:

1 Progettare siti con ASP.net

2 Master page ASP.NET master pages permettono di creare un layout consistente per le pagine di unapplicazione Le Master pages sono formate da almeno due parti, la pagina master e una o più pagie contenute La master page ha unestensione.master con un layout predefinito che può contenere testo statico, elementi HTML, controlli server, etc. La master page contiene una direttiva al posto della Page usata per le pagine.aspx Anche la può contenere gli attributi della come ad esempio il code-behind file

3 Master page Oltre a testo statico e controlli le Master page possono contenere uno o più controlli ContentPlaceHolder, che definiscono le regioni con c proviene da altri file Si definiscono poi le pagine che sono basate su una master page nei placeholder controls che sono comunque pagine ASP.NET (.aspx e, eventualmente, code-behind file) che vengono legati a una specifica Master Page. Il legame viene fatto nella Page includendo lattributo MasterPageFile che punta alla Master Page.

4 Master page

5 Master Page La Page lega il contenuto della pagina a una specifica master page. Notare che le content page non contengono contenuto fuori dai controllo Content. La master page deve contenere un elemento head con un attributo runat="server" in modo da poter fare il merge a runtime) Si possono definire più master page in uno steso sito e chiaramente più pagine che si basano su una Master Page Non si può applicare un tema a una master page. Si possono però applicare i temi alle pagine che derivano dalle Master o viene comunque applicato un tema defiito per lintero sito Le Master page possono essere annidate, con una agine Master che ne referenzia unaltra. Una master page figlia ha estensione.master, e normalmente contiene content controls che sono mappati a content placeholders sulla master page padre. Chiaramente, la master page figlia ha anche essa content placeholders

6 Accesso ad oggetti sulla master page Per referenziare la pagina Master occorre mettere nella pagina figlia la direttiva MasterType, va inserita subito sotto la direttiva Page. Creare una proprietà nella Master (I campi di default sono private) public void impostaColorePI(Color colore) { Panel1.BackColor = colore; } Esempio d metodo che modifica caratteristiche Master.impostaColorePI(System.Drawing.Color.Gray); Master.Page.Header.Title = "MSDN"; Image masterPrimoLogo = (Image)Master.FindControl("PrimoLogo"); if (masterPrimoLogo != null) masterPrimoLogo.ImageUrl = "Immagini/imgMSDN.jpg";

7 Master Page annidate Pagina padre Parent Master This is parent master content. Pagina figlia Child master This is child master content. This is child master content.

8 Master Page annidate Pagina che usa la master page figlia

9 I temi I temi permettono di assegnare uno stessa formattazione grafica a una pagina o ad un insieme di pagine Per associare a una pagina un tema occorre creare un nuovo tema (click con dx su progetto add asp.net foder theme Viene creata la cartella App_themes con allinterno unaltra cartella (normalmente theme1) che si può rinominare (es mioTema) Click con il destro sulla cartella e si aggiunge un nuovo file di testo con estensione.skin che contiene formattazione per gli elementi lato sserver, es.

10 Temi aggiungere alla direttiva Page lattributo Theme=mioTema se si vuole applicare il tema e avere predominio sulle carateristiche specifiche della pagina, oppure StylesheetTheme="temaEsempio" se si vuole il contrario Il modo più semplice per modificare uno skin è inserire un controlo server, applicare le formattazioni e poi copiare e incollare il codice nello skin togliendo lid generato

11 Temi E possibile applicare un tema a tutto il sito inserendo >lattributo theme="sampleTheme allinterno dl file Web.Config allinterno del tag Se nella pagina si inserisce poi lattibuto theme nella direttiva questultimo ha la precedenza sul tema del sito

12 Navigazione VWD 2005 presenta una toolbar apposita per elementi di navigazione, ovvero: Menu. Controllo che presenta un menu statico o dinamico, orizz o vert. TreeView Controllo che presenta una struttura ad albero con nodi che possono essere espansi o collassati. SiteMapPath controllo che presenta un percorso di navigazione che visualizza la posizione della pagina vista dallutente con link per tornare indietro a livello gerarchico

13 Navigazione Menu Statici: inserire il menu nella pagina click dx edit menu items e associare nome a Url (ev immagine con efetti on mouse over) Dinamico basato su site map: aggiungere al progetto una site map e associare il menu alla stessa -> clickcon il dx show smart code choose data source new data source site map Dinamico basato su file xml: procedra più complessa che prevede un file xml e un file di trasformazione associato I menu possono poi essere visualizzati orizzontalmente, verticalmente, con immagini mouse over, etc.

14 Navigazione TreeView La creazione è simile a quella del menu, come elementi statici o dinamici (basati su site map o file xml) SiteMapPath È necessario che sia presente una site map


Scaricare ppt "Progettare siti con ASP.net. Master page ASP.NET master pages permettono di creare un layout consistente per le pagine di unapplicazione Le Master pages."

Presentazioni simili


Annunci Google