UKŁAD STRONY W poprzednim temacie wynonaliśmy najprostszą stronę. Dodamy teraz jeszcze kilka elementów, żeby można było tę naszą wizytówkę umieścić w sieci Internet.
Przykład 1. W pliku wpisaliśmy:

<html>
<body>
Cześć, dobrze, że jesteś na mojej stronie! Mam na imię Agnieszka i mam 16 lat. Jestem trochę roztargniona. Mama mówi na mnie Aga i mówi: "Oj, Agnieszko, jaka ty jesteś roztrzepana".
</body>
</html>


PRZYGOTUJEMY NASZĄ STRONĘ DLA WYSZUKIWAREK
Przykład 2. Rozszerzamy stronę o wymagane przez wyszukiwarki elementy.

Zmieniamy nazwę naszej strony na index.html albo index.htm, ponieważ te strony rozpoczynają cały serwis. Są to strony startowe.

Nasza strona wygląda teraz następująco:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Strona domowa Agnieszki Borkowskiej</title>
<meta description="Strona domowa Agnieszki Borkowskiej, moje wiersze, zdjęcia rodzinne, moi znajomi">
<meta name="Keywords" content="Strona domowa Agnieszka Borkowska zdjęcia wiersze">
<meta name="robots" content="index,nofollow">
</head>
<body>
Cześć, dobrze, że jesteś na mojej stronie! Mam na imię Agnieszka i mam 16 lat. Jestem trochę roztargniona. Mama mówi na mnie Aga i mówi: "Oj, Agnieszko, jaka ty jesteś roztrzepana".
</body>
</html>

Co oznaczają poszczególne elementy strony?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Określamy dokładnie odmianę języka html w jakiej piszemy stronę, możesz to spokojnie wstawić na swoją stronę (wersja 4.0 przejściowa).

<html>
Rozpoczynamy część w języku html

<head>
Początek nagłówka, gdzie umieścimy tytuł strony i inne elementy jak np. słowa według których można znaleźć tę stronę

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
Określamy sposób kodowania polskich znaków. Sposób ISO jest nowoczesny, a sposób WINDOWS nie zawsze dobrze działa. Znaczniki META to takie dodatki dla przeglądarki.

<title>Strona domowa Agnieszki Borkowskiej</title>
Tytuł naszej strony. Wyrazy umieszczone w tytule też są uwzględniane w wyszukiwarkach!

<meta description="Strona domowa Agnieszki Borkowskiej, moje wiersze, zdjęcia rodzinne, moi znajomi">
Opis zawartości strony.

<meta name="Keywords" content="Strona domowa Agnieszka Borkowska zdjęcia wiersze">
Słowa wyszukiwania, według których ktoś znajdzie naszą stronę. Słowa możemy oddzielać przecinkami, efekt będzie taki sam.

<meta name="robots" content="index,nofollow">
Dodaj do przeglądarki tylko stronę główną, nie idź w głąb serwisu. Nie dodajemy podstron, żeby nie zaśmiecać Internetu. Dodaje podstrony, gdy zawierają konkrety np. oferty budynków i samochodów na sprzedaż, opisane miejsca noclegowe itd.

</head>
Koniec nagłówka

<body>
Początek strony właściwej, tutaj będą treści strony. Teksty ze strony głównej też są indeksowane!

(...)

</body>
Koniec zawartości strony

</html>
Koniec strony!


Jak to zrobić prościej, bez tej pisaniny? Najlepiej jest otworzyć edytor np. z pakietu StarOffice, utworzyć dokument tekstowy i zapisać w pliku o roszerzeniu html. Nie mamy jednak pewności, jak strona będzie się zachowywała w różnych przeglądarkach. Strona będzie miała większy rozmiar i sporo niepotrzebnych dodatków. Pozostaną nam wtedy pracochłonne dodatki.
  
WSTAWIENIE STRONY NA SERWER
darmowe miejsca Firmy oferujące darmowe konta udostępniają również miejsce na naszą stronę. Najczęście jest tam również strona służąca do wstawiania naszych plików na nasze konto. Gdy nasz serwis napuchnie od wiadomości, lepiej użyć programu FTP służącego do przesyłania i ściągania naszych plików na stronę.
Darmowe miejsca np. na serwerze Wirtualnej Polski www.wp.pl, na serwerze Onetu www.onet.pl.














Technologia informacyjna, przejdź do menu głównego