Internet jest obecnie najszybciej rozwijaj▒cym siΩ medium. Ka┐dego dnia przybywaj▒ tysi▒ce nowych jego u┐ytkownik≤w. Rozrasta siΩ on z niebywa│▒ prΩdko╢ci▒. Daje tak┐e niezliczone mo┐liwo╢ci. Najbardziej rozpowszechnione us│ugi w Internecie to:
Nieograniczony niemal┐e zasiΩg i niska cena eksploatacji przyci▒gnΩ│y tutaj opr≤cz zwyk│ych u┐ytkownik≤w indywidualnych, tak┐e r≤┐nego rodzaju firmy i instytucje. W sieci mo┐na znale╝µ informacje na prawie ka┐dy temat. Mo┐emy poznaµ aktualne kursy walut, notowania gie│dowe, przeczytaµ naj╢wie┐sze informacje z kraju i ze ╢wiata, przejrzeµ program telewizyjny, sprawdziµ rozk│ad jazdy PKP, dokonaµ zakupu dowolnego towaru, dokonaµ rejestracji w liniach lotniczych, czy hotelach, mo┐emy wzi▒µ udzia│ w aukcjach, i wiele wiele innych. Za po╢rednictwem Internetu mo┐emy opublikowaµ r≤wnie┐ w│asne prace. Nasza poezja, zdjΩcia, grafika wykonana w programie graficznym, czy program komputerowy - mo┐e wreszcie wyj╢µ na ╢wiat. Publikuj▒c w│asne prace stwarzamy mo┐liwo╢µ poszerzania wiedzy innym, zyskujemy swoj▒ reklamΩ, mo┐emy us│yszeµ (zobaczyµ) co inni my╢l▒ o nas, o naszych dzie│ach. To wszystko jest w zasiΩgu naszej rΩki. Ka┐da osoba, maj▒ca tylko podstawowe umiejΩtno╢ci obs│ugi komputera, podstawowe informacje na temat funkcjonowania sieci Internet, mo┐e stworzyµ w│asn▒ stronΩ WWW i wystawiµ j▒ na ╢wiat│o dzienne, a te kilka lekcji, kt≤re s▒ przed Tob▒ u│atwi▒ Ci osi▒gniΩcie tego celu. Wst▒p do czynnej grupy u┐ytkownik≤w Internetu. Zosta± WEBMASTEREM (tak nazywa siΩ osoby pisz▒ce strony internetowe).
Najbardziej rozpowszechnion▒ us│ug▒ w Internecie jest WWW (ang. World Wide Web). Wszyscy widzieli╢my ju┐ r≤┐ne strony internetowe. Potrafimy je przegl▒daµ, czytaµ, a nawet nawigowaµ po nich (prze│▒czaµ siΩ miΩdzy stronami, dzia│ami). Pora, by╢my nauczycieli siΩ sami je tworzyµ.
Aby stworzyµ w│asn▒ stronΩ WWW musimy poznaµ jΩzyk HTML (ang. Hypertext Markup Language), s│u┐▒cy do tego celu. Prawie wszystkie strony, jakie ogl▒damy zosta│y napisane w│a╢nie przy jego pomocy. Ten jΩzyk nie jest trudny i bardzo szybko mo┐na go opanowaµ. Kilka wieczor≤w i bΩdziesz w stanie stworzyµ w│asn▒ stronΩ.
Ju┐ wiesz, ┐e witryny internetowe pisane s▒ w HTMLu. Dokumenty zapisane w tym jΩzyku opr≤cz tekst≤w, zawieraj▒ szereg polece± (znacznik≤w/tag≤w/marker≤w), kt≤re odpowiednio je formatuj▒. Maj▒c wiΩc zapisany na dysku plik strony WWW (napisany w HTML), aby go obejrzeµ potrzebujemy jeszcze przegl▒darki internetowej. Taka przegl▒darka analizuj▒c, czyli czytaj▒c plik HTML na ekranie nie wy╢wietla polece± tego jΩzyka, tylko odpowiednio je wykonuje. DziΩki temu widzimy r≤┐ne rodzaje czcionek, pogrubione, powiΩkszone, kolorowe tytu│y (czerwone, niebieskie), r≤┐ne listy, rysunki, itp. Aby m≤c w domu tworzyµ w│asne strony WWW potrzebujemy wiΩc dowolnego edytora tekstu (np. notatnik z Windows), w kt≤rym bΩdziemy pisaµ nasze strony i przegl▒darki WWW, kt≤r▒ je bΩdziemy ogl▒daµ. Najbardziej znane przegl▒darki to: Internet Explorer (do│▒czany do systemu Windows, a wiΩc na pewno go masz), Netscape, czy Opera.
Napiszmy teraz najprostsz▒ stronΩ WWW. Otw≤rz dowolny edytor tekstu, np.: Notatnik z Windows i napisz taki dokument:
<html> <head> <title>Moja pierwsza strona WWW</title> </head> <body> To jest przyk│adowa strona internetowa. </body> </html>
Taki plik zapisz na dysku pod nazw▒ index.htm i uruchom (kliknij na nim dwa razy). Kiedy to zrobisz, uruchomi siΩ automatycznie przegl▒darka internetowa, a w niej zostanie wy╢wietlona strona, kt≤r▒ w│a╢nie stworzy│e╢. Strona bΩdzie ca│a bia│a, jedyny napis jaki bΩdzie widoczny to: To jest przyk│adowa strona internetowa.. Teraz trochΩ wyja╢nie±:
Pisz▒c swoje strony WWW zapisuj je zawsze z rozszerzeniem &.&htm. Mo┐esz tak┐e stosowaµ rozszerzenie &.&html, ale ┐adne inne. Po rozszerzeniu system operacyjny rozpoznaje jaki to dokument. Gdyby╢ sw≤j plik zapisa│ z rozszerzeniem .txt i klikn▒ na nim dwa razy myszk▒, to zamiast przegl▒darki internetowej, uruchomiony zosta│by Notatnik. Dlatego pamiΩtaj o rozszerzeniu! R≤wnie┐ pamiΩtaj o nazwie. Tworz▒c w│asn▒ stronΩ internetow▒, sk│adaj▒c▒ siΩ z wielu plik≤w, nazwy mo┐esz nadawaµ dowolne. Jednak g│≤wny (pierwszy, startowy) dokument musi siΩ nazywaµ index&.&htm lub index&.&html. Dobrym nawykiem by by│o, gdyby╢ tworz▒c swoje pierwsze strony nazywa│ je tak┐e w ten spos≤b. Wszystkie nazwy plik≤w nadawaj ma│ymi literami. Nie jest to wym≤g, ale niekt≤re systemy operacyjne rozr≤┐niaj▒ wielko╢µ znak≤w. Je╢li wiΩc opublikujesz swoj▒ stronΩ w Internecie (jak... dowiesz siΩ p≤╝niej), tam wielko╢µ liter bΩdzie wa┐na i je╢li raz bΩdziesz nazywa│ pliki z wielkiej litery, raz z ma│ej - szybko siΩ zagubisz. Dlatego najlepiej bΩdzie, jak po prostu zawsze bΩdziesz nazywa│ swoje pliki ma│ym literami.
Przyjrzyj siΩ jeszcze raz stronie, kt≤r▒ przed chwil▒ napisa│e╢. Sp≤jrz na kod ╝r≤d│owy (czyli to co przepisa│e╢ z tego artyku│u), a nie na efekt w przegl▒darce.
W HTMLu (a ta strona napisana jest w│a╢nie w tym jΩzyku) stosuje siΩ pewne polecenia. Nazywamy je r≤wnie┐ tagami, markerami, czy znacznikami. Ka┐de polecenie tego jΩzyka zapisane jest pomiΩdzy nawiasy tr≤jk▒tne (znak mniejszo╢ci i wiΩkszo╢ci), np.: <html><head><body>. Wielko╢µ liter w znacznikach nie jest wa┐na. Mo┐esz wiΩc pisaµ dowolnie... b▒d╝ ma│ymi, b▒d╝ wielkimi. Dobrze jest trzymaµ siΩ jednego zwyczaju, w≤wczas nasze strony bΩd▒ bardziej dla nas czytelne.
W sk│ad jΩzyka HTML wchodz▒ polecenia, kt≤re trzeba zamykaµ i takie, kt≤rych zamykaµ nie trzeba, b▒d╝ nawet nie mo┐na. Przyk│adowo znacznik <html> nale┐y zamykaµ i robimy to w ten spos≤b, ┐e piszemy to samo polecenie, tylko poprzedzamy je znakiem slasha (/), np.: </html>.
Niekt≤re polecenia mog▒ byµ zapisane prosto np.: <p> i w≤wczas zamykamy je w spos≤b opisany wcze╢niej: </p>. Mog▒ te┐ mieµ formΩ rozbudowan▒, np.: <p align="center"> i w≤wczas zamykamy je podobnie do poprzedniego, tzn. nazwΩ polecenia poprzedzamy slashem, ale nie przepisujemy atrybut≤w i warto╢ci, kt≤re s▒ dalej, czyli to polecenie zamknΩliby╢my te┐: </p>. Tag, kt≤ry przed chwil▒ podali╢my jest rozwiniΩty, gdy┐ posiada dodatkowy atrybut ALIGN, kt≤remu przypisano warto╢µ CENTER. Takich atrybut≤w ka┐de polecenie HTMLa ma wiele i przy jednym znaczniku mo┐emy ich wiele u┐yµ.
Wr≤µmy jednak do naszej pierwszej strony. Jest to tzw. strona szablonowa, gdy┐ niemal┐e wszystkie strony WWW sk│adaj▒ siΩ w│a╢nie z tych element≤w. S▒ tylko bardziej rozbudowane. Om≤wmy wiΩc poszczeg≤lne linijki naszej pierwszej witryny:
<html>
Oznacza, ┐e rozpoczynamy dokument HTML. Ka┐da strona WWW zaczyna siΩ tym poleceniem i ko±czy jego zamkniΩciem (ostatnia linijka): </html>.
<head>
Ka┐dy dokument HTML sk│ada siΩ z dw≤ch czΩ╢ci: nag│≤wkowej i g│≤wnej. W sekcji HEAD, czyli w│a╢nie po tym poleceniu (a┐ do jego ko±ca, czyli </head>), ustalamy r≤┐ne informacje o stronie, kt≤re jednak nie s▒ na niej wy╢wietlane. W sekcji BODY (kt≤ra bΩdzie dalej) - zamieszczamy w│a╢ciw▒ czΩ╢µ strony.
<title>Moja pierwsza strona WWW</title>
Jeste╢my w sekcji HEAD, a wiΩc tu zamieszczane s▒ r≤┐ne informacje o stronie. Polecenie <title> ustala TEMAT, tytu│ naszej nowej strony. Tytu│ jest to tekst, kt≤ry znajduje siΩ pomiΩdzy tymi znacznikami, a wiΩc w naszym przypadku tytu│em jest: Moja pierwsza strona WWW. Zauwa┐, ┐e nie jest on wy╢wietlany na naszej stronie (sekcja HEAD), jest natomiast wy╢wietlany na pasku tytu│owym przegl▒darki (pasek tytu│owy, to ten niebieski na samym g≤rze okna przegl▒darki).
</head>
Koniec sekcji HEAD, a wiΩc nag│≤wka.
<body>
Rozpoczynamy sekcjΩ g│≤wn▒, a wiΩc cia│o dokumentu. Tutaj wpisujemy wszystkie nastΩpne polecenia, nasze teksty, wstawiamy grafikΩ, itd. W naszym przyk│adzie wstawili╢my tutaj tylko napis: To jest przyk│adowa strona internetowa. i w│a╢nie on zosta│ wy╢wietlony w przegl▒darce.
</body>
Koniec cia│a dokumentu.
</html>
Koniec dokumentu HTML
No i to ju┐ wszystko. Koniec lekcji pierwszej. Przyswoi│e╢ sobie ca│kiem spory zas≤b wiedzy. Je╢li czego╢ nie zrozumia│e╢ nie martw siΩ. Trudno jest co╢ zrozumieµ bez przyk│adu i bez praktyki. W trakcie kolejnych lekcji bΩdziemy ci▒gle wykorzystywaµ elementy z tej lekcji, a wiΩc na pewno wszystko zrozumiesz i zapamiΩtasz. Nie pr≤buj wkuwaµ do g│owy tego wszystko. Przyjdzie to samo - z praktyk▒. No i nie przejmuj siΩ poleceniami, ┐e nie znasz, nie rozumiesz. W trakcie kolejnych lekcji wszystko stanie siΩ jasne :-)
Teraz jeszcze tylko przypomnimy w punktach co powiniene╢ zapamiΩtaµ:
<html> <head> <title>TYTUú STRONY</title> </head> <body> TREª╞ STRONY </body> </html>