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. < 606)
   • treść
     content.gif - szer. = 605
   • stopka treści
     content_footer.gif - wys. = 12 (szer. < 606)
   
   

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.