Z dynamicznymi stronami WWW wiąże się nierozerwalnie termin DOM (Document Object Model), oznaczający obiektowy model dokumentu HTML. To pojęcie również stosunkowo łatwo rozszyfrować – chodzi o to, iż dokument HTML jest traktowany przez przeglądarkę jako obiekt, którego elementami są tekst, obrazki, tabele, formularze itd. Model ten jest wykorzystywany m.in. przez języki skryptowe. Dzięki temu uzyskanie dostępu do dowolnego elementu strony z poziomu programu zawartego w treści dokumentu jest zazwyczaj bardzo proste.
Rzeczywistość, jak zwykle, nie podporządkowuje się tu teorii. Okazuje się bowiem, że modele DOM są różne dla poszczególnych przeglądarek. Struktury zaimplementowane w aplikacjach Netscape’a nie wydały się odpowiednie np. Microsoftowi. Pomimo sporej uciążliwości tej sytuacji można sobie poradzić z niezgodnościami w działaniu różnych przeglądarek. Dowodem są gotowe biblioteki, przeznaczone dla programistów WWW, pozwalające na osiągnięcie tych samych efektów w różnych przeglądarkach.
Spróbujmy wykorzystać tę wiedzę w praktyce. Okazuje się, że połączenie arkuszy stylów (dokładniej ich odmiany o nazwie CSS-P – CSS-Positioning) i skryptów umożliwia np. bardzo dokładne pozycjonowanie elementów na stronie WWW. To z kolei zachęca do tworzenia ciekawych i niekonwencjonalnych ozdobników witryn internetowych. Tym bardziej że nie potrzebujemy do tego celu “wsparcia” serwera WWW, które zazwyczaj wiąże się z wykupieniem drogiego konta u dostawcy usług.
Od czego zacząć?
Przede wszystkim powinniśmy zaopatrzyć się w odpowiednie narzędzie pracy (czyli edytor) i dokumentację wybranego języka skryptowego. Jeśli chodzi o wybór edytora, to najłatwiej skorzystać z programu przeznaczonego do tworzenia stron WWW (patrz: CHIP 07/2002 str. 28) – najczęściej ułatwia on pisanie skryptów (np. poprzez kolorowanie kodu). Odsyłacze do stron z potrzebną dokumentacją można znaleźć w ramce “Info” na końcu artykułu.
Niniejszy tekst bazuje na dwóch założeniach. Po pierwsze, zakłada znajomość podstaw HTML-a, CSS i JavaScriptu. Po drugie, artykuł nie jest podręcznikiem programowania dynamicznych stron WWW, lecz raczej uczy korzystania z dostępnych już elementów. Jest tak, ponieważ utworzenie atrakcyjnego elementu DHTML wymaga mnóstwa pracy, wiedzy i testów w różnych przeglądarkach, a szczegółowy opis tego procesu zajmuje zazwyczaj sporej grubości książkę. Z drugiej strony dynamiczne witryny są tak popularne, że w Sieci znajdziemy ogromną liczbę wartościowych podręczników, przykładów i gotowych skryptów. Analiza i próby wykorzystania tych ostatnich będą dobrym wprowadzeniem w świat DHTML-a.
Link sponsorowany: SEO Katalog