|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
Używanie pojęcia DHTML w niewłaściwym kontekście "zaowocowało" wyobrażeniem, że jest to odrębny język do projektowania stron. W rzeczywistości, DHTML (definicja na moje własne potrzeby) to zbiór metod, umożliwiających interaktywność po stronie użytkownika. Metody te sprowadzają się do integracji języka HTML ze skryptami JavaScript i arkuszami stylów, dając w efekcie strony reagujące zarówno na zachowanie użytkownika jak i właściwości systemu. Wojciech Romowicz w swojej książce "HTML i JavaScript" wspomina także o jeszcze jednym komponencie wchodzącym w skład metod DHTML - jest nim użycie ładowalnych fontów. Osobiście jednak nie stwierdziłem przypadku wykorzystania tej techniki.
Próbując odpowiedzieć na pytanie: czym jest JavaScript dochodzę do wniosku, że najprościej dokonać swego rodzaju porównania z HTML-em. Na początek należy sobie uświadomić, że buszujący po sieci internauta, wpisując adres wybranej strony wydaje serwerowi WWW polecenie przesłania strony o padanym adresie. Zainstalowana na komputerze użytkownika przeglądarka wczytuje, interpretuje i wyświetla jej zawartość. Oznacza to, że w tym stadium nie ma możliwości "konwersacji" użytkownika z serwerem. Zastosowanie JavaScriptu w kodzie strony pozwala uzupełnić tą niedogodność języka HTML. Wspomaganie w tworzeniu stron, umożliwiające reakcję na zachowania użytkownika lub systemu, możliwość dynamicznej modyfikacji stron i możliwość porumiewania się z użytkownikiem stają się domeną JavaScriptu. Sam JavaScript to język skryptowy, który w odróżnieniu od języków programowania nie jest poddawany kompilacji. Przesłany wraz ze strona jego kod źródłowy jest następnie interpretowany przez przeglądarkę. Efekt interpretacji może zostać wyświetlony w odpowiedzi na zdarzenia zachodzące po stronie użytkownika takie jak np. załadowanie strony, zmiana w polu formularza, naciśnięcie przycisku itd. Ponadto skrypty JavaScript mogą wykonywać zadania, które zależeć będą od stanu systemu użytkownika, czego najlepszym przykładem może być skrypt lub jego fragment wykrywający przeglądarkę. Na koniec tych wywodów warto wspomnieć, że JavaScript jest językiem zorientowanym obiektowo. Oznacza to, że pisząc skrypty posługujemy sie definicjami obiektów, ich właściwościami i metodami. Jednak to zagadnienie najlepiej będzie zaprezentować przy omawianiu konkretnych przykładów. 
Arkusze stylów (CSS) można by określić jako rozszerzenie języka HTML pozwalające w łatwy sposób, w sposób globalny zmieniać formatowanie fragmentów lub całych dokumentów. Zaryzykuję stwierdzenie, że CSS jest tym samym dla HTML, czym style dla edytorów tekstu (np. Worda). Arkusze stylów zaimplementowane zostały w Internet Explorer 3.0 i nowszych a także w Netscape Navigator 4.0. Ubolewać należy jednak nad faktem, że implementacja ta jest nie tylko częściowa, ale ponadto różna w obydwu przeglądarkach. Niezależnie od tych niedogodności style mogą być wybawieniem dla webmasterów tworzących rozbudowane serwisy, gdzie wymagane jest utrzymanie stałej formy graficznej i typograficznej wszystkich stron, a wklepywanie do każdego akapitu znaczników formatujących może przyprawić o zawrót głowy. Jest jeszcze jedna zaleta stosowania stylów - gdy znudzi nam się np. kolor liter w całym serwisie, wystarczy dokonać jednej zmiany w arkuszu i cały serwis zaiskrzy nowym wizerunkiem. Na czym więc polega ten złoty środek zwany CSS ? Przyjrzyjmy się poniższej definicji:
BODY {color:black; font-family:Verdana; font-weight:bold;}
P {color:red; font-weight:normal;}
Powyższy fragment umieszczony w części nagłówkowej dokumentu (w odpowiednich znacznikach) spowoduje, że obowiązującą czcionką dla całego dokumentu będzie pogrubiona Verdana, w kolorze czarnym. Fragmenty tekstu, które umieścimy w znacznikach paragrafu <P>..tekst..</P> zostaną zmienione na kolor czerwony bez pogrubienia. Ten banalny i najprostrzy przykład powinien Ci dać wyobrażenie jakie możliwości drzemią w stosowaniu stylów. Aby rozszerzyć zagadnienie zapraszam do zapoznania się ze szczegółami, które powinny ukazać CSS w ich pełnej krasie. |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Jesteś 37883 gościem na tej stronie.
Copyright © 1999-2004 FiresNet - Sławomir Fajer
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
