O Φem nepφ╣u

Tato strßnka obsahuje p°ehled tΘmat, kterß na strßnkßch Jak psßt web pomφjφm

• bu∩to ╛e majφ n∞jakou slabinu, prost∞ jsou to nepou╛itelnΘ v∞ci
• nebo jim moc nerozumφm, tak se k nim nechci vyjad°ovat

Validace - Flash - XHTML - DynamickΘ rozbalovaφ menu

Validace

ObΦas mi n∞kdo pφ╣e s tφm, ╛e v m²ch strßnkßch na╣el chyby, kdy╛ jako nepro╣ly validßtorem. Hm.

Validßtory jsou programy, kterΘ zkontrolujφ dokument a zjistφ, jestli je validnφ (sprßvn²) v∙Φi n∞jakΘmu jazyku (DTD). Kdy╛ tak vypφ╣e chyby.

Jß validßtory nepou╛φvßm, proto╛e to, co pova╛ujφ validßtory za podstatnΘ, na to dlabou prohlφ╛eΦe. A naopak: co je na strßnce pot°eba pro jejφ vzhled a funkci, se nelφbφ validßtor∙m. Nezajφmß m∞ procedura, kterß mi °ekne, ╛e podle n∞jakΘ teoretickΘ definice je n∞co ╣patn∞. Aby moje strßnky nebyly invalidnφ, nepφ╣u jim ╛ßdnou deklaraci DOCTYPE.

Vφce informacφ o doctype v archivu Sovy v sφti.

Nejlep╣φ a jedin² opravdov² validßtor jsou Φtenß°i a jejich prohlφ╛eΦe.

Flash

Flash je technologie umo╛≥ujφcφ vklßdat na strßnku animace a aktivnφ prvky.

Flash samotn² se tvo°φ v programu Macromedia Flash. Mß zdrojßk (*.fla) a zkompilovanou binßrku *.swf Auto°i dßvajφ ven jenom swf, soubor fla si nechßvajφ.

 Do strßnky se to vklßdß pomocφ tag∙ <object> nebo <embed>. Nßvody na vlo╛enφ dosahujφ extrΘmnφ slo╛itosti, proto╛e nikoho nenapadlo to zjednodu╣it. Ale perfektn∞ funguje takov²to zßpis:

<embed src="soubor.swf" height="300" width="300"></embed>

Kam to bude klikat, je zapracovanΘ p°φmo v tΘ animaci. Slo╛it∞ji se totΘ╛ dß zapsat takto:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="300" height="300">
<param name=movie value="soubor.swf">
<param name=quality value="high">
<param name=bgcolor value="#ffffff"><!-- bφlß barva pozadi -->
<embed src="soubor.swf" quality=high bgcolor=#ffffff width="300" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>

Pou╛itφ objektu zp∙sobφ, ╛e si prohlφ╛eΦ zkusφ stßhnout po╛adovanou verzi flashe (v tomto p°φpad∞ verzi 6). Kdy╛ prohlφ╛eΦ nepodporuje object, pou╛ije ten vnit°nφ <embed>. To je p°φpad Mozilly.

O flashi vφc nepφ╣u, proto╛e je to velmi ╣irokΘ tΘma a jß nemßm Φas hrßt si s grafikou. Ale je to super technologie, dost nad∞jnß na hry. Nehodφ se na d∞lßnφ strßnek. N∞co mßlo vφc o flashi pφ╣u u reklam.

XHTML

Velk² humbuk. Jazyk, kter² je p°φsn∞j╣φ ne╛ klasickΘ HTML, ale autor∙m strßnek v prohlφ╛eΦφch nedovoluje nic navφc. Kdy╛ pφ╣ete v XHTML:

• omezujete se,
• ale nic tφm nezφskßvßte.

Zφskßvßte pouze pocit, ╛e jste "pokrokovφ". Tomuto dojmu podlehli rejpalovΘ, kter²m °φkßm X-╣ovinistΘ. Dokß╛φ zkritizovat ka╛dou blbost, kterß nenφ podle XHTML, p°itom je v∙bec nezajφmß, ╛e m∞ nezajφmß n∞jakΘ XHTML.

SkuteΦnΘ uplatn∞nφ XHTML se najde (IMHO pouze) v systΘmech, kterΘ pracujφ s XSLT transformacemi.

Pravidla XHTML

Oproti klasickΘmu HTML

• v╣echny tagy musejφ b²t pßrovΘ (nebo ty nepßrovΘ musejφ mφt na konci lomφtko, nap°. <br />).
• V╣echny tagy a atributy jsou mal²mi pφsmeny.
• Nesm∞jφ se pou╛φvat zastaralΘ tagy a formßtovacφ atributy (font, border, align apod.)
• skripty se zapisujφ slo╛it∞ji pomocφ sekvence CDATA

Stejn∞ jako v html 4 pro XHTML platφ:

• V╣echny atributy musejφ b²t v uvozovkßch (nap°. alt=ahoj je ╣patn∞, alt="ahoj" je dob°e).
• Tagy se nesm∞jφ k°φ╛it (nap°. <b><i>text</b></i> je ╣patn∞).

XML

Poslednφ dobou zφskßvßm pocit, ╛e XML je sice krßsnß datovß struktura, ale pro tvorbu "b∞╛n²ch strßnek" se jaksi nehodφ. V╣echno tam mß n∞jakΘ ALE. Asi nejlep╣φ je p°φmΘ linkovßnφ CSS styl∙ do XML. Hodn∞ zßklad∙ je uvedeno a www.kosek.cz a dokud to nebudu um∞t lΘpe ne╛ Jirka (a to asi nebude nikdy), netroufßm si o tom psßt.

Hlavnφ problΘmy stavby b∞╛n²ch (textov∞ bohat²ch) strßnek pomocφ XML jsou dva:

• neexistuje opravdu dobr² a POHODLN▌ xml editor
• xml jako datovß struktura °e╣φ vlastn∞ ·pln∞ jinΘ v∞ci, ne╛ se kter²mi se setkßvß tv∙rce b∞╛n²ch strßnek.

NejΦast∞ji se pro tvorbu strßnek z XML pou╛φvß XSLT transformace. XML se sna╛φ o p°edßnφ kompletnφ strukturovanΘ informace v dokumentech a XSLT ty informace transformuje do jin²ch dokument∙. V╛dy jedna ku jednΘ -- jeden v²stupnφ dokument odpovφdß jednomu vstupnφmu. To je sice krßsnß vlastnost, ale tv∙rci strßnek °e╣φ obvykle n∞co ·pln∞ jinΘho ne╛ problΘm jedna ku jednΘ. ╪e╣φ to, jak z vφce (fragmentßlnφch) soubor∙ sesklßdat jednu strßnku, p°φpadn∞ vφce strßnek (problΘm n ku n). Obvykle se to °e╣φ PΘHßPkem na stran∞ serveru. Pokud bych cht∞l to samΘ d∞lat v XML, tak bych musel hodn∞ prasit.

XML mß v²znam spφ╣e jako v²m∞nn² formßt mezi programy, psßt to ruΦn∞ je otrava.

DynamickΘ rozbalovacφ menu

Neumφm naprogramovat takovΘ, kterΘ by bylo spolehlivΘ. D∞lß se to v javascriptu. DoporuΦuju to n∞kde ukrßst, koneckonc∙ je to v javascriptu, tak╛e k≤dy jsou otev°enΘ. Osobn∞ to nepou╛φvßm zejmΘna z toho d∙vodu, ╛e do strßnky naΦφtajφ spoustu dat, kterß nakonec stejn∞ v∞t╣inou nejsou vid∞t. Ale to je subjektivnφ nßzor, kter² se dß zlehΦit.

Odkaz na p°φklad: nejlep╣φ dynamickΘ menu od Martina Snφ╛ka doporuΦuji okopφrovat.