FAQ

Φasto kladenΘ otßzky

FAQ znamenß frequently asked question nebo tak n∞co. Prost∞ Φasto kladenΘ dotazy. Pokud dostanu n∞jak² dotaz alespo≥ dvakrßt, tak ho sem umφstφm i s odpov∞dφ, abych na to nemusel odpovφdat pot°etφ. Mailovat mi m∙╛ete i pomocφ formulß°e (vespod strßnky).

HTML obecn∞ - Tabulky - Rßmy - Pozadφ - CSS - Aktivnφ prvky - Skripty - Napi╣te mi rovnou

HTML obecn∞

Jak je to s uvozovkami v HTML zßpisu? nap°: <td width="50"> pat°φ tam ty uvozovky nebo ne?: Podle specifikace 3.2 tam uvozovky byt nemusφ, pokud hodnota atributu neobsahuje mezeru nebo jinΘ divokΘ znaky. Ale kdo vφ, jak funguji v╣echny prohlφ╛eΦe. Ve specifikaci XML a XHTML tam uvozovky musejφ b²t v╣ude. Kdy╛ se dajφ v╣ude, tak se nic nezkazφ.
Ako mam spravit, aby pri zmene rozlisenia obrazovky bola www stranka stale v strede?: Nejjednodu╣╣φ zp∙sob je uzav°φt celou strßnku do tabulky s vycentrovßnφm <table align=center>, ale to mß spoustu jin²ch nev²hod.
Jin² zp∙sob je pou╛φt dvou zano°en²ch oddφl∙. P°φklad jedinΘho spolehlivΘho zßpisu:
<div style="align: center" align="center"><div align="left" style="width: 700px; align: left">Obsah strßnky</div></div>
Jak ud∞lat ╛lutou bublinu u odkazu?: <a href="n∞kam" title="Popisek odkazu v bublin∞">Text odkazu</a>

Tabulky

Jak dosahnout toho, abych hodnoty ze dvou sloupcu v tabulce (na jednom radku) mohl pouzit k matematickemu vypoctu a vyledek abych dostal v dalsim sloupci (na stejnem radku)?: Odpov∞∩ je jednoduchß: NEJDE TO. Jazyk HTML je pouze zobrazovacφ. Ten problΘm je pot°eba n∞jak obejφt. (Uva╛uje se o pou╛itφ atribut∙ axis a axes, ty ale zatφm v prohlφ╛eΦφch nefungujφ.)

Rßmy

Jak po kliknutφ na odkaz otev°φt dv∞ strßnky ka╛dou v jinΘm rßmu.: Dva zp∙soby.
1. Jednodussi je, kdyz si das ty dva frejmy vedle sebe a udelas stranku, ktera je spoji. Potom budes nacitat tu stranku na misto, kde maji byt ty dva.; 2. Elegantn∞j╣φ a t∞╛╣φ je tohle:; <a href="stranka1" target="ram1" onclick="parent.ram2.location.href = 'stranka2.htm'">
N∞kdy je tam pot°eba napsat parent.parent vφcekrßt za sebou.

Ud∞lal jsem si rßmy, ale naskytl se problΘm: Kdy╛ tam nap°φklad mßm odkaz na Seznam a kliknu na n∞j, objevφ se sice strßnka Seznamu, ale m∙j lev² rßm (obsah) tam z∙stane. Co mßm tedy ud∞lat pro to, aby se tam ten rßm nezobrazil?: Do odkazu <a href="http://seznam.cz> p°idejte target=_top, tak╛e to bude vypadat takhle:
<a href="http://seznam.cz target="_top">Seznam</a>; Target="_top" zp∙sobφ, ╛e se odkaz p°epne do celΘho okna. Zkuste takΘ experimentovat s hodnotami _blank a _parent.

Pozadφ

Dal╣φ odpov∞di hledejte na strßnce V╣e o pozadφ strßnky a objekt∙ v HTML a CSS

Jak nastavit pozadφ v rßmcφch, tak aby kopφrovalo skuteΦnou velikost rßmce? Pokud si vytvo°φm vlastnφ pozadφ (v Corelu 8) a zadßm cestu v nastavenφ rßmce, zobrazφ se mi p°es celou obrazovku n∞kolikrßt vedle sebe a pod sebou. Existuje n∞jak² p°φkaz, kter² by pozadφ p°izp∙sobil velikosti rßmce?: Velikost pozadφ nelze p°izp∙sobit velikosti rßmu. To╗ smutnß praxe.
Pozadφ musφ b²t v╛dy soubor gif nebo jpeg. Pokud Corel vyexportuje html, tak to je na nic. Proto╛e jsou gif i jpeg bitmapovΘ formßty, tak je nejde roztahovat bez ztrßty kvality, jak by to bylo mo╛no s corelovsk²mi vektorov²mi formßty.
Existujφ ale urΦitΘ zp∙soby, jak pozadφ n∞jak zmanipulovat. Prostudujte si v p°ehledu CSS - p°ehled vlastnostφ a hodnot vlastnosti pozadφ, mrkn∞te se na vklßdßnφ pozadφ do tabulek ve formßtovßnφ tabulek
a na Design pomocφ tabulek.
╚astou praxφ je postup p°esn∞ opaΦn² -- nep°izp∙sobovat pozadφ podle textu, ale text podle ╣φ°ky pozadφ. Text se vklßdß do rozm∞rovanΘho oddφlu (tag div v HTML) nebo do p°esn∞ ╣irokΘ tabulky.
Nebo se dß ud∞lat "pseudopozadφ". Obrßzek vlo╛it do strßnky a nastavit mu styl pozicovßnφm tak, aby p°ekr²val celou ╣φ°ku strßnky, ╣oupnout ho nahoru a nastavit mu z-index na n∞co zßpornΘho.
Osobn∞ doporuΦuji zam∞°it se pro zaΦßtek na d∙le╛it∞j╣φ v∞ci, ne╛ je pozadφ strßnky. D∙vodem je zejmΘna velk² datov² p°enos a matenφ Φtenß°e. Jß jsem t°eba po dlouholet²ch zku╣enostech od aplikace pozadφ zcela ustoupil, stejn∞ jako v∞t╣ina webov²ch profesionßl∙ (t°eba╛e se k nim nepoΦφtßm).

Potrebuji vycentrovat pozadi (background) na stred stranky a to jak vertikalne tak horizontalne. Aby byla zobrazena jen jedna kopie obrazku, ktery bude pouzit pro pozadi. Dale bych se chtel zeptat jestli uz ses setkal se statickym pozadim. Pozadi stoji a text a grafika se hybaji pres stojici pozadi.: Umφstit obrßzek na pozadφ jenom jednou a doprost°edka jde jen v n∞kter²ch prohlφ╛eΦφch. Na╣t∞stφ nejpou╛φvan∞j╣φ prohlφ╛eΦe MSIE 4 a 5 to dokß╛φ. H∙°e je na tom Netscape 4, ten to nedokß╛e dßt doprost°ed. Jak se to d∞lß: Pou╛φvajφ se na to CSS, kaskßdovΘ styly. Jde to zapsat dv∞ma zp∙soby, jß uvedu ten lehΦφ (bez stylopisu), kdy deklaraci uvedu p°φmo v tagu <body>:; <body style=" background: url('cesta/jmenosouboru.gif') fixed no-repeat center center">; Bacha na p°eklep. Malß chybka zp∙sobφ nefunkΦnost. Ta ΦßreΦka ' se d∞lß alt+39. V²znam hodnot lze najφt v p°ehledu CSS, tam jsou uvedeny i p°φklady. Je dobrΘ v²sledek vyzkou╣et ve vφce prohlφ╛eΦφch a zhodnotit v²sledek!; V ΦistΘm HTML bez CSS lze ud∞lat pouze "nerolovacφ" pozadφ deklaracφ <body backround="cesta/soubor.gif" bgproperties="fixed">. V CSS se to d∞lß vlastnostφ background-atachment: fixed. Pozor na p°φli╣ velk² obrßzek -- jednak se dlouho p°enß╣φ (a dokud se nep°enese, tak se nezobrazφ v∞t╣inou nic) a jednak zpomaluje klienta (zejmΘna pr∙hlednΘ pozadφ p°i rolovßnφ).

CSS

Pot°ebuji, aby se mi ned∞laly mezery nad a pod odstavcem.: Nejjednodu╣╣φ je zßpis:
<p style="margin-top: 0px; margin-bottom: 0px">
PraktiΦt∞j╣φ je zßpis najednou pro celou strßnku do stylopisu v hlaviΦce strßnky:
<style> p {margin-top: 0px; margin-bottom: 0px} p {margin: 0px} /*Je╣t∞ jednou pro Netscape */ </style>Vφce v textu o pou╛itφ CSS.
Jak mam p°i pou╛itφ CSS zarovnat v tagu "table" tu tabulku na st°ed? Nebo snad staΦφ normßln∞ napsat: align="center" a je to sprßvn∞? To m∞ trochu nepasuje do CSS.: Pomocφ CSS nelze zarovnat celou tabulku na st°ed strßnky, musφ se pou╛φt html atribut align=center nebo se tabulka musφ umφstit do vyst°ed∞nΘho odstavce. Je fakt, ╛e to do CSS moc nepasuje. Vlastnost align se vztahuje k zarovnßnφ VNIT╪KU elementu, nikoli na samotn² element. Neodpovφdß to variabilit∞ atributu align v HTML.
Rada by som vedela, ako mozem napisat hypertextovy odkaz tak, aby mi text nepodciarklo.: Je pot°eba do hlaviΦky strßnky vlo╛it stylopis:
<style> a:link, a:visited {text-decoration: none} </style>Kdy╛ tam dßte jenom a a nikoliv to a:link, a:visited, tak to nebude fungovat v IE4.

Jak ud∞lat odkaz, kter² m∞nφ barvu p°i p°ejφ╛d∞nφ my╣φ, t°eba na modrou?: Je pot°eba do hlaviΦky strßnky vlo╛it stylopis:
<style> a:hover {color: blue} </style>
Pouzivam oddeleni kapitol tagem <hr>. V rozliseni 800*600 vypada stranka relativne dobre, ale v 1024*768 se text zkrati, kdezto obrazek zustava stejny a dojde k tomu, ze oddelovaci linka je ve vysce obrazku z predchozi kapitoly. Dalo by se nejak udelat, aby obrazek byl hezky obtekan textem a oddelovaci linka vytvorena tagem <hr> byla vzdy pod obrazkem?: Tak tohle je zrovna brnkacka. Pridej si do stylopisu radek
hr {clear: both}
Zaruci to, ze kazda cara bude cekat na ukonceni vsech plovoucich elementu. Kdybys to chtel delat bez css, tak to taky pujde, ale bude to pakarna: Pred kazdou caru bys musel dat <br clear="all">. Doporucuji prvni postup.

Lze zmenit vzhled formularoveho vyberoveho boxu pomoci CSS, tak jako lze pro IE 5.5 volit barvu listy? Ani primy zapis stylu se scroll-..-color polozkami mi nefunguje: Ud∞lal jsem pßr experiment∙ a je to opravdu tak -- barvu rolovacφ li╣ty u tagu <select> nejde nastavit! V∙bec nijak. TotΘ╛ u barvy pozadφ checkboxu. Dß se jedin∞ zpr∙hlednit v IE pomocφ filtr∙.
V Internet Exploreru 6 se mi nebarvφ rolovacφ li╣ta!: Je pot°eba p°idat definici barvy li╣ty pro tag <html>. Zatφm se tam psalo body. Tak╛e te∩ to vypadß nap°.
body, html {scrollbar-base-color: yellow}

Aktivnφ prvky

Jak mßm naprogramovat, aby vypln∞n² formulß° p°i╣el na mojφ e-mailovou adresu?: DoporuΦuji zaregistrovat se na slu╛b∞ www.mailform.cz nebo www.blueboard.cz a sledovat pokyny. Je to nejdokonalej╣φ °e╣enφ, proto╛e d°inu ji╛ n∞kdo odvedl a te∩ se tam vyu╛φvajφ plody. Pokud by to z n∞jak²ch d∙vod∙ ne╣lo, dß se to °e╣it i svΘpomocφ:; Nejrychlej╣φ °e╣enφ bude patrn∞ toto:
<form action="adresa@n∞kam.cz" method="post" enctype="tex/plain"><input ....>Normßlnφ obsah formulß°e</form>; Pak to staΦφ akorßt vyzkou╣et. Po╣tu odesφlß klient, forma bude vid∞t. Pokud by nevyhovoval zasφlan² formßt dat, zkuste experimentovat s enctype. Do <form > se dß zkusit atribut enctype="multipart/form-data" .; Dß se to ud∞lat i spolehliv∞ji p°es serverov² program, ale poskytovatelΘ to nabφzejφ z°φdka. Jß t°eba vyu╛φvßm PHP skripty, ale na to je pot°eba mφt serverovß prßva.
Ak mam na www nejaky dotaznik, kt. dana osoba vyplnit - ci je mozne, aby mi tento dotaznik dosiel mailom aj s diakritikou. Zatial mi miesto diakritiky posiela cisla ....: To je prßv∞ to enctype="text/plain".
M∙╛e╣ mi prosφm poslat tv∙j on-line vyhledßvaΦ?: Ten fulltextov² vyhledßvaΦ nenφ m∙j, Φili ti ho nem∙╛u poslat. Jß jsem takΘ zkou╣el naprogramovat sv∙j, ale je lep╣φ nakonec stejn∞ p°ejφt na Atomz. Jak se to d∞lß:
1. www.atomz.com
2. registrace, kde se zadßvß mail a adresa strßnek
3. po╣lou html k≤d formulß°e, p°idß se to do strßnek a u╛ to chodφ
4. m∙╛e╣ si nastavit spoustu v∞cφ vΦetn∞ vzhledu vyhledßvacφch strßnek. D∞lß se to po nalogovßnφ na server atomz a ·pravou n∞jak²ch templates a v╣eho dal╣φho.
Dß se za°φdit vyhledßvßnφ i bez registrace na Atomz?: Jo, dß se vyu╛φt Google. N∞komu to nefunguje, proto╛e mu Google na strßnky nechodφ (to se stßvß z°φdka). Do strßnky se umφstφ tento formulß°:
Vyhledßvßnφ na www.cokoliv.cz/moje/ pomocφ systΘmu Google <br><form action="http://www.google.com/search" target="_blank"> <input name="as_q" size=20> <input type="hidden" name="as_sitesearch" value="cokoliv.cz/moje/"> <input type="hidden" name="num" value="10"> <input type="hidden" name="btnG" value="Vyhledat Googleem"> <input type="submit" value="Vyhledat"> </form> Do jednoho skrytΘho polφΦka se musφ zadat zaΦßteΦnφ fragment adresy prohledßvan²ch strßnek. V²sledky formulß°e se otev°ou v novΘm okn∞. Bude to strßnka ze serveru Google.com.

Skripty

1. Mam zacit s klasickym HTML jazykem? 2. Nebo rovnou se zacit ucit JavaScript, dle knihy JavaScript - David Flanagan - Kompletni pruvodce. 3. Jak spolu souvisi HTML a JavaScript - daji se vedomosti z HTML vyuzit pri tvorbe www stranek pomoci JavaScriptu?: O JavaScriptu: nema VUBEC smysl s nim zacinat, pokud neumis delat stranky v HTML. Skripty jsou jenom slehackou na dortu, kde korpus tvori HTML jazyk. Navic dnes neexistuje globalne pouzitelna verze JavaScriptu (Microsoft ma svuj vlastni), takze odladit aplikaci pro vsechny prohlizece je drsny ukol, se kterym si poradi jenom opravdovi fest profici. Vysledek ovsem ani pak neni nijak uzasny.; Ta knizka od Flanagana je JavaScript pro Netscape, ktery v ceskych podminkach prakticky nikdo nepouziva. Je par let stara a psana pro programatory, takze nemas nejmensi sanci se do ni zacist nebo neco z ni pouzit.; JavaScript je zjednodusene receno zpusob, kterym muzes pohybovat s kusy kodu HTML. Dam asi priklad: odstavec cervenym pismem se udela v HTML takhle (pouzivam CSS styly):; <p style="color: red" >Text odstavce</p>; Javascript pritom umi treba po kliknuti na tenhle odstavec zmenit barvu textu na modrou. Dela se to rozsirenim kodu o atribut onclick, jehoz hodnota uz je skript:; <p style="color: red" onclick="this.style.color = blue">Text odstavce</p>; , coz ale funguje jenom v Exploreru, protoze je to Microsofti javaScript. Aby to fungovalo v Netscape, musi se odstavec pojmenovat atributem id:; <p style="color: red" id="odstavec" onclick="document.ids.odstavec.color = blue"; Aby to fungovalo v obou prohlizecich, musis napsat do kodu podminku, ktera bude testovat prohlizec. Jak jiste podle tohoto prikladu chapes, delani dobrych skriptu neni zadna sranda. Hodne lidi udela skript, ktery funguje jenom nekde, coz ale ti autori nikdy nezjisti, protoze to jinde nezkusi, takze si mysli, ze umi psat skripty. Proste jsi-li zacatecnik, vykasli se na to.
Potreboval bych vedet jak docilim toho abych mel na 1 strance nekolik obrazku a po kliknuti na jeden z nich se zobrazil na dalsi strane s jeho nßzvem.: To je potreba udelat pro kazdy obrazek novou stranku, na ktere bude ten obrazek a jeho nazev jako text. Pokud by tam ten nazev byt nemusel, nemusi se delat nova stranka a staci odkaz namirit na ten obrazkovy soubor.
Cht∞l bych n∞kterΘ strßnky zp°φstupnit jen n∞kter²m lidem na heslo. Jak to nejelegantn∞ji provΘst? Pomocφ JavaScript, nebo jinak - jak? Existuje n∞jak² standardnφ postup?: Neda se to udelat snadno. Ale jsou nektera reseni:
1. Nejlepsi je domluvit se se svym spravcem serveru (pokud ho tedy znas), aby to zkusil nastavit a rozbehat. Puvodne je totiz autentifikace serverova zalezitost. Navod je v manualu k softwarovemu serveru, postup se lisi pripad od pripadu.
2. Pokud vas server podporuje PHP nebo ASP, da se napsat prihlasovaci skript. V PHP t°eba:
<? if(!heslo)
echo "<form>Heslo: <input name=heslo><input type=submit value=Odeslat></form>";; else {
if(heslo != "kolotoc"); echo "⌐patnΘ heslo";; else ?>
Samotn² obsah strßnky
<? } ?>
3. Nejsnazsi reseni je ulozit chraneny soubor pod divnym jmenem (treba xyz.html) a nedavat na nej nikam odkaz. Pak napsat Java skript na zacatek do prihlasovaci stranky:
<script></script>
Musi se to upravit. Jednak ten text od document.body az po strednik musi byt na jednom radku (posta to rozhodi). Pokud soubor konci .html a ne .htm, tak se tam musi dopsat "l".
Svym ctenarum rozdas heslo xyz a po jeho zadani se dostanou na stranku xyz.htm. Pokud bys chtel nejake komplikovanejsi kodovani hesla, tak s nim muzes v JavaScriptu delat nejake vylomeniny (misto poznamky /*pripadne upravy hesla*/, obzvlast dobre to jde s cisly).

Napi╣te mi rovnou

Dostanu to do po╣ty, jako kdybyste to posφlali normßln∞ e-mailem na adresu dusan@pc-slany.cz Klidn∞ pi╣te Φesky.