Vyt∞╛ovßnφ strßnek

Ka╛d² autor webu si p°i prochßzenφ Internetem peΦliv∞ v╣φmß efekt∙ a prvk∙ strßnek. ╚asto se p°itom objevφ my╣lenka "tohle chci mφt takΘ" nebo alespo≥ "to by m∞ zajφmalo, jak je to ud∞lanΘ".

Vyt∞╛ovßnφ je zpravodajsk² termφn, kter² symbolizuje snahu dostat ze zdroje co se dß. Skoro by se dalo napsat vykrßdßnφ. Otßzku du╣evnφho vlastnictvφ a autorsk²ch prßv skuteΦn∞ nelze p°echßzet bez pov╣imnutφ (ke konci se o tom zmφnφm). Nynφ mi ale jde jen o technickou strßnku stahovßnφ a uklßdßnφ textu, obrßzk∙, skript∙, styl∙, flashφ a applet∙.

P°φstupnost prvk∙

Ne v╣echno se dß stßhnout. Hlavn∞ nejdou stßhnout serverovΘ skripty, proto╛e to d∙le╛itΘ z∙stßvß na serveru a klientovi se posφlajφ jenom v²sledky. P°edstavte si to jako ·°ednici na po╣t∞, kterß sedφ za sklem. Komunikujete jenom skulinou, to d∙le╛itΘ z∙stßvß nep°φstupnΘ. Tak╛e t°eba po╣tovnφ skript z Postu.cz nebo vyhledßvaΦ google.com nestßhnete (maximßln∞ se dß pou╛φt parazitnφ formulß°).

Ale v╣echno, co se posφlß prohlφ╛eΦi, se dß n∞jak ulo╛it a vyu╛φt. To znamenß

V╣echny takovΘ objekty si m∙╛ete ulo╛it a p°ed∞lat (krom∞ applet∙ a flashφ, ty se p°ed∞lßvajφ ╣patn∞). Nejzajφmav∞j╣φ b²vajφ prßv∞ obrßzky a JavaScripty.

Metody vyt∞╛ovßnφ

Jedna strßnka obvykle nenφ jenom jeden soubor. Je to vφce soubor∙, kterΘ jsou z toho prvnφho *.html souboru volßny a naΦφtßny. Jak zφskat ten prvnφ i v╣echny ostatnφ soubory:

Uklßdßnφ HTML

Zßkladnφ zp∙sob ulo╛enφ soubor∙ z Internetu. V∞t╣inou to znßte, tak╛e to m∙╛ete p°eskoΦit. V prohlφ╛eΦi (nejΦast∞ji Internet Explorer) se zadß p°φkaz Soubor > Ulo╛it jako (v angl. File > Save as).

Internet Explorer

Prohlφ╛eΦ od Microsoftu se zp∙sobem uklßdßnφ strßnek pon∞kud li╣φ od ostatnφch prohlφ╛eΦ∙. Dßvß toti╛ na v²b∞r, jak chci strßnku ulo╛it:

Normßlnφ HTML

Strßnka se ulo╛φ p°esn∞ tak, jak dorazila ze serveru. K≤d se p°i uklßdßnφ nezm∞nφ. Bude to ΦistΘ HTML, ostatnφ soubory (obrßzky apod.) se neulo╛φ. Pokud je chcete, musφte si je postahovat jin²mi metodami (nejΦast∞ji anal²zou k≤du).

Obsahuje-li strßnka rßmy, ulo╛φ se jenom definice rßm∙ (frameset). V jin²ch prohlφ╛eΦφch, ne╛ je Internet Explorer, se dß pravokliknout do rßmu a zvolit ulo╛it jako.

┌plnß strßnka

Zvolφte-li p°i uklßdßnφ v Internet Exploreru ulo╛it jako ·plnß strßnka, ulo╛φ se ten prvnφ html soubor spoleΦn∞ se v╣emi dal╣φmi, kterΘ jsou ve strßnce pou╛ity. To jsou obrßzky, skripty, styly, v╣echno. Tyto v╣echny ostatnφ soubory se ulo╛φ do slo╛ky (aneb adresß°e) se zadan²m jmΘnem + "_soubory". Nap°. ulo╛φm soubor pavouci.htm a vedle n∞j bude slo╛ka pavouci_soubory.

UrΦit∞ chßpete, ╛e to je velmi efektivnφ metoda vyt∞╛ovßnφ strßnek. Nemusφm nic slo╛it∞ uklßdat a mßm strßnku doma na disku. Drobnou nev²hodou p°itom je, ╛e se p∙vodnφ html soubor p°i uklßdßnφ zm∞nφ tak, aby adresy vlo╛en²ch soubor∙ mφ°ily to tΘ slo╛ky se_soubory, m∞nφvß se k≤dovßnφ. Dal╣φ detail je v tom, ╛e se n∞kdy neulo╛φ ·pln∞ v╣echny soubory (nap°. skripty volanΘ skriptem to nestßhne).

Uklßdßnφ obrßzk∙

Na obrßzek se klikne prav²m tlaΦφtkem my╣i a zvolφ se ulo╛it jako. Kdy╛ se klikne mimo obrßzek na obrßzkovΘ pozadφ, nabφzφ to taky volbu ulo╛it pozadφ.

Anal²za HTML k≤du

K tΘto metod∞ studia se p°istupuje v p°φpad∞, ╛e to pot°ebuji spφ╣e pochopit, ne╛ ╛e bych to cht∞l stahovat. D°φve se to pot°ebovalo i pro stahovßnφ (to ale odboural IE kompletnφm uklßdßnφm), dnes to pou╛φvßm, kdy╛ pot°ebuji n∞co rychle.

V∞t╣inou m∞ na strßnce zaujme n∞jak² prvek (t°eba zajφmavΘ tlaΦφtko nebo n∞jakß chyba). Pak stojφm p°ed dv∞ma ·koly:

Hledßnφ prvku v k≤du

Najdu si na strßnce n∞jak² jedineΦn² text, kter² je blφzko studovanΘho prvku. Pak dßm p°φkaz Zobrazit > Zdroj. Objevφ se textov² editor (nejΦast∞ji Notepad). Zadßm vyhledat ten jedineΦn² °et∞zec (v Notepadu klßvesa F3). V Notepadu se text oznaΦφ a dß se p°edpoklßdat, ╛e studovan² prvek bude n∞kde blφzko.

Kdy╛ ten jedineΦn² °et∞zec nebude nalezen, tak zkuste jin², rad∞ji krat╣φ.

Pro hledßnφ prvk∙ v HTML k≤du je pot°eba trochu praktick²ch zku╣enostφ a znalost HTML tag∙.

LinkovanΘ soubory

Tak dejme tomu, ╛e jsem n∞jak² prvek, t°eba vno°en² rßm (iframe), kter² si naΦφtß obsah z jinΘho html souboru. V k≤du to pak vypadß t°eba takto:

Chci-li si stßhnout nebo prohlΘdnout ty naΦφtanΘ soubory, musφm nap°ed zφskat jejich adresu. Tu musφm posklßdat. Nap°ed hledßm atribut src nebo href (v tomto p°φpad∞ je to src). To jsou atributy, kterΘ obvykle slou╛φ k linkovßnφ soubor∙.

Pak musφm vzφt aktußlnφ adresu dokumentu, smazat jmΘno souboru (v╣e za poslednφm lomφtkem) a p°idat to, co jsem zjistil ze src nebo href. Nap°. kdyby adresa analyzovanΘho souboru byla http://www.zvφ°ßtka.cz/sloni/africky.htm a src="stopy/prava_predni.htm", tak ten naΦφtan² soubor bude mφt absolutnφ adresu http://www.zvφ°ßtka.cz/sloni/stopy/prava_predni.htm.

Pokud src nebo href obsahujφ dv∞ teΦky (../), tak to znamenß nad°azen² adresß°. Nap°. Kdyby v p°edchozφm p°φkladu bylo src="../menu.htm", tak mß linkovan² soubor adresu http://www.zvφ°ßtka.cz/menu.htm

Takto zφskanou adresu bych zadal do prohlφ╛eΦe, naΦe╛ ta studovanß strßnka by se mi otev°ela v novΘm okn∞. Hor╣φ by to bylo, kdyby to nebyla strßnka, ale t°eba skript s p°φponou *.js nebo applet s p°φponou *.class. Ten by se musel zφskat jin²m zp∙sobem (ale Φasto se zeptß, jestli se mß spustit nebo ulo╛it, tak se dß ulo╛it a pak se prohlΘdne). ExtrΘmn∞ jist² zp∙sob stahovßnφ je ud∞lat si na disku strßnku s odkazem na ten ╛ßdan² soubor, pak kliknout prav²m tlaΦφtkem > Ulo╛it cφl jako (to se pou╛φvß, a╛ kdy╛ v╣echno sel╛e).

Druhy linkovan²ch soubor∙

Musφte si v╛dycky zjistit jmΘno toho souboru, kter² v tabulce zam∞≥uji jmΘnem adresa.*.

MaskovanΘ odkazy

V normßlnφm p°φpad∞ kdy╛ se p°ejede my╣φ odkaz, tak se na stavovΘm °ßdku (╣edivß linka vlevo dole) zobrazφ cφl odkazu. Je to velmi p°φjemnΘ, alespo≥ je rovnou vid∞t, kam odkazy mφ°φ. UrΦit²m skriptem se ale dß ud∞lat, ╛e se to tam zobrazovat nebude. Nebudu zde tento k≤d rozebφrat, ale nastφnφm, jak zv∞d∞t, kam odkaz vede, ani╛ bych na to klikal.

Zßkladnφ mo╛nost je samoz°ejm∞ vlΘzt do k≤du a hledat. To je pomalΘ. Rychlej╣φ je kliknout na odkaz prav²m tlaΦφtkem > kopφrovat zßstupce. Pak kliknout do °ßdku adresy (nebo do tex╗ßku) a vlo╛it. Hned je to vid∞t.

Druh	P°φklad k≤du (zkrßcen∞)
skript	`<script src="adresa.js"></script>`
obrßzek	`<img src="adresa.gif">`
css styl	`<link rel="stylesheet" href="adresa.css">`
oblφbenß ikona	`<link rel="shortcut icon" href="adresa.ico">`
klikacφ mapa	`<img src="cokoliv" usemap="adresa.html#mapa">`
Java applet	`<applet code="adresa.class"></applet>`
Flash	`<object ...><param name="movie" value="adresa.swf"></object>`
zvuk na pozadφ	`<bgsound scr="adresa.mid">`
rßm (frame)	`<frame src="adresa.htm">`
iframe (vno°en² rßm)	`<iframe src="adresa.htm"></iframe>`

Kopφrovßnφ z HTML k≤du

Te∩ u╛ umφte stßhnout javaScriptovΘ soubory *js. Hodn∞ JavaScript∙ se voln∞ vyskytuje v HTML k≤du, skript je tam jenom obalen znaΦkami <script> a </script>. Takov² k≤d se dß stßhnout prost²m zkopφrovßnφm. Skript je vid∞t rovnou ve zdrojovΘm k≤du. Jeho zm∞nami si ho m∙╛ete p°izp∙sobit podle sv²ch pot°eb. Chce to trochu praxe, ale n∞kterΘ k≤dy by zvlßdla upravit i cviΦenß opice.

Z HTML k≤du se dajφ zkopφrovat i celß rozvr╛enφ strßnek, tabulkov² design, adresy odkaz∙.

Parazitnφ formulß°e

Dal╣φm oblφben²m druhem vyt∞╛ovßnφ je duplikace formulß°∙: zkopφruji si strßnku s formulß°em, upravφm si ho (zachovßm jmΘna polφ name) a namφ°φm na cizφ strßnku (nutno zadat absolutnφ adresu do action). Takto si m∙╛u ud∞lat t°eba vyhledßvßnφ v celΘm Internetu, p°ihla╣ovßnφ do svΘ po╣ty, odesφlßnφ esemesek. Jedinß nev²hoda t∞chto formulß°∙: po odeslßnφ se zobrazφ strßnka, kterß nenφ moje (to je ale zßrove≥ v²hoda: nenφ to plagißtorstvφ).

Vyu╛itφ cache pam∞ti

U╛ivatelΘ modem∙ (po v∞t╣inu Φasu nep°ipojenφ) s oblibou lezou do cache pam∞tφ prohlφ╛eΦ∙, proto╛e tam z∙stßvajφ soubory, pro kterΘ by se jinak museli p°ipojovat. U╛ivatelΘ Internet Exploreru najdou slo╛ku se sta╛en²mi soubory p°φkazem Nßstroje > Mo╛nosti > ObecnΘ, doΦasnΘ soubory > Nastavenφ > Zobrazit soubory. Dß se to najφt i na disku v C:\windows\temporary internet files, ale tam je to komprimovanΘ.

U jin²ch prohlφ╛eΦ∙ je to snaz╣φ, uklßdajφ si to na logickß mφsta.

Pokud jsou k soubory k nalezenφ, dajφ se zkopφrovat a m∙╛ete si s nimi hrßt.

Stahovacφ programy

Vφm, ╛e existujφ programy, kterΘ projdou celou strßnku a stßhnou ji se v╣φm v╣udy. N∞kterΘ dokonce um∞jφ stahovat i strßnky, na kterΘ jenom vedou odkazy (dß se nastavit ·rove≥). «ßdn² takov² program nepou╛φvßm, napi╣te mi prosφm, jakΘ s nimi mßte zku╣enosti, p°φpadn∞ kde se dajφ stßhnout.

Pou╛itφ sta╛en²ch soubor∙

Jakmile jednou mßte data na disku, tak s nimi m∙╛ete d∞lat cokoliv (odhlΘdneme-li od autorsk²ch prßv). M∙╛ete je analyzovat, inspirovat se jimi, nebo je vystavit na sv²ch strßnkßch. P°ed tφm je m∙╛ete zm∞nit, pokud to dovedete.

Jß doporuΦuji pou╛φvat sta╛enΘ soubory zejmΘna pro inspiraci. To d∞lejte tak, jak umφte. Jß si Φtu zdrojßky.

Kdo mß oblφben² n∞jak² editor, ten si rßd celΘ strßnky natahuje rovnou do toho programu a html upravuje rovnou v n∞m.

P°φmΘ pou╛itφ sta╛en²ch soubor∙ p°ichßzφ v ·vahu snad jen u ilustraΦnφ grafiky. V trochu pozm∞n∞nΘ form∞ se pou╛φvajφ skripty.

Autorskß prßva

Autorsky je chrßn∞no v╣echno. V╣echno. Texty, obrßzky, skripty, stopy v betonu, r²hy ve skle, prost∞ v╣echno, co chcete. P∙vodnφ autor mß prßvo dokonce i na dφla, kterß vznikla "odvozenφm". Co je a co nenφ odvozenφ, to b²vß p°edm∞tem spor∙. Nejsou chrßn∞na fakta, ale zp∙sob jejich prezentace ano.

Nenφ ╛ßdn² problΘm soubory trochu zm∞nit. To ale nic nem∞nφ na tom, ╛e kdy╛ takov² trochu pozm∞n∞n² soubor vystavφm bez svolenφ p∙vodnφho autora, je to protizßkonnΘ.

NeΦekejte ode mne n∞jak² seri≤znφ v²klad, moc tomu nerozumφm. Nejsem prßvnφk (t°eba╛e na fantasy ╣ermovaΦkßch mi to nikdo nev∞°φ s poukazem, ╛e prßvnφci stßle l╛ou). P∙vodnφ autor mφvß ale s ochranou sv²ch prßv problΘmy, obzvlß╣╗ na Internetu. Musφ toti╛:

Proto╛e se to v╣echno musφ d∞lat p°ed soudem, v mal²ch Φesk²ch pom∞rech se autorskß dφla men╣φho rozsahu prakticky nedajφ chrßnit. Mohl bych o tom napsat romßn.

To by mohlo vyznφt jako povzbuzenφ pro plagißtory. Ale nemyslφm si to. Domnφvßm se, ╛e je z dlouhodobΘho hlediska v²hodnΘ udr╛ovat si morßlnφ profil a nepou╣t∞t na svoje strßnky nic cizφho. To, ╛e jsou kolem nßs stßle poru╣ovßny zßkony, je╣t∞ neznamenß, ╛e je to tak dob°e. Navφc si p°edstavte, na kolika strßnkßch si pohrdav∞ °φkßte" "tohle u╛ jsme n∞kde vid∞li," kdy╛ narazφte popßtΘ na stejnou animaci.

Rozhodujφcφ je ten u╣l² zisk. Kdy╛ zkopφrujete nejnov∞j╣φ hudebnφ nahrßvky a vystavφte si je na web, tak (krom∞ toho, ╛e si zahltφte server) m∙╛ete Φekat velmi konkrΘtnφ ╛alobu. Kdy╛ ale zkopφrujete n∞jak² skriptφk, tak i kdyby vßm na to n∞kdo p°i╣el (co╛ je samo o sob∞ nepravd∞podobnΘ), tak vßm t∞╛ko prokß╛e u╣l² zisk (nebude mu to stßt za to).

Pot∞╣φ m∞, kdy╛ mi napφ╣ete, kde bych na╣el n∞jak² seri≤zn∞j╣φ v²klad aplikace autorskΘho zßkona v prost°edφ Internetu.