Flash vijesti:
Dreamweaver skola: detekcija browsera
i plug-inova
Napisao: Leo "Leoniss"
Bevanda © 2001 - 2002
Ako zelite svima omoguciti pristup najbitnijem sadrzaju
na vasem sajtu, pa cak i korisnicima koji dolaze s prastarim
browserima poput Lynxa, trebat ce vam tehnika detekcije browsera
i plug-inova koja ce korisnika odvesti na stranicu prilagodjenu
za njegov browser.
Jos i danas se koriste prastari browseri koji ne podrzavaju frameove,
plug-inove za razne animacije, pa cak i najjednostavije slike (kao
npr. Lynx). O nekim novijim i kompleksnijim tehnikama vezanim za web
dizajn da i ne govorim.
Nista od sljedeceg ne predstavlja problem za novije browsere: linkovi
koji se nalaze u malim Flash animacijama, izbornici napravljeni pomocu
layera (cije je ponasanje definirano JavaScriptom ili nekom drugom
tehnikom), nepostojeci ALT tekstovi na slikama koje sluze kao linkovi...
Medjutim, ako na vas site naleti korisnik s browserom generacije 3.0
i starije ili pak korisnik nekog tekstualnog browsera, nastaje pomutnja.
Samo vi mozete donijeti odluku o tome trebate li ovakve korisnike uzeti
u obzir - takvih korisnika ima zanemarivo malo, ali ih ipak ima.
U Dreamweaveru postoji jednostavno rjesenje namijenjeno za slanje
posjetitelja na razlicite linkove, ovisno o vrsti i verziji njihovog
browsera. Ovo isto postoji i za razne plug-inove.
To su akcije Check Browser i Check Plugin u Behaviorsima. Prva
ce provjeriti browser i njegovu verziju i na osnovu tih podataka preusmjeriti
posjetitelja na odredjene linkove ili ga 'ostaviti' na istoj stranici,
a druga ce opcija (Check Plugin) slicno uraditi sa raznim plug-inovima
(po defaultu je podrzana provjera sljedecih pluginova: Flash, Shockwave,
Live Audio, Netscape Media Player i Quick Time).
Ta rjesenja implementirajte u tzv. preLoad screen. To je stranica
koja se prva ucita u browser te je kao takva idealna za razlucivanje
onih koji imaju adekvatan softver za pregled vaseg sitea od onih koji
nemaju. Na takvim se stranicama najcesce nalaze neka upozorenja vezana
za site, uvodne animacije ili nesto slicno. Neki ih koriste za ucitavanje
sadrzaja neke stranice prije nego sto korisnik pocne pregledavati stranicu
koja slijedi (odatle i sam naziv preLoader).
Izrada preLoad stranice
Idemo napraviti preLoad takav da ga posjetitelj nece ni primijetiti,
a nama ce posluziti kao preusmjerivac! Napravite praznu html stranicu
i i postavite je kao prvu, default stranicu koja se ucitava kad korisnik
posjeti vas site. Nemojte dodavati nikakvu grafiku ni tekst na ovu
stranicu jer nam to nece trebati. Sada sacuvajte stranicu koju ste
namijenili za preLoad screen i zaboravite je na trenutak.
Prije nego sto napravimo funkcionalan preusmjerivac na nasem preLoaderu,
moramo napraviti alternativne stranice naseg sitea na koje ce biti
preusmjereni korisnici starih browsera.
Najjednostavnije rjesenje je napraviti kopiju stranica na kojima
se nalaze neki vazni podaci i koja ce sadrzavati tekst s vaznim informacijama
i linkove navigacije. Na vrhu vase 'alternativne' stranice stavite
slicnu poruku: "Detektirali smo da koristite stariju verziju browsera
(ili nepostojanje odgovarajuceg plugina) te biste mogli imati problema
u pregledavanju sitea. "Pravi" site nalazi se na..."
tu stavite link na vasu pocetnu stranicu. Sacuvajte ovakvu stranicu
kao alternativna.htm ili slicno.
Ugradnja preusmjerivaca
Kad napravite jednostavne alternativne stranice, vrijeme je za ugradnju
preusmjerivaca u preLoad stranicu. On se ugradjuje u <BODY>
tag koji ce nam omoguciti tzv. onLoad verifikaciju: cim se u korisnikov
browser pocne ucitavati nas preLoader, behavior (o tome uskoro) ce
ga odmah preusmjeriti na odgovarajucu stranicu.
Ucitajte u Dreamweaver kreiranu preLoad stranicu (koja je zasada
samo prazna html datoteka) i otvorite Behaviors panel: Window -->
Behaviors (ili kratica Shift+F3). Otvorite Code & Design mode (View
--> Code & Design) jer cete tako dobiti pristup kôdu vaseg dokumenta,
a ujedno i Behaviors panelu.
Sada pronadjite <BODY> tag u kôdu preLoad dokumenta. Kliknite
unutar tog taga - u zaglavlju vaseg Behaviors panela pojavit ce se
"Behaviors - Body actions" (ako ste pravilno slijedili upute).
U sljedecem primjeru cemo posjetitelje s Internet Explorerom i Netscape
Navigatorom generacije 4.0 ili novije preusmjeriti na nasu pocetnu
stranicu, a korisnike starijih browsera na alternativne stranice:
- Kliknite na znak plus (+) u Behaviors panelu da biste otvorili
opcije za <BODY> tag.
- Odaberete Check Browser ili Check Plugin akciju (mozete nakon jedne
izabrati i drugu - radit ce bez problema). Mi cemo provjeravati browser
naseg posjetitelja, pa biramo Check Browser akciju. Najvaznije opcije
za ovu Behaviors akciju jesu:
URL - ovdje unesite naziv vase 'prave' pocetne stranice (npr.
home.htm ili drukcije) ovisno o tome nalazi li se u osnovnom ili nekom
od poddirektorija.
Alt URL - putanja do vase alternativne stranice (npr. alternativna.htm)
- Za prvu opciju 'Netscape Navigator 4.0 or later' izaberite 'Go
To URL' s padajuceg izbornika. Isto to ucinite za prvu opciju Internet
Explorera.
- Za drugu opciju kod Navigatora i Explorera ('otherwise') ostavite
'Go To Alt URL'. Ovime smo odredili da se svi korisnici koji imaju
noviji browser (od generacije 4.0 nadalje) preusmjere na nasu home
stranicu, a oni sa starim verzijama idu na alternativni URL.
- Opciju 'Other Browsers' ostavite nepromijenjenu (s 'Go To Alt URL'
selektiranim). Ovo ce korisnike sa svim drugim browserima takodjer
preusmjeriti na alternativne stranice.
- Nakon sto zavrsite definiranje ovih opcija, kliknite OK i to je
to.
Isti ovaj postupak mozete uraditi i sa Check Plugin akcijom ako je
to potrebno.
Ako nakon ovih pothvata pogledate <BODY> tag vaseg dokumenta,
vidjet cete prije spomenutu onLoad definiciju koju je Dreamweaver dodao.
O autoru:
Leo "Leoniss" Bevanda
(leo.bevanda@tel.net.ba)
- je 18-godisnjak koji voli dobru glazbu (hip-hop
& rap) i brza racunala. U slobodno vrijeme bavi
se web-masteringom i svime sto je povezano s njim.
Obozavatelj je Macromedijinih web alata poput Dreamweaver-a
i Flash-a, te Adobe-ovog Photoshopa - alata potrebnih
za efektan web site...
|
Vi pitate, mi odgovaramo
> pozdrav!
> sve pohvale vasem site-u i trudu koji ulazete.....
> ... molio bih vas da mi predlozite neku dobru e-mail
cgi > skriptu, da mogu omoguciti posjetiocima
svog site-a da > mi posalju e-mail sa istog putem
mail forme....
Preporucam vam skriptu FormMail koja je vrlo jednostavna
i sluzi svrsi, a mozete je naci na:
http://worldwidemart.com/scripts/formmail.shtml.
Pretpostavljam i da je imate vec postavljenu u javnom
cgi direktoriju od vaseg hosta, tako da cak ne trebate
instalirati posebno skriptu, dovoljno je da u formi
napisete njenu putanju iz javnog dira.
Nesto naprednija skripta, s autoresponderima i jos
nekim dodacima, je EnnyForms:
http://dtp-aus.com/cgiscript/afrmscrp.shtml
Na pitanje odgovorio:
Marko Radelic
|
|
Pretplatnika: 3240