ASP.NET Tworzenie i zarządzanie wyglądem aplikacji, tworzenie mapy witryny. Kontrolki nawigacyjne.

Strona wzorcowa (główna) Master Page O wspólny wygląd dla całej witryny internetowej O szkielet dla treści dostarczanej przez poszczególne strony O zawiera tylko wspólne elementy. O zawiera kontrolki ContentPlaceHolder O W nagłówku O na stronie – do umieszczania treści właściwej (może być kilka)

Strona z zawartością Content Page O korzysta ze strony wzorcowej O Treść jest umieszczona w kontrolkach Content

Strona wzorcowa (główna) Master Page

Strona z zawartością Content Page O Dziedziczy wygląd po stronie Master Page O Pozwala na dodawanie treści tylko wewnątrz kontrolek Content (odzwierciedlających układ kontrolek ContentPlaceHolder) O Umożliwia dodanie indywidualnych elementów w nagłówku strony

Master Page - przykład

Dwie strony bazujące na jednej stronie wzorcowej:

Kompozycje w ASP.NET O arkusz stylów (CSS) - definiowanie wyglądu elementów utworzonych w języku HTML, O Wizualne cechy kontrolek Web – za pośrednictwem pliku motywu (.skin). O Katalog App_Themes zawiera O podkatalogi Kompozycji a w nich O pliki.skin (plik motywu) O pliki arkuszy styli.css.

Kompozycje w ASP.NET O Definicja motywów ma wpływ tylko na wygląd kontrolek serwerowych Web, nie ma natomiast wpływu na następujące elementy: O elementy HTML O kontrolki serwerowe HTML O kontrolki serwerowe Web, które nie mają właściwości wizualnych O niewizualne właściwości kontrolek serwerowych Web (np. AutoPostBack)

Kompozycje w ASP.NET O Zastosowanie kompozycji do wszystkich stron witryny - w pliku Web.config w sekcji O np:

Kompozycje w ASP.NET O Zastosowanie kompozycji do wybranej strony w dyrektywie strony:

Kompozycje w ASP.NET O Kilka wersji jednej kontrolki w danym temacie - wymaga określenia SkinID O oraz przypisania własności SkinID na stronie

Kompozycje w ASP.NET O Przykład:

Nawigacja w ASP.NET Możliwości systemu nawigacji : O Centralne zarządzanie logiczną strukturą witryny - w pliku Web.sitemap O Kontrolki nawigacyjne wyświetlają menu bazujące na pliku Web.sitemap O Możliwość określania reguł wyświetlania lub ukrywania odnośników w menu nawigacji. O Możliwość programowego dostępu do kontrolek nawigacji i wyświetlanych w nich informacji np. z bazy danych.

Tworzenie mapy witryny O Struktura serwisu określona w pliku XML Web.sitemap zawierającym hierarchię stron O Plik Web.sitemap musi być umieszczony w katalogu głównym aplikacji O Elementy posiadają atrybuty: O title O description (tool tip) O url

Web.sitemap

Kontrolki nawigacyjne O SiteMapPath O TreeView O M enu Wymagają użycia kontrolki SiteMapDataSource, która ładuje Web.sitemap do modelu obiektowego; kontrolki nawigacyjne ustawiają swoją własność DataSourceId na instancje typu SiteMapDataSource Źródłem kontrolek może być alternatywnie tabela z Bazy danych lub jakiś plik XML; Można tez utworzyć strukturę nawigacyjną wpisując dane statyczne

Kontrolka SiteMapPath <asp:SiteMapPath ID="SiteMapPath1„ runat="server"> Wskazuje tylko lokalizację i wyświetla nawigację do strony domowej.

Kontrolka TreeView

Kontrolki TreeView i Menu TreeView: Menu

Kontrolka TreeView

Adres przykładów O