Wstęp
Ponieżej przedstawiamy przykład zmiany jednego z naszych szablonów na prostą stronę WWW. Do tego celu użyliśmy szablonu z serii Leon.
W prezentowanym przykładzie użyliśmy edytora PSPad (informacie o edytorach znajdziesz w dziale Pytania i odpowiedzi).
Przygotowanie menu
W pierwszej kolejności najlepiej jest utworzyć układ menu, jak będzie na całej stronie. W tym celu po rozpakowaniu plików na dysk, należy otworzyć plik index.html w edytorze.
Sablon, który chcemy modyfikować ma dwie sekcje z menu. Pierwsza sekcja to główne menu, ułozone poziomo w nagłówku strony. Druga sekcja to pionowe menu, umieszczone na lewej kolumnie.
Zmiana głównego menu
Główne menu jest w sekcji:
<ul id="menu">
...
</ul>
Kolejne pozycje menu tworzymy wg wzoru:
<li><a href="galeria.html">Galeria</a></li>
Przykładowe menu ma taki kod:
<ul id="menu">
<li><a href="index.html">Strona Główna</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="galeria.html">Galeria</a></li>
<li><a href="linki.html">Linki</a></li>
<li class="last"><a href="kontakt.html">Kontakt</a></li>
</ul>
Zmiana bocznego menu
Boczne menu zmieniamy analogicznie jak główne menu, z tą różnicą, że znajduje się ono w sekcji:
<div class="sidebar">
Struktura strony
Po utworzniu wszystkich pozycj w menu i zapisaniu zmian możemy utworzyć pliki dla poszczegónych podstroon. Robimy to tworząc kopię pliku index.html i zapisując je pod takimi nazwami, jak podaliśmy przy poszczegónych pozycjach menu: galeria.html, linki.html, ...Podmiana treści
Zawartośc głównej kolumny zawarta jest w sekcji:
<div class="content">
...
</div>
W szablonie użyte jest kilka podstawowych znaczników. Dzięki tym przykładom, bez trudu uda się utworzyć tytuły, akapity i tabele.
W przypadku napotkania prblemów, polecam przeczytanie jednego z wielu poradników tworzenia stron w HTML'u.