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