Szablon
Tytuł, nagłówek
W zasadzie budowanie wyglądu strony skończyliśmy. Na każdej podstronie identycznie będą wyglądać: nagłówek, menu i stopka. Wymienna będzie tylko część znajdująca się w divie tresc. Musimy więc przygotować kilka plików – kopii naszej strony. Aby nie mylić z plikiem index.html zapiszmy teraz ten plik pod nazwą szablon.html. Zanim to zrobimy, sprawdźmy, czy nasza stronie wygląda prawidłowo. Za chwilę skopiujemy plik szablon i dostrzeżone błędy będziemy musieli poprawiać już w kilku plikach. Szczególną uwagę zwróćmy na nazwy plików w menu (przypominam – nazwy plików nie mogą zawierać spacji i polskich znaków).
Teraz przystępujemy do rozmnażania (kopiowania) pliku szablon. W tym celu wciskamy klawisz ctrl, chwytamy plik szablon i przesuwamy wskaźnik myszki. Powstaje nam wtedy kopia pliku. Czynność tę wykonujemy tyle razy ile jest nam potrzebnych kopii pliku szablon (ilość jest określona w menu).
Po skopiowaniu nadajemy nazwy plikom takie, jakie określiliśmy w menu.
Teraz pozostało sprawdzić czy menu działa prawidłowo. Zanim to zrobimy, edytujmy kolejne pliki w Notepadzie++ i zmieńmy tytuły podstron. Na przykład w pliku wieczerza:
26. <div id="tresc">
27. <h1><span class="ha1">Wieczerza wigilijna</span</h1>
28. <p>Tu jest tekst akapitu.</p>
29. <p class="blk"><img src="graf/belka.gif"></p>
30. </div>
Jeśli wszystko działa, możemy przystąpić do finalizowania naszej witryny. Jeśli nie czeka nas trochę dłubaniny nad usuwaniem błędów. Problem dotyczy tylko nazw plików podstron i wpisów w menu witryny. Po usunięciu błędów pamiętajmy, że przeglądarka prawdopodobnie na to nie zareaguje. Dlatego po kliknięciu odnośnika do podstrony dorzućmy polecenie odśwież. Zauważony błąd musimy teraz zmienić na każdej podstronie.