To jest przykładowa tre¶ć strony... Aby j± zmienić, wczytaj ten plik (index.html) w edytorze HTML, odszukaj w kodzie Ľródłowym strony wyrażenia:

<!-- CONTENT -->

oraz

<!-- /CONTENT -->

i umie¶ć pomiędzy nimi własny tekst. Najpierw jednak zapoznaj się z uwagami przedstawionymi poniżej!

Wstaw również do menu linki do swoich podstron, licznik odwiedzin itp.

Grafika

Aby dokończyć szablon, wykonaj w edytorze graficznym następuj±ce grafiki i skopiuj je do tego samego katalogu co ten dokument (index.html):

1. Strona:
   
   • lewa krawędĽ tabeli
     left_border.gif - szer. = 10
   • strona
     body.gif - rozmiar dowolny
   • prawa krawędĽ tabeli
     right_border.gif - szer. = 10
   
   
2. Logo:
   • logo
     header.gif - 760x100
   • "Dodaj do ulubionych"
     favourites.gif - 20x20
   • "Ustaw jako startowa"
     homepage.gif - 20x20
   • "Powiadom znajomych"
     email.gif - 20x20
   
   
3. Górne menu:
   
   • menu
     top_menu.gif - wys. = 30 (szer. < 761)
   • dolna krawędĽ menu
     top_menu_border.gif - wys. = 12 (szer. < 761)
   
   
4. Stopka:
   
   • górna krawędĽ stopki
     footer_border.gif - wys. = 12 (szer. < 761)
   • stopka
     footer.gif - wys. = 25 (szer. < 761)
   
   
5. Menu:
   • nagłówek menu
     menu_header.gif - wys. = 25 (szer. < 141)
   • menu
     menu.gif - szer. = 140
   • stopka menu
     menu_footer.gif - wys. = 12 (szer. < 141)
   
   
6. Tre¶ć:
   • nagłówek tre¶ci
     content_header.gif - wys. = 25 (szer. < 461)
   • tre¶ć
     content.gif - szer. = 460
   • stopka tre¶ci
     content_footer.gif - wys. = 12 (szer. < 461)
   
   

Wszystkie wymiary podane w pikselach.

UWAGA! W nazwach plików wielko¶ć liter ma znaczenie, tzn. np.:
body.GIF to nie jest to samo co body.gif

Tworzenie podstron

Zasadniczo, aby utworzyć now± podstronę serwisu, trzeba skopiować cały ten dokument (index.html), zmienić w nim tre¶ć (zobacz pocz±tek tego opisu) i zapisać pod inn± nazw± w pliku z rozszerzeniem *.html. Proces ten można upro¶cić buduj±c szablon w języku skryptowym PHP. Je¶li nie znamy lub nie mamy dostępu do tego rodzaju skryptów, możemy w miejsce tre¶ci w pliku index.html wstawić ramkę pływaj±c±:

<iframe name="p" src="start.html" width="100%" height="420" frameborder="0"></iframe>

(start.html to nazwa strony głównej) a do wszystkich linków z menu dodać atrybut:

<a target="p" href="strona.html">link</a>

Można również skorzystać ze skryptu opublikowanego w Kursie HTML w rozdziale SKRYPTY -> AutoIFRAME ("Automatyczna wysoko¶ć IFRAME"), który automatycznie dopasuje wysoko¶ć ramki pływaj±cej do jej zawarto¶ci.