Szablony stron WWW. Początkujący webmasterzy myślą o ujednoliceniu wyglądu strony np. do wyświetlania na różnych podstronach tej samej stopki i nagłówka. Nasz szablon będzie się opierał wyłącznie na 2 plikach to na początek wystarczy. Jednak wiem z
praktyki, że to niedługo się znudzi i będziemy chcieli wprowadzić np. dynamiczne menu, ale to jest już temat na następny artykuł. Na początku tworzymy dwa pliki header.php (z angielskiego nagłówek) i footer.php (stopka). W pliku header.php umieszczamy szkielet HTML strony aż do sekcji <BODY> włącznie tutaj możemy zamieścić link do arkusza stylów, który będzie działał na wszystkie nasze strony, czyli mamy cos takiego:
| <HTML> <HEAD> <TITLE>Wspólny tytuł strony</TITLE> <!– Znaczniki META słowa kluczowe, link do arkusza stylów i includowanie javascriptu //–> </HEAD> <BODY BGCOLOR=”#FF0000″> |
I to jest nasz nagłówek, w którym np. jeszcze umieszczamy logo i obok baner. Oczywiście w obu plikach można użyć zawartości dynamicznie generowanych przez PHP. Większość profesjonalnych serwisów tworzy tabele dla loga i banerów oraz późniejszych lewego menu środka strony i opcjonalnego prawego menu, ale jak powiedziałem tym narazie się nie będziemy zajmować. Czas na plik footer.php, w którym umieszczamy zamkniecie dotychczasowo otwartych znaczników, czyli np.
| <B><CENTER>Copyrighting by Krzasz 2003©</CENTER></B> </BODY> </HTML> |
Mamy już gotowe dwie strony nagłówek i stopkę. Czas, aby wyświetlić tego wyniki tworzymy skrypt o przykładowej nazwie news.php, w którym wpisujemy poniższy przykładowy kod:
| <? include_once(„header.php”); |
Tutaj będzie znajdowała się zawartosć strony.
| <H1><CENTER>NEWSY</CENTER></H1> |
Teraz umieścimy w pliku wygląd stopki:
| include_once(„footer.php”); ?> |
Na początku wstawiamy nagłówek strony za pomocą funkcji include_once();. Wstawiamy zawartość strony i znów używamy funkcji include_once(); do zamieszcenia stopki na stronie
Wyniki mozemy zobaczyć wpisująć:
http://localhost/news.php
I to koniec jest to bardzo prosty styl umieszczania szablonów strony w następnej części tego artykułu postaram się rozszerzyć informacje o sposobach ujednolicenia strony m.in. przez dodanie prawych i lewych bloków oraz ujednolicenia wyglądu nagłówka. Ale to narazie tyle
