|
|
|
|
W tym artykule pokaże co to jest MasterPage i jak można go używać.
W dużym skrócie MasterPage to tak jakby szkielet dla wszystkich podstron.
Pisząc stronę w HTML każda podstrona musi zawierać stałe elementy: Menu, stopkę itp. Mimo, że często treść podstrony to jedynie kilka zdań i jakieś zdjęcie to musi ona zawierać wszystko. Nie jest to zbyt wygodne szczególnie jeśli należy dokonać zmian.
I tu właśnie przychodzi z pomocą MasterPage. Wszystkie stałe części strony mogą by ć na niej umieszczone .
Zrobmy mały przykład strony www z użyciem MasterPage:
W Visual Web Developer tworzymy nowy WebSite
2. Następnie usuwamy postrone Default.aspx i dodajmy MasterPage
(Górne menu Website -> Add New Item -> MasterPage)
i 3 podstrony (Default.aspx, ONas.aspx, Kontakt.aspx). Domyślnie tworzony website jest bez MasterPage, datego też usunęliśmy podstroję Defult.aspx. Możnaby ją oczywiście przerobić dodając odpowiedni wpis ale w ten sposób będzie szybciej i unikniemy błędów.
Dodając podstrony należy zaznaczyć „Selekt Master Page”.
W następnym ekranie wybieramy nasze MasterPage.Master jako MasterPage podstrony. W naszym projekcie mamy tylko jedno Master page ale może być ich więcej.
3. Otwieramy MasterPage.Master w trybie Design i dodajemy tabelę z dwoma kolumnami i dwoma wierszami.
4. Do lewej dolnej komórki tabeli dodajemy menu z Toolboxa i tworzymy 3 punkty menu: Strona główna, O nas, Kontakt i linkujemy do naszych podstroi
Warto zauważyć jak zmieniły się pliki .aspx jeśli są częścią MasterPage.
W masterPage Jest jakby „okno” (ContentPlaceHolder) gdzie wgrywa się treść plików .aspx (duuże uproszczenie ale chodzi mi raczej o pokazanie jak utworzyć website z MasterPage niż dokładnie wytłumaczyć działanie MasterPage. )
Domyślnie są dwa: w header i body pliku .master i tak samo jest w plikach .aspx. Wszystko co umieszczamy w .aspx znajdzie się w odpowiednim miejscu w MastePage tworząc docelowo jakby jedną stronę dla przeglądarki.
Umiśćmy więc jakiś tekst na podstronach:
5. Na MasterPage.master ContentPlaceHolder umieszczamy w prawej dolnej komórce tabeli, w prawej górnej wpisujemy „Header strony” a w lewej górnej komórce „Logo”.
Teraz możemy uruchomić stronę. Klikając na poszczególne punkty menu wyświetla nam się treść jaką umieściliśmy na podstronach.
 Po
Więcej, bardziej fachowej informacji zapraszam do MSDN-a, codeguru i innych miejsc w sieci.
W powyższym artykule chciałem w najprostszy możliwy sposób pokazać do czego służy MasterPage, bez fachowych opisów i skomplikowanego kodu, które dla osób stawiających pierwsze kroki w programowaniu asp.net i tak są mało zrozumiałe.
Pozdrawiam.
Leszek
|
|