Znacznik BODYW tej czΩ╢ci zajmiemy siΩ znacznikiem BODY. S│u┐y on do definiowania wygl▒du strony, czyli t│o, kolor textu, odsy│aczy, itd. Znacznik ten posiada atrybut BGCOLOR do okre╢lania koloru t│a: <BODY BGCOLOR="kolor"> W miejsce s│owa "kolor" mo┐emy wspisaµ jedn▒ z szesnastu warto╢ci s│ownych: aqua - morski teskt przyk│adowy black - czarny teskt przyk│adowy blue - niebieski teskt przyk│adowy fuchsia - fuksja teskt przyk│adowy gray - szary teskt przyk│adowy green - zielony teskt przyk│adowy lime - limona teskt przyk│adowy maroon - kasztanowy teskt przyk│adowy navy - granatowy teskt przyk│adowy olive - oliwkowy teskt przyk│adowy purple - purpurowy teskt przyk│adowy red - czerwony teskt przyk│adowy silver - srebrny teskt przyk│adowy teal - cyraneczka teskt przyk│adowy white - bia│y teskt przyk│adowy yellow - ┐≤│ty teskt przyk│adowy Mo┐na te┐ wstawiaµ wartoci liczbowe, w zapisie heksadecymalnym, np. #FF0000 - jest to kolor czerwony. Poni┐sze zestawienie prezentuje najczΩ╢ciej wykorzystywane kolory na stronach WWW. Wska┐ kursorem kolor, a w ramce pojawi siΩ zapis heksadecymalny. Aby jako t│o dokumentu okre╢liµ obrazek, wpisujemy takie polecenie: <BODY BACKGROUND="obrazek.jpg"> S│owa "obrazek.jpg" to nazwa pliku wraz z rozszerzeniem. Najlepiej je╢li plik graficzny znajduje siΩ w tym samym katalogu co strona, wtedy wystarczy podaµ tylko nazwΩ pliku. Je╢li plik jest w katalogu podrzΩdnym w stosunku do katalogu ze stron▒ to podajemy nazwΩ katalogu podrzΩdnego i nazwΩ pliku, np. "katalog\plik.jpg". A jeli plik znajduje siΩ w katalogu nadrzΩdnym w stosunku do katalogu ze stron▒ to trzeba przed nazw▒ pliku wstawiµ co╢ takiego: "../". Symbol ten ka┐e przegl▒darce cofn▒µ siΩ o jeden katalog wstecz. Na t│a najlepiej wybieraµ jak najmniejsze obrazy, ┐eby zmniejszyµ czas ich przesy│ania przez Sieµ. Nale┐y r≤wnie┐ pamiΩtaµ, aby t│o nie zmniejsza│o czytelno╢ci tekst≤w zamieszczoych na stronie. Teraz ma│e wyja╢nienie. Na pewno zastanawiacie siΩ po co definiowaµ kolor t│a, jeli mamy ca│kiem │adny obrazek w tle. No tak, ale informacja o kolorze przesy│ana jest szybciej ni┐ plik z t│em, wiΩc jeli mamy, np. bia│y tekst na ciemnym tle, to jako kolor definiujemy czarny i ju┐ mo┐na czytaµ, a tak trzeba by czekaµ, a┐ ╢ci▒gnie siΩ ciemne t│o, bo bia│ego na bia│ym czytaµ siΩ nie da. Wraz z parametrem BACKGROUND mo┐na zastosowaµ atrybut BGPROPERTIES i przypisaµ mu warto╢µ "fixed", aby t│o nie przewija│o siΩ wraz z tekstem. Jednak ten atrybut interpretuje tylko Internet Explorer, a Nescape go ignoruje. Parametr TEXT definiuje kolor tekstu w dokumencie: <BODY TEXT="kolor"> W miejsce s│owa kolor wstawiamy warto╢µ s│own▒ lub liczbow▒ (warto╢ci podane s▒ powy┐ej). Domy╢lnie przegl▒darka u┐ywa odstΩp≤w pomiΩdzy zawartoci▒ strony, a krawΩdzi▒ okna. Mo┐na jednak samemu okre╢liµ szeroko╢µ margines≤w. Je╢li prawy i lewy margines ma byµ taki sam to wystarczy zastosowaµ polecenie LEFTMARGIN, ale je╢li chcemy, aby odstΩpy te by│y inne to trzeba wprowadziµ atrybut RIGHTMARGIN, okre╢laj▒cy prawy margines. Taka sama zasady dotyczy polece±: TOPMARGIN - dolny i g≤rny odstΩp oraz BOTTOMMARGIN - dolny margines. W przegl▒darce Netscape Navigator mamy tylko dwa polecenia: MARGINWIDTH dla odstΩp≤w pionowych i MARGINHEIGHT dla poziomych. Warto╢ci podajemy w pikselach. Przy zastosowaniu w/w polece± znacznik BODY mo┐e wygl▒daµ tak: <BODY BGCOLOR="black" TEXT="white" BACKGROUND="obraz.jpg" LEFTMARGIN="10" RIGHTMARGIN="20" TOPMARGIN="30" BOTTOMMARGIN="40" MARGINHEIGHT="10" MARGINWIDTH="20"> Znacznik BODY posiada jeszcze trzy polecenia okre╢laj▒ce kolor odsy│aczy, ale o nich p≤╝niej. W nastΩpnej czΩ╢ci o kodowaniu znak≤w. I jeszcze jedna uwaga: przy tworzeniu stron testujcie je co jaki╢ czas w przegl▒darce! »eby po ujrzeniu gotowej strony w Internecie nie spotka│a Was przykra niespodzianka :) [ Poprzednia strona ] [ NastΩpna strona ] |
Copyrigt(C) '2001 Maciej Kunowski
