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
   
   
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.