Encyklopedie tvorby webu
schvßln∞, jak dlouho m∞ to bude bavit psßt...
- A
- angl. anchor [enk_] = kotva
- 1. odkaz. V HTML se zapisuje: <a href="url">text odkazu</a>, kde url
mφ°φ na jinou strßnku. Nap°. <a href="http://www.seznam.cz">Seznam</a> je
odkaz na Seznam. Do url je mo╛no napsat absolutnφ nebo relativnφ adresu. Viz
tΘ╛ odkazy.
- 2. zßlo╛ka, kotva ve strßnce. Zapisuje se <a name="jmeno"></a> a urΦuje
mφsto, na kterΘ prohlφ╛eΦ odroluje, pokud se klikne na <a href="#jmeno">odkaz</a>.
- Na strßnkßch Jak psßt web o A: Odkazy
v HTML, Jak zdokonalit odkazy,
R∙znΘ barvy odkaz∙ pomocφ CSS,
Odkazy na zßlo╛ky,
Odkazy v HTML p°φruΦce
- a:hover
- viz hover
- Alert
- angl. alert = "upozorn∞nφ"
- Javaskriptovß metoda alert() zobrazφ v²stra╛nou hlß╣ku. Atributem je
obsah sd∞lenφ. Nap°. <script>alert("ahoj")</script> zobrazφ hlß╣ku "ahoj".
Pokud je zobrazovßn text, pφ╣φ se kolem n∞j uvozovky, pokud je vypisovßna
hodnota prom∞nnΘ, uvozovky se nepφ╣φ. Nap°. alert(location.href) vypφ╣e
aktußlnφ adresu dokumentu. Metoda alert se pou╛φvß zejmΘna pro lad∞nφ
javaskript∙, aby se zjistilo, jestli skript b∞╛φ a jakΘ hodnoty jsou v
prom∞nn²ch.
- Na strßnkßch Jak psßt web o alert:
Hlß╣ky v JavaScriptu
- Align
- angl. align [elajn] = "zarovnßnφ"
- 1. atribut align u blokov²ch tag∙ <p>, <div> a bun∞k tabulky <td>
urΦuje zarovnßnφ vnit°ku elementu (textu). Nap°. <p align="right"> je
odstavec zarovnan² doprava. Hodnoty jsou "left" - zarovnßnφ vlevo
(p°ednastavenΘ), "right" - vpravo, "center" - na st°ed, "justify" - do bloku
(nefunguje ve v╣ech prohlφ╛eΦφch)
- 2. atribut align u nahrazovan²ch tag∙, (co╛ jsou obrßzek <img>, objekty
<object> a <embed>, vlo╛en² rßm <iframe> a jinΘ) urΦuje pozici
elementu ne strßnce. ObtΘkßnφ (hodnoty "left" a "right") nebo zarovnßnφ
na °ßdku (ostatnφ hodnoty).
- 3. CSS vlastnost text-align mß hodnoty left, right, center a justify,
kterΘ urΦujφ zarovnßnφ vnit°ku elementu.
- 4. CSS vlastnost vertical-align se dß pou╛φt na bu≥ky tabulky (tagy
<td>) a urΦuje vertikßlnφ zarovnßnφ (na v²╣ku). NejΦast∞j╣φ hodnoty top -
naho°e, middle - uprost°ed, bottom - dole, sup - hornφ index, sub - dolnφ
index. V klasickΘm HTML se to zadßvalo atributem valign u tagu <td>.
- Na strßnkßch Jak psßt web o align:
Zßklady HTML, Obrßzky,
CSS - p°ehled vlastnostφ a hodnot
- Anketa
- Anketa na strßnce musφ b²t realizovßna pomocφ serverovΘho skriptu
(proto╛e klientskΘ neum∞jφ uklßdat data). Jsou dva zp∙soby, jak mφt anketu:
1. naprogramovat si ji a rozeb∞hnout na serveru (v²sledy a meziv²sledky se
uklßdajφ do databßze, ze kterΘ se generuje vzhled ankety, musφ se takΘ
za°φdit, aby n∞kdo nehlasoval dvakrßt(p°es cookies nebo IP)), nebo vyu╛φt
slu╛eb n∞jakΘho serveru, kter² po registraci nabφzφ vlo╛enφ ankety u╛
naprogramovanΘ a fungujφcφ na jinΘm serveru.
- Na strßnkßch Jak psßt web o anket∞: Slu╛by
vzdßlen²ch server∙
- Aplet
- Viz applet
- Applet
- Tagem <applet> v html se vklßdaly java applety. Dnes je <applet>nedoporuΦovan²
tag nahra╛en² tagem <object>. Na strßnce vymezφ kousek prostoru (jako
obrßzek) a v n∞m se Φinφ. Java applet je aplikace (program) napsanß v jazyce
java. Musφ se napsat a zkompilovat, tφm se vytvo°φ soubor s p°φponou class.
Aby to fungovalo, musφ b²t v systΘmu nebo v prohlφ╛eΦi nainstalovanß podpora
Javy (JRE), co╛ je tak v 70% p°φpad∙. V²znam java applet∙ ve webov²ch
strßnkßch je obecn∞ velmi nadhodnocen. Jejich funkci (interaktivitu na
klientovi) stßle Φast∞ji lΘpe umo╛≥uje flash.
- Array
- angl. array [erej] = "╣ik, ·tvar" ve smyslu vojenskΘm, "pole" ve smyslu
programovßnφ
- V Javascriptu existuje objekt Array, pole. Je to zp∙sob, jak jednΘ
prom∞nnΘ p°i°adit vφce stukturovan²ch hodnot. Pole se inicializuje p°φkazem
prom∞nnß = new Array(); hodnota se p°i°azuje nap°. prom∞nnß["index"] =
"hodnota", hodnota se volß prom∞nnß["index"].
- Na strßnkßch Jak psßt web o Array: nic
- Background
- angl. background [begraund] = "pozadφ"
- 1. V HTML se background vyskytuje jako zastaral² atribut tagu <body>.
Nap°. <body background="obrazek.jpg"> za°φdφ naΦtenφ obrßzku obrazek.jpg do
pozadφ celΘ strßnky. Stejn∞ funguje v tagu <table> a <td>.
- 2. V CSS existujφ vlastnosti background, background-color, background-image,
background-position, background-repeat, background-attachment.
- Na strßnkßch Jak psßt web o background: Pozadφ
-- V╣e o pozadφ strßnky a objekt∙ v HTML a CSS,
CSS - p°ehled vlastnostφ a hodnot
- Viz pozadφ
- Back
- angl. back [bek] = "zp∞t"
- Ka╛d² prohlφ╛eΦ mß tlaΦφtko, kter²m se lze vrßtit v historii. V HTML +
Javascriptu lze ud∞lat obdobu takovΘho tlaΦφtka pomocφ javascriptovΘho
objektu history a metody history.back(). Nap°. <input type="button" onclick="history.back()"
value="zp∞t">
- Na strßnkßch Jak psßt web o back:
Objekt window
- Banner
- angl. banner [benr] = "prapor"
- Na Internetu se pou╛φvß v souvislosti s reklamou. Klasick² reklamnφ
banner (tzv. full banner) mß rozm∞ry v pixelech 468 x 60. Odbornß ve°ejnost
se u╛ dlouho vcelku zßbavn∞ p°e o to, zda jde o formßt zastaral² nebo ne
(jako by na tom zßle╛elo).
- Na strßnkßch Jak psßt web o banneru:
Reklamnφ formßty,
Reklamnφ systΘmy
- Barvy
- Na strßnkßch Jak psßt web o barvßch: Barvy
v HTML - v╣echny druhy zßpisu,
Zßkladnφ webovΘ barvy, BezpeΦnΘ
barvy, PojmenovanΘ HTML barvy,
Barva v HTML je╣t∞ jednou + p°φklady
- B∞╛φcφ text
- viz Marquee
- Blink
- HTML tag <blink> mß ud∞lat pφsmo blikacφm. V CSS je nahrazen deklaracφ
text-decoration: blink. Ani jedno nefunguje v Microsoft Expleru, v n∞m se
blikacφ pφsmo musφ vyrßb∞t slo╛it∞ji pomocφ javascriptu. Nebo rad∞ji v∙bec
blink nepou╛φvat.
- Border
- angl. border [b≤d_] = "okraj, obruba, hranice"
- V HTML se okraje dajφ nastavit u obrßzk∙, rßm∙ a tabulek pomocφ atributu
border. Poka╛dΘ se chovß trochu jinak, u tabulek je nap°. ovlivn∞n hodnotou
atributu cellspacing. V CSS se na okraje pou╛φvß vlastnost border a odvozenΘ
vlastnosti, tφm lze vykreslit okraje kolem tΘm∞° ka╛dΘho objektu.
- Na strßnkßch Jak psßt web o border: CSS -
p°ehled vlastnostφ a hodnot, Okraje objekt∙ -
margin a padding, Obrßzky na webu v HTML,
Mo╛nosti rßm∙,
Formßtovßnφ tabulek
- Button
- angl. button [batn] = "knoflφk", myslφ se tφm "tlaΦφtko"
- 1. tag <input type="button" value="text"> zobrazφ tlaΦφtko s
textem "text". Aby tlaΦφtko n∞co d∞lalo, je pot°eba p°idat k n∞mu n∞jak²
ovladaΦ udßlosti, nejΦast∞ji onclick. Nap°. <input type="button" value="stiskni"
onclick="stisknuto()">, kde stisknuto() je d°φve deklarovanß javascriptovß
funkce.
- 2. tag <button> je pßrov². Mß stejnou funkci jako <input type="button">,
ale m∙╛e obsahovat libovoln² html obsah. Nap°. <button onclick="stisknuto()"><img
src="obrazek.jpg"></botton> je tlaΦφtko obsahujφcφ obrßzek. Star╣φ
prohlφ╛eΦe (Netscape 4) <button> neznajφ.
- Na strßnkßch Jak psßt web o button:
Formulß°e v HTML
- Cache
- angl. cache [ke╣] znamenß doΦasn∞ ulo╛enß pomocnß data
- Je moc druh∙ cacheφ, v kontextu webu se vyskytujφ dva druhy: 1. cache na
serverech cestou (takΘ proxyny), 2. cache na klientovi (na disku u╛ivatele a
v prohlφ╛eΦi). Cache pomßhajφ zrychlit internet, prosto╛e si pamatujφ, co
bylo sta╛eno.Ka╛d² objekt (strßnka, obrßzek) mß n∞jak nastaveno, kdy se z
cache pam∞ti m∙╛e smazat a kdy se mß zaΦφt dφvat, jestli nebyl objekt
zm∞n∞n. To urΦujφ http hlaviΦky expires, cache-control a pragma. Nastavujφ
se konfiguracφ serveru. Prohlφ╛eΦovΘ cache (ne serverovΘ, proxyny) lze
ovlivnit tΘ╛ pomocφ meta tag∙ http-equiv.
- Internet Explorer si soubory uklßdß do komprimovan²ch soubor∙ do cache v
adresß°i Temporary internet files, kter² je bu∩ ve windows, nebo v document
and settings. Lze se na n∞ podφvat p°es Nßstroje > Mo╛nosti > DoΦasnΘ
soubory. Ostatnφ prohlφ╛eΦe si uklßdajφ cache nekomprimovan∞ do adresß°∙
vedle instalace programu.
- Na strßnkßch Jak psßt web o cache: Popis tag∙
META, Co ovliv≥uje rychlost strßnek
- Cascading Style Sheet
- angl. Cascading Style Sheet = "KaskßdovΘ styly"
- Viz kaskßdovΘ styly
- Charset
- angl. character set = "znakovß sada", zkrßcen∞ charset [Φßset]
- Charset je p°i°azenφ znak∙ Φφsl∙m. V kontextu Φe╣tiny a slovenΦiny jde
hlavn∞ o to, kter² diakritizovan² znak bude odpovφdat jakΘmu Φφslu od 128 do
255. Na webu se Φe╣tina k≤duje p°evß╛n∞ do t°φ znakov²ch sad (psßno 2003):
1. iso-8859-2, 2. windows-1250 a 3. UTF-8 (unicode). (Pokud nevφte, jakΘ
k≤dovßnφ pou╛φvßte, pravd∞podobn∞ pou╛φvßte windows-1250.) Autor ΦeskΘ nebo
slovenskΘ strßnky pou╛φvajφcφ diakritiku by m∞l u dokumentu dßt n∞jak v∞d∞t,
jakΘ k≤dovßnφ pou╛φvß (aby se to Φtenß°i zobrazilo sprßvn∞), d∞lß se to
dv∞ma mo╛n²mi zp∙soby: 1. http hlaviΦkou "content-type" s hodnotou
"text-html;charset=pou╛itΘ k≤dovßnφ" (n∞kdy se to dynamicky p°ek≤dovßvß za
pou╛itφ program∙ typu Saczech nebo ModCzech), nebo 2. meta tagem ve hlaviΦce
dokumentu se stejn²mi hodnotami.
- Na strßnkßch Jak psßt web o charset: ╚estina na
webu, Diagn≤za chybnΘ Φe╣tiny,
╚eskß k≤dovßnφ v tabulkßch,
Rozdφly k≤dovßnφ win a iso,
Interpunkce na webu
- Chat
- Vlastnφ chat ve strßnce si bu∩to musφte naprogramovat v n∞jakΘm jazyce
serverov²ch skript∙, nebo najφt n∞jakou slu╛bu, kterß umo╛≥uje vlo╛it do
strßnky chat z jinΘho serveru. «ßdnou takovou slu╛bu neznßm, ale snad
existuje. Ka╛dopßdn∞ bude s reklamou.
- Checkbox
- angl. checkbox [Φekbax] = "za╣krtßvacφ polφΦko"
- Za╣krtßvacφ polφΦko se v HTML d∞lß tagem <input type="checkbox">. Tag <input>
se dß pou╛φt i na jinΘ typy formulß°ov²ch polφ. Mß vlastnost checked (v
XHTML checked="checked"), kterß urΦuje, zda je v²chozφ stav polφΦka
za╣krtnuto nebo ne. Atribut name pole identifikuje. Atribut value se
nezobrazuje; pokud je polφΦko za╣krtnutΘ, formulß° odesφlß dvojici name=value,
pokud za╣ktnutΘ nenφ, formulß° neodesφlß nic.
- Na strßnkßch Jak psßt web o checkbox:
Formulß°e v HTML
- Class
- angl. class [kles] = "t°φda"
- Class je html atribut, kter²m se °φkß, ╛e element pat°φ do n∞jakΘ
skupiny, t°φdy. Nebo se tφm oznaΦuje jeho vlastnost. Nap°. <p class="poznamka">
je tag odstavce, kter² je oznaΦen jako poznßmka. T°φd (class∙) se vyu╛φvß
zejm. pro formßtovßnφ dokumentu, nap°. se dß nastavit, ╛e v╣echny poznßmky
budou modr²m pφsmem: <style> .poznamka {color: blue}</style>. Jeden HTML
element m∙╛e pat°it i do vφce t°φd, nap°. <td class="katka utrata"> je bu≥ka
tabulky, kterß asi vyjad°uje, co Katka utratila, a bude formßtovßna podle
obou t°φd.
- Class je ·zce svßzßn s kaskßdov²mi styly
(CSS). Hodn∞ starΘ prohlφ╛eΦe (Netscape verze 3) CSS a class nepodporujφ,
st°edn∞ starΘ podporujφ s chybami. V zßpisu stylu se p°ed jmΘno t°φdy dßvß
teΦka. S class je p°φbuzn² atribut id.
- Na strßnkßch Jak psßt web o class: T°φdy a
identifikßtory
- Cookie
- viz Cookies
- Cookies
- angl. cookies [k∙kφs] = "su╣enky", Kosek p°eklßdß jako "kolßΦky". Mezi
programßtory se °φkß cookies nebo kukiny.
- Cookies jsou malΘ textovΘ informace, kterΘ se dajφ ulo╛it na poΦφtaΦi
klienta. Z bezpeΦnostnφch d∙vod∙ je uklßdßnφ dat na klientovi zakßzßno,
cookies jsou jedinou omezenou v²jimkou. Uklßdajφ se n∞kam do cache
(nejΦast∞ji do doΦasn²ch soubor∙), lze se na n∞ podφvat p°es mo╛nosti
prohlφ╛eΦe. Lze je vypnout (zakßzat uklßdßnφ) a smazat.
- Uklßdat a Φφst cookies um∞jφ skripty klientskΘ (nap°. JavaScript) i
serverovΘ (nap°. PHP). Ka╛dΘ cookie mß nßzev a hodnotu (nap°. navstevy=4)
plus informaci o vypr╣enφ (datum a Φas ve fomrßtu GMT, kdy cookie zmizφ) a
rozsah platnosti (odkud se dß Φφst). Pokud se nenastavφ jinak, m∙╛e skript
cookies Φφst jen z tΘ strßnky, na kterΘ bylo ulo╛eno. P°i uklßdßnφ se m∙╛e
nastavit path a domain, potom p∙jde Φφst i ze strßnek zadanΘ cesty a domΘny.
- Na strßnkßch Jak psßt web o cookies: nic moc, jenom p°φklad v
Technologiφch reklamnφch
formßt∙
- Na Lup∞ o cookies v IE 6 a P3P:
http://www.lupa.cz/clanek.php3?show=1747
- Counter
- angl counter [kaunt_] = "╛eton, pult, p∞╣ßk, poΦtß°, opaΦn², protivn²"
- viz PoΦφtadlo
- CSS
- zkratka CSS = Cascading Style Sheet
- Viz kaskßdovΘ styly
- Cursror
- Viz Kurzor
- ╚e╣tina
- Viz tΘ╛ charset.
- Na strßnkßch Jak psßt web o Φe╣tin∞: ╚estina na
webu, Diagn≤za chybnΘ Φe╣tiny,
╚eskß k≤dovßnφ v tabulkßch,
Rozdφly k≤dovßnφ win a iso,
Interpunkce na webu
- Datum
- Samotn² jazyk HTML nenabφzφ ╛ßdnou vlastnost, jak do strßnky vlo╛it
aktußlnφ datum.
- NejΦast∞ji se na to pou╛φvß javascript a objekt Date. P°φkazem promenna
= new Date() se vytvo°φ novΘ datum, ve kterΘm je aktußlnφ datum a Φas.
Metodami volan²mi na prom∞nnou se z data dajφ vytßhnout jednotlivΘ ·daje,
nap°. den v t²dnu je pak promenna.getDay() jako Φφslo od 0 (ned∞le) do 6. Na
nßzvy dn∙ se to musφ p°evΘst n∞jak²m polem. Existuje hodn∞ funkcφ getN∞co(),
kterΘ z data vytahujφ ·daje a setN∞co(), kterΘ datum m∞nφ.
- Vlo╛enφ data napsßnφ strßnky a data aktualizace se Φasto d∞lß ruΦn∞ nebo
jsou na to p°φkazy v editoru. ServerovΘ skripty (nap°. PHP) um∞jφ vlo╛it do
strßnky aktußlnφ datum, jakΘ je na serveru. KlientskΘ skripty (javascript)
vklßdajφ datum, kterΘ mß nastavenΘ klient, tak╛e m∙╛e b²t ╣patn∞.
- Na strßnkßch Jak psßt web o datu:
Objekt Date v javascriptu
- Div
- angl. divission [dyvi╛n] = "oddφl, odd∞lenφ"
- HTML tag, kter² obklopuje urΦitou logickou oblast strßnky. Je to tzv.
blokov² element, tzn. d∞lß za sebou zalomenφ °ßdku. Do HTML p°i╣el s CSS
spolu s tagem span. Od tagu span se li╣φ prßv∞ v tom, ╛e za sebou konΦφ
°ßdek. V modernφm designu je velmi oblφben², proto╛e kolem sebe ned∞lß
zbyteΦnΘ okraje a dob°e na n∞j fungujφ CSS deklarace. ╚asto se pou╛φvß s
nastavenφm t°φdy (class).
- Na strßnkßch Jak psßt web o tagu div: Bloky
v HTML, Design pomocφ CSS pozicovßnφ,
CSS prakticky,
Jak ud∞lat levΘ menu, O°ez a skrollovßnφ
- Download
- angl. download [daunloud] = "sta╛enφ" souboru
- U╛ivatel si m∙╛e soubory z webu stahovat kliknutφm pravΘho tlaΦφtka >
ulo╛it cφl. Jestli se kliknutφm levΘho tlaΦφtka soubor z webu rovnou otev°e
nebo jestli se to zeptß "otev°φt nebo ulo╛it" zßvisφ na typu souboru (na
p°φpon∞) a na konkrΘtnφm nastavenφ prohlφ╛eΦe a systΘmu u u╛ivatele. Nedß se
nijak zaruΦit, ╛e se ten dialog otev°e.
- Na strßnkßch Jak psßt web o download: nic, ale je tu cel² web jako
archiv ke sta╛enφ.
- Favicon
- angl. favorite [fejvrit] = oblφben², icon [ajkn] = ikona
- Ikona oblφbenΘ strßnky, kterß se zobrazuje p°ed nßzvem a adresou
strßnky. P°edtφm si u╛ivatel strßnku musφ p°idat do oblφben²ch. Ikona je v
souboru favicon.ico, kter² musφ b²t umφst∞na v rootu webu. Ikona se dß
vytvo°it n∞jak²m grafick²m programem.
- Na strßnkßch Jak psßt web o favicon: favicon.ico
- ikona oblφbenΘ strßnky
- Font
- druh pφsma
- Rag <font> je zastaral² zp∙sob (do verze 3) formßtovßnφ pφsma v HTML.
Fontem se dß nadeklarovat barva, velikost pφsma a druh pφsma (vlastnφ font).
Nap°. <font face="arial" color="blue" size="7">hodn∞ velkΘ modrΘ pφsmo
arialem</font>
- Modernφ zp∙sob p°i°azenφ fontu pomocφ CSS vyu╛φvß vlastnosti font-size,
font-family, color, font-weight, font-style aj., vφce mo╛nostφ je v CSS2, to
ale nenφ prohlφ╛eΦi moc podporovßno.
- Mno╛ina webov∞ pou╛iteln²ch font∙ je omezenß, proto╛e aby se pφsmo
zobrazilo, musφ ho mφt u╛ivatel nainstalovanΘ (pokud mo╛no v ΦeskΘ verzi).
Tak╛e v praxi je nutno omezit se na fonty Times, Arial, Verdana, MS sans
serif a courier, proto╛e tato pφsma jsou skoro v╣ude. Existuje zp∙sob, jak
vlo╛it text i nenainstalovan²m pφsmem, tzv. dynamick² font, kter² si
prohlφ╛eΦ stßhne. Jsou to soubory *.eot a vyrßb∞jφ se programem WEFT.
- Na strßnkßch Jak psßt web o fontu: CSS -
p°ehled vlastnostφ a hodnot, ┌prava textu
v HTML, Webov∞ pou╛itelnß pφsma -- p°ehled
v r∙zn²ch velikostech, DynamickΘ fonty eot s
programem WEFT. Nejsou tu ╛ßdnΘ fonty ke sta╛enφ.
- For
- angl. for [f≤] = "pro", ve smyslu programovßnφ cyklus
- P°φkaz for existuje skoro ve v╣ech jazycφch. Prochßzφ urΦitou mno╛inu
mo╛nostφ - v∞t╣inou for slou╛φ pro opakovßnφ cyklu v urΦitΘm poΦtu
opakovßnφ. V Javascriptu se vyskytuje se syntaxφ nap°. for( i = 1; i < 10;
i++) {p°φkazy}. V PHP podobn∞.
- Na strßnkßch Jak psßt web o for:
V∞tvenφ v JavaScriptu
- Form
- angl. form [f≤m] = "formulß°"
- Tag <form> vymezuje formulß°. M∙╛e obsahovat skoro v╣echny tagy a text,
ale obvykle obsahuje zejmΘna formulß°ovß pole, tj. tagy <input>, <select>, <textarea>.
Tag <form> mß atribut action, kterß urΦuje, kam se bude formulß° odesφlat ke
zpracovßnφ. Nap°. <form action="zpracuj.php"> odesφlß v²sledky souboru
"zpracuj.php", co╛ je serverov² skript.
- Form je blokov² element, tzn. p°ed nφm a za nφm se lßme °ßdek. TakΘ
kolem vznikajφ vertikßlnφ mezery, kterΘ lze odstranit CSS vlastnostφ margin,
nap°. <form style="margin: 0px">.
- Na strßnkßch Jak psßt web o form: ┌vod
do formulß°∙ v HTML, Formulß°e v HTML,
Detaily formulß°∙, zdokonalenφ vzhledu,
Formulß° na mail,
Formulß°e v HTML,
Zru╣enφ odesφlßnφ formulß°e
javascriptem
- Formßtovßnφ
- ┌prava. V poΦφtaΦovΘ terminologii se v²raz "formßtovßnφ" pou╛φvß pro
vyjßd°enφ, ╛e text n∞jak vypadß. Text mß obsah (vlastnφ sd∞lenφ) a formßt
(zp∙sob sd∞lenφ, vzhled).
- Formulß°
- viz Form
- Frame
- angl. frame [frejm] = "rßm", do Φe╣tiny se p°eklßdß nejΦast∞ji jako rßm,
ale i jako "rßmeΦek", "rßmec"
- Tag <frame> je jeden rßm ve skupin∞ rßm∙ (ve framesetu). Vymezuje
obdΘlnφkovou oblast okna prohlφ╛eΦe. Do nφ se naΦte obsah html souboru
uvedenΘho v atributu src. Rßme je identifikovßn atributem name. Nap°. <frame
src="obsah.html" name="levy">.
- Viz rßmy.
- Frames
- angl. frames [frejmz] = "rßmy"
- Viz rßmy.
- Frameset
- angl. frameset [frejmset] = "mno╛ina rßm∙" (frame = rßm, set = skupina,
mno╛ina)
- Tag <frameset> je alternativa k tagu <body>. Prohlφ╛eΦ z n∞j poznß, ╛e v
dokumentu nenφ text, ale vymezenφ rßm∙. Tag frameset m∙╛e obsahovat tagy <frame>
(rßmy) a dal╣φ <frameset> (skupiny rßm∙). Atributem tagu frameset je bu∩
cols (rßm∙y budou vedle sebe, tj. ve sloupcφch (col = sloupec)), nebo rows
(rßmy budou pod sebou, row = °ßdka).
- Viz rßmy.
- FTP
- angl. file transfer protocol = "protokol pro p°enos soubor∙"
- Nejoblφben∞j╣φ metoda na posφlßnφ html strßnek na server. Pomocφ FTP se
soubory dajφ i stahovat, ale to pro autory strßnek nenφ a╛ tak d∙le╛itΘ. FTP
se dß bu∩to ╗ukat z konzoly, nebo se dß pou╛φt specializovan² program -- FTP
klient. NovΘ prohlφ╛eΦe v sob∞ majφ FTP klient zabudovan².
- Na strßnkßch Jak psßt web o FTP: Jak se
strßnky vystavujφ na serveru
- Guestbook
- angl. guestbook [gestb∙k] = "kniha nßv╣t∞v, nßv╣t∞vnφ kniha"
- viz Kniha nßv╣t∞v
- Hidden
- angl. hidden = "skryt²"
- 1. atribut tagu input (vstupnφ pole formulß°e) type="hidden" zp∙sobφ
skrytφ pole, tak╛e ho u╛ivatel nem∙╛e m∞nit. Pou╛φvß se zejm. pro p°enos
konstantnφch nebo d°φve zadan²ch informacφ. Nap°.: <input type="hidden" name="uzivatel"
value="12345">
- 2. hodnota CSS vlastnosti visibility. Nap°. <p style="visibility: hidden">
zp∙sobφ skrytφ celΘho odstavce. Na strßnce ale z∙stane vymezenΘ mφsto, kde
nic nebude (na rozdφl od display: none, kterß element jakoby zcela odstranφ)
- 3. hodnota CSS vlastnosti overflow. Zp∙sobφ, ╛e Φßst elementu, kterß se
nevejde do zadan²ch rozm∞r∙ elementu (widht a height) bude skryta aneb
o°φznuta.
- Na strßnkßch Jak psßt web o hidden:
Formulß°e v HTML (input type="hidden"), CSS
- p°ehled vlastnostφ a hodnot (visibility a overflow),
O°ez a skrollovßnφ (overflow)
- Heslo
- viz Zaheslovßnφ strßnek
- viz input (vstupnφ pole hv∞zdiΦkovanΘ)
- Hover
- angl. hover [hov_] = "vznß╣et se, potulovat se", ve smyslu webu
"p°ejφ╛d∞t my╣φ"
- Pseudot°φda odkazu a:hover dovoluje v CSS zapsat formßt (barvu, °ez
apod.) odkaz∙m, p°es kterΘ zrovna jede my╣. (Dal╣φ pseudot°φdy jsou a:link,
a:visited a a:active.) Zßpis ve stylu je nap°. a:hover {color: red} --
p°ejφ╛d∞nΘ odkazy budou ΦervenΘ.
- Na strßnkßch Jak psßt web o :hover: Jak
zdokonalit odkazy, R∙znΘ barvy odkaz∙ pomocφ
CSS
- Hover Button
- P°φkaz v MS Frontpage vlo╛φ tlaΦφtko, kterΘ p°i p°ejetφ m∞nφ vzhled.
DoporuΦuji nepou╛φvat, proto╛e je to debiln∞ naprogramovanΘ pomocφ Javy.
- Hledßnφ
- Jak si dßt na svoje strßnky hledßnφ? Dva zp∙soby: 1. rozb∞hnout si na
serveru vlastnφ hledacφ stroj (dost t∞╛kΘ), nebo 2. vyu╛φt slu╛eb n∞jakΘho
vyhledßvaΦe. VyhledßvaΦe jsou globßlnφ (nap°. Google) nebo lokßlnφ (nap°.
Atomz). Server Atomz.com umo╛≥oval registraci zdarma a poslal k≤d formulß°e,
kter² staΦilo vlo╛it do strßnek. Pφ╣u v minulΘm Φase, proto╛e Atomz zdß se
registrace zdarma zastavil. Atomz se dß dob°e nastavit a d∞lß p°ehlednΘ
statistiky. Dokß╛e indexovat i jenom podweb, tj. adresu, kterß mß url i
cestu za lomφtkem. Dnes je asi nejlep╣φ pou╛φvat pro prohledßvßnφ vlastnφch
strßnek Google. Bu∩ se m∙╛e ud∞lat parazitnφ formulß°, nebo (a to je lep╣φ)
se staΦφ zaregistrovat na Google.com v sekci All about Google > Search
solutions > Free search. Tam se dß nastavit server, kter² se mß prohledßvat
+ barvy, v jak²ch bude v²sledek. Vygeneruje se HTMl k≤d formulß°e, kter²
staΦφ vlo╛it do strßnek. Nev²hody: indexuje a prohledßvß cel² web, nedß se
mu snadno °φct, ╛e m∙j web je a╛ za lomφtkem a cestou. UrΦit∞ existujφ i
jinΘ hledacφ servery, z nich╛ lze prohledßvat vlastnφ web.
- Prohledßvßnφ soubor∙ na disku se d∞lß p°φkazem find nebo na Windowsech
klßvesou F3 v okn∞ adresß°e.
- Na strßnkßch Jak psßt web o hledßnφ: Slu╛by
vzdßlen²ch server∙, Vyhledßvacφ roboti,
Hledßnφ na vlastnφm serveru,
O Google: algoritmy, vlastnosti, mo╛nosti
optimalizace
- Hr
- angl. horizontal rule = "vodorovnΘ rozd∞lenφ", "Φßra"
- Nepßrov² tag <hr> vlo╛φ do dokumentu vodorovnou Φßru. Nap°. <hr
width="50" size="10" color="red" align="center" noshade> zobrazφ
vycentrovan² Φerven² obdΘlnφk. Mozilla a Netscape neum∞jφ Φßru barvit.
- Na strßnkßch Jak psßt web o hr: Bloky
v HTML
- htm
- Mo╛n² tvar p°φpony html souboru. Nap°. soubory kontakt.htm a
kontakt.html jsou oboje webovΘ strßnky. Pozor, aΦkoli se tyto p°φpony neli╣φ
funkcφ, je nutnΘ rozli╣ovat je v url p°i zßpisu adresy. P°φponu *.htm zavedl
Microsoft, proto╛e nezvlßdal Φty°pφsmennou p°φponu *.html.
- HTML
- zkratka HTML = HyperText Markup Language
- angl. hypertext = "hypertext" = text s odkazy a s nahrazovan²mi objekty,
markup [mßkap] = "znaΦka, znaΦkovacφ", language [lingvid╛] = jazyk
- HTML je jazyk pro zßpis webov²ch strßnek. Skoro v╣echny www strßnky jsou
napsanΘ v tomto jazyce.
- Tag <html> by m∞l b²t ko°enov² tag pro ka╛d² html soubor. Obsahuje
halviΦku (tag <head>) a bu∩ <body> (obsah dokumentu), nebo <frameset>
(definici rßm∙).
- Na strßnkßch Jak psßt web o HTML: Zßklady
HTML, HTML p°φruΦka,
Struktura html,
Syntaxe html,
Sprßva soubor∙ p°i psanφ webu
- Hudba
- Viz zvuk.
- Hyperlink
- odkaz
- viz odkazy
- ch
- °adφm podle anglickΘ abecedy
- Id
- angl. id je zkratka pro identifikßtor
- Id je obecn² atribut, kter² m∙╛e b²t u ka╛dΘho HTML elemetu. Nap°. <p
id="poznamka1"> je odstavec pomocφ id identifikovan² pro ·Φely styl∙ (vzhled
elementu) a skript∙ (zm∞na formßtovßnφ nebo obsahu elementu). V zßpisu
stylopisu se p°ed id dßvß k°φ╛ek, nap°. <style> #poznamka1 {color:
blue}</style>. Na strßnce (v jednom HTML souboru) by sprßvn∞ m∞l mφt jedno
id jenom jeden element.
- Na strßnkßch Jak psßt web o id: T°φdy a
identifikßtory, ObecnΘ atributy,
DynamickΘ HTML
- IE
- viz Internet Explorer
- Internet Explorer
- Prohlφ╛eΦ od Microsoftu, tΘ╛ zkracovan² jako MSIE nebo prost∞ "explorer".
- Existujφ r∙znΘ verze Internet Exploreru. Prvnφ dost roz╣φ°enß byla verze
3, kterß nebyla moc dobrß. Od verze 4 IE podporuje dob°e CSS a dynamickΘ
HTML (javascript). Ve verzφch 5, 5.5 (velmi roz╣φ°enß) a 6 se podpora CSS a
Javascriptu dßle zlep╣uje.
- Na strßnkßch Jak psßt web o Internet Exploreru:
R∙znΘ webovΘ prohlφ╛eΦe
- Iframe
- angl. iframe [aj frejm] = "I rßm", kde to I znamenß pravd∞podobn∞
included = "vlo╛en²"
- Tag <iframe> vymezuje v dokumentu (nikoliv v okn∞) mφsto, do kterΘho se
naΦte jinß strßnka (jin² html soubor).
- Na strßnkßch Jak psßt web o iframe: Iframe
-- vno°enΘ plovoucφ rßmy
- Img
- angl. image [imid╛] = "obrßzek"
- HTML tag pro vlo╛enφ obrßzku. Mß atribut src s umφst∞nφm obrßzku na
disku nebo na netu. Nap°. <img src="obrazek.gif" width="200" height="50">
Φte soubor obrazek.gif z tΘho╛ adresß°e a zobrazφ ho v rozm∞rech 200x50.
- Na strßnkßch Jak psßt web o img:
P°φprava obrßzk∙ pro web, Obrßzky na webu v
HTML, Tag img v HTML p°φruΦce
- Include
- angl. include [inkl∙d] = "zahrnovat", v kontextu programovßnφ tΘ╛
"vlo╛it jin² soubor"
- HTML nemß ╛ßdn² mechanismus na vklßdßnφ jednoho souboru do druhΘho. To
je velkß nev²hoda HTML, na druhou stranu je to mo╛nß dob°e, proto╛e by
dokumenty byly navzßjem zßvislΘ a taky by se pak asi mnohem vφc kradlo. V
praxi se pot°eba includovat do HTML °e╣φ r∙zn²mi berliΦkami -
SSI, PHP include, pre-processing, Author side include, nebo berlemi:
rßmy, iframe, externφ javascript.
- Na strßnkßch Jak psßt web o include: Jak
ud∞lat levΘ menu, Mo╛nosti PHP -
nßstin pro zaΦßteΦnφky
- innerHTML
- angl. inner = "vnit°nφ
- Javascriptovß vlastnost prvk∙ dokumentu. Hodnotou je vnit°nφ html k≤d.
Nap°. je-li v dokumentu odstavec <p id="caj">Φaj <b>Darjeeling</b></p>, pak
document.getElementById("caj").innerHTML mß hodnotu "Φaj <b>Darjeeling</b>".
Javascriptem se dß innerHTML m∞nit. Nepodporuje to Netscape 4.
- Input
- angl. input [imput] = "vstup" (ve smyslu vstupnφ ·daj), oznaΦovan² jako
"vstupnφ pole"
- Nepßrov² tag <input> je souΦßstφ formulß°e (tag <form>). Podle atributu
type m∙╛e nab²vat r∙zn²ch podob. Nap°. <input type="text"> je textovΘ
vstupnφ pole. Dal╣φ mo╛nosti: type="password" - vlo╛en² text se hv∞zdiΦkuje,
type="radio" - p°epφnacφ Φudlφky, type="checkbox" - fajfkovacφ ΦtvereΦek,
type="hidden" - nezobrazφ se, type="file" - dß vybrat
soubor z disku u╛ivatele, type="submit" - odesφlacφ tlaΦφtko, type="image" -
obrßzek zp∙sobujφcφ odeslßnφ posφlajφcφ navφc sou°adnice kliknutφ, type="reset"
- v╣e mazacφ tlaΦφtko, type="button" - obecnΘ tlaΦφtko.
- Input obsahuje atribut name, kter² ho identifikuje a atribut value,
kter² nese hodnotu. Zadanß value se zobrazφ jako v²chozφ hodnota (v∞t╣inou
prßzdnß). Nap°. <input name="jmeno" value="">. Po odeslßnφ formulß°e se v
odeslanΘm dotazu kombinujφ ?jmeno=Karel&dalsi_name=uzivatelem_zadane_value.
- Input lze formßtovat pomocφ CSS (vyjma Netscape 4). Nepoda°ilo se mi ale
nikdy p°ebarvit bφlΘ pozadφ u checkboxu a radio.
- Na strßnkßch Jak psßt web o input:
Formulß°e v HTML (typy input∙), ┌vod do
formulß°∙ v HTML, Formulß°e v HTML
- Javascript
- Programovacφ jazyk pou╛iteln² zejmΘna v HTML strßnkßch. Zapisuje se
(zpravidla) do html k≤du mezi tagy <script> a </script>. Vykonßvß se na
poΦφtaΦi u klienta (tj. Φtenß°e). Umφ manipulovat s objekty prohlφ╛eΦe a
dokumentu, neumφ uklßdat data.
- Na strßnkßch Jak psßt web o javascriptu:
Javascript - uΦebnice, objekty, p°φklady,
Programovßnφ strßnek
- KaskßdovΘ styly
- zkratka CSS (angl. Cascading Style Sheets = "KaskßdovΘ styly")
- Metoda pro pokroΦilΘ formßtovßnφ HTML strßnek. Existujφ CSS1 (nynφ
podporovanΘ), CSS2 (nynφ zavßd∞nΘ), CSS3 (nßvrh, psßno 2002). Princip
kaskßdov²ch styl∙: vzhled (barva, font apod.) se nep°edepisuje jednomu
prvku, ale pokud mo╛no v╣em prvk∙m stejnΘho druhu najednou. Deklarace stylu
se pak dß umφstit do externφho souboru, ten pak m∙╛e urΦovat vzhled celΘho
webu.
- Na strßnkßch Jak psßt web o kaskßdov²ch stylech (CSS):
CSS - KaskßdovΘ styly - rozcestnφk na dal╣φ
strßnky, CSS - p°ehled vlastnostφ a hodnot
a spousta dal╣φch strßnek.
- Kniha nßv╣t∞v
- TΘ╛ angl. "guestbook". Serverovß aplikace, kterß umo╛≥uje Φφst cizφ
p°φsp∞vky a pomocφ formulß°∙ na strßnce vklßdat vlastnφ. Musφ to b∞╛et n∞kde
na serveru, proto╛e klientskΘ skripty (nap°. javascript) nedovolujφ uklßdat
data.
- Jsou dv∞ mo╛nosti jak na sv²ch strßnkßch rozb∞hat knihu nßv╣t∞v: 1.
naprogramovat si ji a rozb∞hnout na serveru, nebo 2. pou╛φt ve°ejnou knihu
nßv╣t∞v. To po registraci nabφzejφ n∞kterΘ servery, do strßnky se pak vlo╛φ
jednoduch² k≤d, kter² po registraci za╣lou. Dnes takov²ch server∙ existujφ
desφtky.
- Na strßnkßch Jak psßt web o knize nßv╣t∞v:
Slu╛by vzdßlen²ch server∙
- Klikacφ mapa
- viz map
- Kurzor
- Kurzory jsou dvou druh∙: 1. textov² kurzor pro vklßdßnφ textu, 2.
ukazatel my╣i. V kontextu HTML strßnek jde spφ╣e o ukazatel my╣i (proto╛e do
strßnky se nedß psßt). Jeho podoba se dß m∞nit pomocφ kaskßdov²ch styl∙ a
vlastnosti cursor. Nap°. cursor: hand je ruΦiΦka. Dokonce se dajφ d∞lat
obrßzkovΘ (soubor *.cur) Φi snad i animovanΘ (soubor *.ani). R∙znΘ verze
prohlφ╛eΦ∙ to podporujφ vφce nebo mΘn∞. Internet Explorer to podporuje
trochu vφc ne╛ Mozilla. Dajφ se napsat slo╛itΘ javascripty na obrßzkovΘ
kurzory, ale je to mßlo elegantnφ.
- Na strßnkßch Jak psßt web o kurzoru:
Zm∞na kurzoru pomocφ CSS
- Layer
- angl. layer [lejr] = "hladina, vrstva"
- Grafici stra╣n∞ rßdi pracujφ ve vrstvßch, kterΘ se na strßnce
p°ekr²vajφ. V HTML na to existoval tag <layer>, kter² ale fungoval pouze v
prohlφ╛eΦi Netscape 4 a vφce se nepou╛φvß. P°ekr²vacφ efekty se d∞lajφ
pomocφ kaskßdov²ch styl∙ (CSS), konkrΘtn∞ vlastnostmi position, left, top a
z-index. ╪φkß se tomu takΘ CSS-P.
- Na strßnkßch Jak psßt web o layer: CSS
pozicovßnφ, Roz╣φ°enφ HTML
- Mailto
- angl. mail [mejl] = "po╣ta", mailto [mejlt∙] = "poslat (komu)"
- Mailto je n∞co jako protokol. Vyskytuje se v╛dy v zßpisu mailto:emailovß@adresa.
SamotnΘ mailto: vyjad°uje pouze to, ╛e se v²sledek nebo informace mß poslat
na urΦit² mail. K samotnΘmu vykonßnφ toho odesφlßnφ se pou╛φvß v²chozφ
mailovacφ program, nejΦast∞ji Outlook, to se dß nastavit. Musφ mφt
sprßvn∞ nastavenΘ SMTP, jinak maily neodejdou.
- V HTML se mailto: pou╛φvß ve dvou p°φpadech: 1. po kliknutφ na aktivnφ
adresu se otev°e okno s novou zprßvou, to se d∞lß normßln∞ zßpisem odkazu,
nap°. <a href="mailto:dusan@pc-slany.cz?subject=ahoj">napi╣te mi</a>; v
tomto p°φpad∞ se i automaticky vyplnφ p°edm∞t (subject), automaticky se dß
vyplnit v╣e krom∞ p°φlohy, 2. odeslßnφ v²sledk∙ formulß°e na emailovou
adresu, co╛ je ale nespolehlivΘ, proto╛e nemusφ b²t sprßvn∞ nastaveno SMTP u
odesφlatele. Nap°.: <form action="mailto:dusan@pc-slany.cz">...
- Na strßnkßch Jak psßt web o mailto: MailovΘ
adresy v HTML strßnkßch, Formulß° na mail
- r∙znΘ zp∙soby
- Map
- angl. map [mep] = "mapa"
- Pomocφ HTML tagu <map> se dajφ v obrßzku vyznaΦit aktivnφ oblasti, kterΘ
fungujφ jako odkazy. ╪φkß se tomu klikacφ mapa. Vlastnφ tag <map> je v HTML
umφst∞n n∞kde p°ed obrßzkem, nezobrazuje se, ale mß jmΘno (name), pomocφ
kterΘho si ji obrßzek zavolß. Nap°. <map name="ahoj">definice oblastφ
<area>...</map> ... <img src="obrazek.jpg" usemap="ahoj"> je obrßzek, kter²
je rozklikßn mapou jmΘnem "ahoj". Samotnß definice mapy je slo╛ena z tag∙
<area>, kterΘ obsahujφ informaci o druhu aktivnφ oblasti (shape)
sou°adnice odd∞lenΘ Φßrkami (coords) a kam to mß klikat (href). To jsou tzv.
klientskΘ mapy, proto╛e kam to klikß, se urΦuje na klientovi.
- Existujφ i serverovΘ mapy, kdy se sou°adnice kliknutφ odesφlajφ na
server a teprve tam se rozhodne, co se s tφm ud∞lß. DoporuΦuji na to
pou╛φvat <form action="adresa.skriptu"><input type="image" src="obrazek.jpg"></form>.
- Na strßnkßch Jak psßt web o map:
Obrßzky
- Mapa
- viz map
- Marquee
- angl. marquee [mßkφ] = "velk² polnφ stan". Vida!
- V kontextu HTML je marquee jezdφcφ text. Podporuje jej pouze Internet
Explorer. Dß se nastavit, jak, kolikrßt, jak rychle a jak²m sm∞rem text
pojede. Krom∞ textu mohou b²t v marquee i t°eba obrßzky.
- Na strßnkßch Jak psßt web o marquee:
Roz╣φ°enφ HTML
- Meta
- z °eΦtiny Meta = "n∞co, co je za"
- Meta tagy se umis╗ujφ do hlaviΦky HTML souboru a nesou n∞jakou dal╣φ
informaci, kterß nenφ souΦßstφ dokumentu, nap°. informaci o autorovi nebo
klφΦovß slova. Zßpis nap°.: <meta name="author" content="Yuh∙">
- Na strßnkßch Jak psßt web o tazφch meta:
Popis tag∙ META
- Mezera
- V HTML zdroji je ka╛dß sekvence bφl²ch znak∙ (mezer, konc∙ °ßdk∙,
tabulßtor∙) chßpßna jako jen jedna mezera. Formßtovßnφm zdroje se
tedy nedß vytvo°it vφce vizußlnφch mezer. V╛dy jen jedna.
- V HTML existuje entita nezlomitelnΘ mezery. Do HTML se zapisuje
sekvencφ " " (bez uvozovek), co╛ znamenß Non Breaking SPace (angl.
doslova "ne-zlomitelnß mezera"). Mezi dv∞ma slovy odd∞len²mi pouze
ned∞litelnou mezerou prohlφ╛eΦ nesmφ zalomit °ßdek, proto se tomu °φkß i
"tvrdß mezera". V Φe╣tin∞ by m∞la b²t za neslabiΦn²mi p°edlo╛kami skvz, aby
nez∙stßvaly na konci °ßdku. Je-li v HTML pot°eba ud∞lat vφce mezer za sebou,
pou╛φvß se prßv∞ , pop°φpad∞ vφce za sebou nebo proklßdanΘ
normßlnφmi mezerami. V HTML neexistuje nic jako klasick² tabulßtor.
- Odsazenφ prvnφho °ßdku odstavce, aΦkoli jej lze v nouzi takΘ ud∞lat
pomocφ by se m∞lo d∞lat pomocφ CSS vlastnosti text-indent.
- N∞kterΘ html tagy (nap°. tag p - odstavec) kolem sebe tvo°φ mezery
vertikßlnφ (na v²╣ku). Ty se dajφ odstranit nebo zv∞t╣it pomocφ CSS
vlastnosti margin, pop°. margin-top a margin-bottom.
- Na strßnkßch Jak psßt web o mezerßch:
Zßklady HTML, Syntaxe HTML,
CSS prakticky - odsazenφ,
Interpunkce na webu
- Mezery
- viz mezera
- MySQL
- SystΘm °φzenφ databßzφ, lidov∞ °eΦeno databßze, databßzov² program.
MySQL je velmi oblφbenß databßze, proto╛e existuje pro snad v╣echny operaΦnφ
systΘmy, je zdarma a je velmi rychlß. Spousta webov²ch projekt∙ funguje tak,
╛e majφ na serveru pu╣t∞nou databßzi MySQL se v╣emi pou╛it²mi daty, ke kterΘ
p°istupujφ n∞jak²m programem nebo skriptem, nap°. CGI nebo PHP.
- Na strßnkßch Jak psßt web o MySQL: Jak
zaΦφt s PHP, zejmΘna instalace,
Mo╛nosti PHP - nßstin pro zaΦßteΦnφky
- nbsp
- angl. nbsp = "ned∞litelnß mezera", Non Breaking SPace
- HTML entita mezi dv∞ma slovy tam zabrßnφ zlomit °ßdek
- viz Mezera
- Obrßzky
- Obrßzky se do HTML vklßdajφ tagem <img src="url">, kde src je cesta k
souboru obrßzku. Dß se pou╛φt obrßzek ve formßtu gif, jpg a png, dal╣φ
formßty (podle podpory prohlφ╛eΦe) nemusejφ fungovat. Viz img.
- Obrßzky se dajφ vklßdat na pozadφ, viz pozadφ.
- Na strßnkßch Jak psßt web o obrßzcφch:
P°φprava obrßzk∙ pro web,
Obrßzky na webu v HTML,
Pozadφ, nejsou tu ╛ßdnΘ obrßzky ke sta╛enφ.
- Odkazy
- V HTML se odkazy d∞lajφ tagem <a href="cil_odkazu.html">text odkazu</a>,
kde cil_odkazu.html je n∞jak² soubor. Hodnotou href je obecn∞ URL, nap°.
href="http://www.seznam.cz". Tag <a> znamenß angl. anchor = "kotva" a v html
se pou╛φvß tΘ╛ na zßlo╛ky.
- Na strßnkßch Jak psßt web o odkazech:
Odkazy v HTML, Jak zdokonalit odkazy,
R∙znΘ barvy odkaz∙ pomocφ CSS,
CSS prakticky - barvenφ odkaz∙
pomocφ css, Zßkladnφ definice rßm∙ -
sm∞rovßnφ odkaz∙ v rßmech, Iframe -- vno°enΘ
plovoucφ rßmy - odkazy tam a zpßtky,
Otev°enφ novΘho okna bez li╣t
javascriptem, Odkazy v HTML + klikacφ mapy
- Odsazenφ
- Odsazenφm se v∞t╣inou myslφ vzdßlenost levΘho okraje textu od levΘho
okraje okna nebo tak n∞jak. V HTML se dß ovlivnit pou╛itφm tag∙
<blockquote>, <ul>, <ol>, <dl> (ty odsazujφ v∞t╣inou o 40 pixel∙). Mnohem
lep╣φ je aplikovat na n∞jak² blokov² element (t°eba <div> nebo <p>)
kaskßdovΘ styly. KonkrΘtn∞ styl margin-left. Odsazenφ prvnφho °ßdku se d∞lß
CSS vlastnostφ text-indent.
- Na strßnkßch Jak psßt web o odsazenφ:
CSS prakticky
- Okno
- V grafick²ch operaΦnφch systΘmech se oknem zpravidla myslφ jednen b∞╛φcφ
programu. V kontextu HTML je v jednom okn∞ zobrazen dokument (tag <body>)
nebo skupina rßm∙ (tag <frameset>).
- Odkazy mohou otevφrat novß okna pomocφ <a target="_blank" ...> nebo do
jin²ch oken sm∞°ovat, pokud byla tato okna p°edtφm otev°ena s target="n∞jakΘ
jmΘno".
- Okno je v javascriptu reprezentovßno objektem window. Javascript
umo╛≥uje otevφrat novß okna metodou window.open(). TakovΘmu oknu lze urΦit
rozm∞ry a vzhled. Javascript neumφ zav°φt okno, kterΘ sßm neotev°el (window.close()
musφ u╛ivatel potvrdit). Javascript umφ m∞nit rozm∞ry okna - resizeTo(╣φ°ka,
v²╣ka) a resizeBy(╣φ°ka, v²╣ka).
- viz target, window.open
- Na strßnkßch Jak psßt web o okn∞:
Odkazy v HTML,
Objekt window,
Metody objektu window
- Onclick
- angl. onclick = "p°i kliknutφ"
- Javascriptovß udßlost, kterß se spou╣tφ p°i kliknutφ lev²m tlaΦφtkem
my╣i na urΦit² element. Zßpis nap°. <p onclick="alert('ahoj')"> vyhodφ p°i
kliknutφ na odstavec hlß╣ku s textem "ahoj". Ve star╣φch prohlφ╛eΦφch (zejm.
Netsape) se dala udßlost onclick vyvolat jenom na urΦit²ch elementech.
- Udßlost onclick se volß nejen p°i kliknutφ, ale tΘ╛ p°i defaultnφ akci.
Nap°. pokud se nad odkaz najede tabulßtorem a zmßΦkne se klßvesa Enter,
udßlost onclick se zavolß takΘ. Stisknutφ pravΘho a prost°ednφho tlaΦφtka
my╣i onclick nevyvolß, to se musφ chytat udßlostmi onmousedown a onmouseup.
- Na strßnkßch Jak psßt web o onclick:
Udßlosti JavaScriptu,
Objekt window.event,
DynamickΘ HTML
- Onload
- angl. onload [onloud] = "p°i nahrßnφ"
- Udßlost javascriptu, kterß se spou╣tφ, kdy╛ je objekt nahran², kdy╛ se
cel² naΦte. Dß se pou╛φt u tagu <body> a <frame> - donata╛enφ strßnky a u
tagu <img> - nahrßnφ celΘho obrßzku. U jin²ch tag∙ podle m²ch zku╣enostφ
nefunguje. Nap°. <img src="obrazek.gif" onload="kouzlo()"> - p°i nahrßnφ
celΘho obrßzku se provede funkce kouzlo(). Pozor na animovanΘ gify, ty obΦas
spou╣t∞jφ udßlost onload p°i v²m∞n∞ ka╛dΘho rßmeΦku.
- P°φbuznß je udßlost onReadyStateChange, kterß u tagu <body> podle m²ch
zku╣enostφ funguje stejn∞ jako onload.
- Udßlost naΦtenφ celΘ strßnky do prohlφ╛eΦe se dß v javascriptu zavolat i
takto: window.onload = jmenoFunkce().
- Na strßnkßch Jak psßt web o onload:
Udßlosti JavaScriptu
- Onmouseover
- angl. onmouseover = "p°i p°ejetφ my╣φ"
- Javascriptovß udßlost, kterß se spou╣tφ p°i najetφ my╣φ nad
element a i p°i pohybu na n∞m.
- Na strßnkßch Jak psßt web o onmouseover:
Udßlosti JavaScriptu,
Objekt window.event,
DynamickΘ HTML
- Parazitnφ formulß°
- Termφn, kter² jsem zavedl pro formulß°e, kterΘ odesφlajφ data na cizφ
servery bez p°edchozφ domluvy s provozovatelem cizφho serveru. Nenφ to nic
nelegßlnφho, dost se to pou╛φvß.
- Na strßnkßch Jak psßt web o parazitnφm formulß°i:
Parazitnφ formulß°e
- Parent
- angl. parent [pßrnt] = "rodiΦ"
- V HTML se "_parent" pou╛φvß ve spojitosti s rßmy. <a ... target="_parent">
je odkaz do nad°azenΘho rßmu nebo framesetu.
- V Javascriptu je parent vlastnost objektu window, kterß odkazuje na
nad°azen² rßm (nebo na tent²╛, pokud nad°azen² rßm neexistuje).
- Na strßnkßch Jak psßt web o parent: Zßkladnφ
definice rßm∙, Iframe -- vno°enΘ plovoucφ rßmy,
Jak zdokonalit odkazy
- ParentElement
- V Javascriptu vlastnost ukazujφcφ na nad°azen² element (te∩ ale rychle
nevφm, jestli to nßhodou nenφ metoda).
- PHP
- zkratka PHP = p∙vodn∞ "Personal Home Page", nynφ "hypertext preprocesor
PHP"
- Skriptovacφ jazyk fungujφcφ na stran∞ serveru.
- Na strßnkßch Jak psßt web o PHP: Jak
zaΦφt s PHP, zejmΘna instalace,
Mo╛nosti PHP - nßstin pro zaΦßteΦnφky,
╚e╣tina do PHPMyAdmin a pßr
odkaz∙ na strßnce Odkazy na zdroje o tvorb∞
strßnek. Obecn∞ o skriptov²ch serverov²ch jazycφch:
Programovßnφ strßnek. Nic vφc.
- PoΦφtadlo
- Na strßnky si m∙╛ete dßt poΦitadlo z vlastnφho serveru nebo z cizφho
serveru. DoporuΦuji pou╛φvat poΦitadel z cizφch server∙, proto╛e je to
jednodu╣╣φ (a v jistΘm smyslu i objektivn∞j╣φ). StaΦφ se zaregistrovat na
n∞jakΘm serveru, kter² to nabφzφ. V∞t╣ina takov²ch server∙ pak umφ poΦφtat
statistiky a p°φpadn∞ je posφlat mailem.
- PoΦitadlo z programu FrontPage nefunguje.
- Na strßnkßch Jak psßt web o poΦitadle: Slu╛by
vzdßlen²ch server∙ + pßr odkaz∙ na servery, kterΘ poΦitadla nabφzejφ,
N∞co mßlo o poΦitadle z FrontPage.
PoΦitadlo neprovozuji.
- Pole
- viz Array
- Posuvnφk
- viz Scrollbar
- Pozadφ
- Kdy╛ se mluvφ o pozadφ strßnek (angl. background), myslφ se v∞t╣inou
obrßzek na pozadφ strßnky.
- viz tΘ╛ background
- Na strßnkßch Jak psßt web o pozadφ: Pozadφ --
V╣e o pozadφ strßnky a objekt∙ v HTML a CSS. Obrßzky pozadφ zde nejsou,
jenom n∞jakΘ odkazy.
- P°esm∞rovßnφ
- viz Refresh
- Rßmy
- Rßmy (angl. frames) jsou technologie umo╛≥ujφcφ rozd∞lit okno prohlφ╛eΦe
na dv∞ (nebo vφce) obdΘlnφkovΘ oblasti a do ka╛dΘ z nich naΦφst jin² html
soubor. Podstatn∞ to usnad≥uje sprßvu men╣φch web∙, nebo╗ v jednom rßmu se
zpravidla zobrazuje jakΘsi menu, ve druhΘm rßmu (v∞t╣φm) obsah podstrßnky.
- Zßkladnφ tagy rßm∙ jsou <frameset> - skupina rßm∙ definujφcφ rozm∞ry, <frame>
- jeden konkrΘtnφ rßm a <noframes> - alternativa pro vyhledßvaΦe (nap°.
Google) a minoritnφ prohlφ╛eΦe.
- O rßmech se vedou zu°ivΘ diskuse zda by se m∞ly nebo nem∞ly pou╛φvat. Od
rßm∙ se (psßno 2002) spφ╣e upou╣tφ, proto╛e majφ (p°es jistΘ v²hody) mnoho
nev²hod.
- Jin² druh rßmu je tag iframe, ten se nevklßdß do okna, ale do dokumentu.
- Na strßnkßch Jak psßt web o frame: Zßkladnφ
definice rßm∙, Mo╛nosti rßm∙ tj. zejm.
formßtovßnφ, ProblΘmy rßm∙,
Iframe -- vno°enΘ plovoucφ rßmy
- Refresh
- angl. refresh [refre╣] = "obΦerstvenφ, obnovenφ"
- 1. tlaΦφtko pro aktualizaci dokumentu v prohlφ╛eΦi. Klßvesovß zkratka
Ctrl + R, funguje tΘ╛ F5. Ctrl + F5 je jist∞j╣φ.
- 2. javasriptem lze obnovenφ dokumentu vyvolat pomocφ metody location.reload()
nebo location.replace().
- 3. refresh se m∙╛e zavolat po uplynutφ urΦitΘho Φasu nebo data
automaticky. Zßle╛φ to na nastavenφ cacheovacφch http hlaviΦek na serveru.
Jsou to hlaviΦky expires, cache-control a pragma. Jejich pou╛itφ se musφ
nastavit na serveru. Dajφ se simulovat pomocφ meta tag∙, ale to nemß vliv na
serverovΘ cache pam∞ti cestou.
- 4. refresh se dß vyvolat meta tagem <meta http-equiv="refresh"
content="5;url=http://nekam.jinam"> kde 5 je poΦet sekund, kterΘ se Φekß a
p°esm∞rovßnφ. Url je nepovinnß adresa, kam se to bude p°esm∞rovßvat. Kdy╛
chybφ, refreshne se tatß╛ strßnka.
- Na strßnkßch Jak psßt web o refresh:
Objekt window,
Popis tag∙ META,
P°esm∞rovßnφ strßnky, r∙znΘ mo╛nosti
- Reload
- angl. reload [riloud] = "znovu nahrßtφ"
- viz Refresh
- Script
- angl. script [skript] = "skript", jednoduch² program
- Tag <script> v HTML vymezuje oblast, ve kterΘ je zapsan² skript. Nap°.
<script> zde je skript </script>. Pokud nenφ uvedeno jinak (parametrem
language), je skript v jazyce JavaScript. Atributem src se m∙╛e vklßdat
skript z externφho souboru (i pak se musφ uzavφrat </script>).
- Na strßnkßch Jak psßt web o script:
Skripty v HTML, Javascript -
uΦebnice jazyka
- Skript
- Jednoduch² nekompilovan² program. Na webov²ch strßnkßch se pou╛φvajφ
skripty klientskΘ (zejm. JavaScript, obΦas VBScript) a serverovΘ (PHP, ASP,
JSP). ServerovΘ skripty majφ mnohem v∞t╣φ mo╛nosti, ale musejφ se na serveru
rozb∞hat.
- Na strßnkßch Jak psßt web o skriptech:
Programovßnφ strßnek, Javascript,
Mo╛nosti PHP
- Scrollbar
- angl. scrollbar [skrolbar] = "rolovacφ pruh", °φkß se "li╣ta", "rolovacφ
li╣ta", tΘ╛ "posuvnφk"
- Scrollbar se v HTML strßnkßch zobrazuje, kdy╛ je pot°eba. Existuje
scrollbar svisl², (vertikßlnφ, zobrazovan² vpravo) a vodorovn²
(horizontßlnφ, zobrazovan² dole). V systΘmu Windows se scrollbary zobrazujφ
v╛dy vlevo a dole, nelze to zm∞nit.
- Scrollbary se dajφ zakßzat (nebo p°ikßzat) n∞kter²ch HTML element∙
atributem scrolling (nap°. iframe, frame, ) s hodnotami "auto", "yes", "no".
To "no" se hodφ zejm. u rßmovanΘho levΘho menu. JavascriptovΘ novΘ okno
window.open() mß parametr scroll s hodnotou 0 zakazujφcφ rolovßnφ.
Prohlφ╛eΦe se li╣φ v podpo°e takov²ch v∞cφ, n∞kterΘ li╣tu zobrazφ, ale
ze╣edivφ ji. N∞kdy jde klikat na zßlo╛ky (a name) a tφm scrollovat, ve
star╣φch prohlφ╛eΦφch to nejde. Tag <select> si li╣ty zobrazuje, kdy╛
pot°ebuje.
- Zobrazenφ scrollbaru lze nejmodern∞ji ovlivnit pomocφ css vlastnosti
overflow s hodnotami auto (li╣ty kde jsou pot°eba), scroll (li╣ty v╛dy),
hidden (o°φznutφ bez rolovßnφ), none (element se roztßhne). Nap°. <body
style="overflow: hidden"> zakß╛e rolovßnφ dokumentu. Pomocφ overflow: auto
se dajφ rolovacφ li╣ty p°idat jakΘmukoliv elementu, ne pouze celΘ strßnce,
rßm∙m nebo ovlßdacφm prvk∙m. V Internet Exploreru existujφ nestandardnφ CSS
vlastnosti overflow-x a oveflow-y.
- Scrollbar se dß v Internet Exploreru barvit pomocφ n∞kolika CSS
vlastnostφ scrollbar-*-color, nap°. <style>body, html {scrollbar-base-color:
yellow} </style> ud∞lß li╣tu celΘ strßnky do╛luta. V Mozille scrollbar
barvit nelze. Pomocφ HTML ani CSS nelze upravovat rozm∞ry scrollbaru.
- Na strßnkßch Jak psßt web o scrollbaru:
Barvenφ rolovacφ li╣ty v IE 5.5,
Mo╛nosti rßm∙, O°ez a skrollovßnφ,
Otev°enφ novΘho okna window.open()
- Select
- angl. select [selekt] = "v²b∞r"
- HTML tag <select> je rozbalovacφ nabφdka. Atribut size v∞t╣φ ne╛ 1 zm∞nφ
select na rolovacφ nabφdku. Nap°. <select size="3"> je rolovacφ nabφdka, ve
kterΘ jsou vid∞t 3 mo╛nosti. Select nemß size ve smyslu ╣φ°ky jako <input>,
╣φ°ka se odvozuje z textov∞ nejdel╣φ mo╛nosti (option). ⌐φ°ka selectu se dß
v nov²ch prohlφ╛eΦφch ovlivnit CSS vlastnostφ width.
- Select obsahuje tagy <option> - mo╛nosti; zadßvajφ se <option value="odesilana_hodnota">zobrazenß
hodnota</option>. Mo╛nosti mohou b²t rozd∞leny do skupin tagem <opgroup>.
Dal╣φ atributy selectu: name - identifikuje pole (a odesφlanou hodnotu),
multiple (bez hodnoty) dovoluje v²b∞r vφce polo╛ek p°i podr╛enφ klßvesy
Ctrl, disabled - znep°φstup≥uje select.
- Z hlediska CSS a formßtovßnφ je select nejproblematiΦt∞j╣φ tag v∙bec
(asi proto╛e se rendruje pomocφ systΘmov²ch knihoven). ╚asto nebarvφ pozadφ.
Nebere obrßzek na pozadφ. Ignoruje z-index (z∙stßvß navrchu). Nejde zmen╣it
pod urΦitou minimßlnφ ╣φrku a v²╣ku. Uvnit° <option> nedokß╛e strukturovat
text.
- P°i zm∞n∞ v²b∞ru mo╛nosti se spou╣tφ javascriptovß udßlost onChange().
- Na strßnkßch Jak psßt web o select:
Formulß°e v HTML,
Formulß°e v HTML,
Detaily formulß°∙, zdokonalenφ vzhledu
- Span
- angl. span [spen] = "rozp∞tφ, pφ∩"
- HTML tag, kter² obklopuje urΦitou logickou Φßst textu. Je to tzv.
°ßdkov² (in-line) element, tzn. ned∞lß za sebou zalomenφ °ßdku. Do HTML
p°i╣el s CSS spolu s tagem div. Od tagu div se li╣φ prßv∞ v tom, ╛e za sebou
nekonΦφ °ßdek. V modernφm designu je velmi oblφben², proto╛e kolem sebe
ned∞lß okraje, nemß v²chozφ formßtovßnφ a dob°e na n∞j fungujφ CSS
deklarace. ╚asto se pou╛φvß s nastavenφm t°φdy (class). V praxi se jφm dajφ
nahradit v╣echny tagy typu <b>, <i>, <code> apod.
- Na strßnkßch Jak psßt web o span: ┌prava
textu
- SSI
- angl. SSI znamenß "server side include" = vsuvky na stran∞ serveru.
- SSI je mechanismus na vklßdßnφ soubor∙ a v²stupu program∙ do k≤du
strßnek. Provßdφ se t∞sn∞ p°ed odeslßnφm strßnky na klienta. SSI musφ b²t na
serveru nainstalovßno. Soubory obsahujφcφ vsuvky musejφ mφt p°φponu *.shtml
(pokud nenφ nainstalovßno jinak). Syntaxe SSI vsuvek jsou HTML poznßmky.
- Style
- angl. style [stajl] = "styl", ve smyslu webu "vzhled"
- Tag <style> v HTML obklopuje zßpis stylu, kter² (pokud nenφ uvedeno
jinak atributem language) je v jazyce CSS. V n∞m se m∙╛e jednotliv²m prvk∙m
dokumentu p°edepsat jednotn² vzhled. Zßpis stylu se m∙╛e naΦφtat z externφho
souboru klauzulφ <style>@import url("jmΘno souboru.css")</style> nebo tagem
<link rel="stylesheet" href="jmΘno souboru.css">.
- Vizte tΘ╛: kaskßdovΘ styly.
- Na strßnkßch Jak psßt web o style: CSS -
KaskßdovΘ styly, Skripty a styly v html
- Styly
- viz KaskßdovΘ styly
- Submit
- angl. submit = "potvrdit, odeslat"
- Tag <input type="submit" value="odeslat"> je potvrzovacφ tlaΦφtko
formulß°e s textem "odeslat". Kliknutφ na n∞j nebo stisknutφ Enteru n∞kde ve
formulß°i zp∙sobφ odeslßnφ formulß°e. Odeslßnφ formulß°e se dß ud∞lat i
obrßzkov²m tlaΦφtkem <input type="image" src="obrazek.gif">, ten navφc
posφlß sou°adnice kliknutφ. Po odeslßnφ se do prohlφ╛eΦe naΦte strßnka
(serverov² skript), kterou m∞l tag <form> zadßnu v action. Tato strßnka
zpracovßvß data z formulß°e.
- P°i odesφlßnφ formulß°e je volßna javascriptovß udßlost onSubmit. Pomocφ
nφ se dß je╣t∞ n∞co javascriptem ud∞lat p°ed odeslßnφm (dopoΦφtßnφ n∞kter²ch
hodnot). Dokonce lze provΘst kontrolu a odesφlßnφ zru╣it.
- Ka╛d² formulß° mß javascriptovou metodu submit(), kterou lze formulß°
odeslat jako tlaΦφtkem. Pozor, v tu chvφli nenφ volßna udßlost onSubmit.
- viz Form
- Na strßnkßch Jak psßt web o submit: ┌vod do
formulß°∙, Formulß°e v HTML,
Zru╣enφ odesφlßnφ formulß°e
javascriptem
- Tabulka
- Na strßnkßch Jak psßt web o tabulkßch: Tabulky,
Formßtovßnφ tabulek,
NovΘ formßtovacφ mo╛nosti tabulek,
Design pomocφ tabulek,
Jak ud∞lat levΘ menu,
Tabulky - html tagy
- Tag
- angl. tag [teg] = "znaΦka"
- HTML jazyk sestßvß z tag∙, kterΘ vymezujφ vzhled a smysl dokumentu. Nap°
tag <b>vymezuje tuΦnΘ pφsmo</b>. Tagy se zapisujφ pomocφ ostr²ch zßvorek,
nap°. <tag>. Tagy mohou b²t pßrovΘ (<tag>vnit°ek tagu</tag>) a nepßrovΘ.
Tagy se pou╛φvajφ i v jin²ch jazycφch, zejm. v XML.
- Na strßnkßch Jak psßt web o tazφch:
Zßklady HTML, Syntaxe HTML
- Tagy
- viz tag
- Target
- angl. target [tßrd╛it] = "terΦ" nebo "cφl"
- HTML atribut target v odkazech urΦuje, do kterΘho okna nebo
rßmu se mß odkazovanß strßnka otev°φt. Atribut target se
dß pou╛φt u tag∙ <a>, <area>, <base>, <form>.Hodnoty atributu target
korespondujφ s atributem name u tagu <frame> a navφc
existujφ specißlnφ jmΘna. Nap°. odkaz <a href="odkazy.html" target="vlevo">
otev°e strßnku odkazy.html v rßmu (frame), kter² mß jmΘno (name) "vlevo".
Pokud takov² rßm neexistuje, otev°e se novΘ okno.
- Specißlnφ hodnoty pro atribut target: target="_blank" - otev°e v╛dy novΘ
okno prohlφ╛eΦe, target="_parent" - otev°e strßnku v nad°azenΘm rßmu (ve
slo╛it∞j╣φch rßmov²ch strukturßch), target="_top" - otev°e strßnku v celΘm
okn∞ (ne v rßmu), target="_self" - otev°e strßnku v tomtΘ╛ rßmu nebo okn∞
(pou╛itelnΘ v p°φpad∞, ╛e byl nastaven <base target="n∞co">).
- Dß se nastavit, aby se v╣echny odkazy otevφraly v n∞jakΘm rßmu nebo
okn∞. Pomocφ nepßrovΘho tagu <base> v hlaviΦce. Nap°. <base target="_blank">
se bude otevφrat ka╛d² odkaz do novΘho okna.
- Na strßnkßch Jak psßt web o target: Jak
zdokonalit odkazy, Odkazy v HTML,
Zßkladnφ definice rßm∙
- Textarea
- angl. text area [text Θrea] = textovß oblast
- Formulß°ovΘ polφΦko pro zadßnφ v∞t╣φho mno╛stvφ textu. Mß atributy rows
a cols (°ßdky a sloupce), kterΘ urΦujφ, jak bude velkß. Mß atribut name,
kter² ji pojmenovßvß.
- Na strßnkßch Jak psßt web o textarea:
Formulß°e v HTML, Textarea
v HTML p°φruΦce, Barvenφ rolovacφ li╣ty v IE
- Tisk
- Tisk strßnky m∙╛e u╛ivatel vyvolat sßm z nabφdky Soubor > Tisk nebo
klßvesovou zkratkou Ctrl + P. Tisk vyvolan² u╛ivatelem umo╛≥uje tisknout
jenom urΦitou strßnku nebo v²b∞r (oznaΦen² my╣φ) nebo rßm. Tisk se dß
spustit i javascriptem metodou window.print(), i tento zp∙sob vy╛aduje
u╛ivatelovo potvrzenφ. Javascritem se dß vytisknout (pokud vφm) pouze cel²
dokument (strßnka). Javascript se m∙╛e spou╣t∞t automaticky (zßpisem do
proudu skriptu) nebo vazbou na n∞jakou udßlost.
- CSS um∞jφ nastavit, ╛e vyti╣t∞nß strßnka bude vypadat jinak ne╛ na
monitoru, klidn∞ i hodn∞ jinak. D∞lß se to pomocφ atributu media="print" v
deklaraci stylu nebo pomocφ klauzule @media print v zßpisu stylu.
- Na strßnkßch Jak psßt web o tisku: Odli╣nΘ
formßtovßnφ tisku
- Title
- angl. title [tajtl] = "titulek"
- Tag <title> se nachßzφ v hlaviΦce dokumentu a obsahuje text s titulkem,
nßzvem strßnky. Nap°. <title>Nßzev strßnky</title>. Tento nßzev strßnky se
zobrazφ v hornφm (v∞t╣inou modrΘm) prou╛ku okna. Titulek se tΘ╛ pou╛ije jako
nßzev oblφbenΘ polo╛ky a zobrazφ se jako text odkazu ve vyhledßvaΦφch (nap°.
Google), proto je klφΦov∞ d∙le╛it². P°i pohledu na n∞j by u╛ivateli m∞lo b²t
jasnΘ, kam se dostal.
- Na strßnkßch Jak psßt web o title:
HlaviΦka v HTML, Titulek strßnky
- Velikost okna
- Dß se zjistit JavaScriptem, nebo se dß otev°φt novΘ okno urΦitΘ
velikosti v pixelech.
- Na strßnkßch Jak psßt web o velikosti okna:
Rozm∞ry prohlφ╛eΦe a dokumentu
v Javascriptu, Otev°enφ novΘho
okna Javascriptem
- Video
- Video se dß na HTML strßnky za°adit tagem <object> nebo <embed>.
- Na strßnkßch Jak psßt web o videu: Video na
strßnkßch, ale je to jenom sbφrka nßhodn²ch mail∙. Moc o tom nevφm,
Zvuky na webov²ch strßnkßch
- Vyhledßvßnφ
- viz hledßnφ
- window
- angl. window [vindou] = "okno"
- viz okno, window.open
- window.open
- angl. window open [window oupn] = "okno otev°i"
- Window.open() je metoda javascriptu otevφrajφcφ novΘ okno prohlφ╛eΦe s
p°esn∞ zadan²mi parametry.
- Na strßnkßch Jak psßt web o window.open:
Otev°enφ novΘho okna
- Zaheslovßnφ strßnek
- Na strßnkßch Jak psßt web o zaheslovßnφ strßnek:
Zaheslovßnφ strßnek -- r∙znΘ zp∙soby
- Zßlo╛ky
- viz A
- Zp∞t
- viz back
- Zvuk
- Zvuk se dß do strßnky vlo╛it bu∩to jako soubor ke sta╛enφ, zvuk na
pozadφ nebo jako objekt ve strßnce.
- Na strßnkßch Jak psßt web o zvuku: Zvuky na
webov²ch strßnkßch
Vybral jsem si u╛ivateli nejΦast∞ji hledanΘ termφny na mΘm webu. Zpracovßvßm
je v po°adφ podle Φetnosti, proto╛e nevφm, kdy m∞ to p°estane bavit. Tak je
zaruΦeno, ╛e budou zpracovßna nejpot°ebn∞j╣φ hesla.
Hm, p°estalo m∞ to bavit v lednu 2003. Snad bude u╛iteΦnΘ aspo≥ to mßlo, co
jsem napsal...
Zatφm nezpracovanΘ termφny:
radio
rßm
seznamy
sound
specißlnφ znaky
sql
table
tisk
tlaΦφtka
ul
valign
www
xml
zarovnßnφ
Co vyvstalo jako pot°ebnΘ
root
java
O Φem bych m∞l napsat vlastnφ strßnku
div, span
array
Zatφm vynechanΘ:
gify
load
text
menu
email
mime
Odkazy mimo:
Rejst°φk internetov²ch pojm∙
o tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek