Stronę WWW tworzymy tak jak zwykły plik tekstowy – po
Transkrypt
Stronę WWW tworzymy tak jak zwykły plik tekstowy – po
Kurs języka HTML cz. 2 - Ramy dokumentu Stronę WWW tworzymy tak jak zwykły plik tekstowy – po otwarciu naszego edytora klikamy Plik/Nowy (jeśli sam się nie otworzy) i nadajemy mu tytuł index.html. Nazwa ta jest konieczna, poniewaŜ przeglądarki otworzą taką stronę jako pierwszą, niezaleŜnie od tego, ile ich jest na serwerze. Pierwszą informacją, jaką zamieszczamy w pliku jest deklaracja typu strony (DTD). Zawiera ona informację o poziomie języka HTML uŜytego na stronie. Na początek wystarczy przepisać lub skopiować poniŜszy kod: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Kiedy juŜ to mamy zapisujemy trzy znaczniki (nie wiesz co to znacznik? zapraszam do poprzedniej lekcji) dokładnie w tej kolejności: <html> <head></head> <body></body> </html> Tekst wewnątrz znacznika „head” to tak zwany nagłówek dokumentu i zawiera informacje dotyczące kodowania znaków dokumentu, jego utworzenia itd., pomocne dla wyszukiwarek, przeglądarek i robotów internetowych. Natomiast treść zawarta w znaczniku „body” jest nazywana ciałem dokumentu. Tam znajduje się wszystko, co będzie wyświetlane na stronie. Pierwszym, co umieścimy w nagłówku będzie kodowanie polskich znaków, informujące przeglądarkę o sposobie w jaki ma wyświetlać znaki zawarte w pliku. Obecnie najpopularniejszym kodowaniem w polskim Internecie jest iso8859-2. Dopóki się nie nauczysz lub nie zdobędziesz porządnego edytora HTML moŜesz zwyczajnie kopiować lub przepisywać kod poniŜej. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> Kiedy mamy juŜ kodowanie wpisujemy do naszego kodu następujące znaczniki: <meta name="Description" content="Tu wpisz opis zawartości strony" /> <meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" /> Są to informacje przydatne dla wyszukiwarek. W miejscu tekstu „Tu wpisz opis zawartości strony” naleŜy wpisać krótki opis strony, zawierający informacje co do jej treści i przeznaczenia. Natomiast zamiast „Tu wpisz wyrazy kluczowe rozdzielone przecinkami” naleŜy wpisać wyrazy, które wpiszemy do wyszukiwarki chcąc znaleźć naszą stronę. Słowa naleŜy wpisywać w następujący sposób: słowo1, słowo2, słowo3. Ostatnim znacznikiem, jaki umieścimy w nagłówku jest tytuł strony. <title>Tu wpisz tytuł strony</title> Czym jest tytuł, nie trzeba chyba tłumaczyć. WaŜne jest, by nie był za długi, bo moŜe zniechęcić internautów do czytania strony. Będzie wyświetlany w pasku przeglądarki. Podsumowując, ramy naszej strony mogą wyglądać tak: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <meta name="Description" content="Moja pierwsza strona" /> <meta name="Keywords" content="wyraz1, wyraz2" /> <title>Tytuł</title> </head> <body> </body> </html> Oczywiście, w nagłówku moŜe być zawarte o wiele więcej informacji, jak na przykład e-mail autora, ale to juŜ wyŜsza szkoła jazdy. Często z resztą takie informacje są zupełnie niepotrzebne i słuŜą tylko pokazaniu: „Patrzcie! Ja to umiem!”. W następnej części zajmiemy się tłem i podstawowymi znacznikami edycji tekstu. Opracował: Jan KoŜuszek kl. VIc Pomoc: www.kurshtml.boo.pl Kontakt: e-mail: [email protected] Skype: janek.kozuszek