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
- 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ů
- 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í.
- 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.
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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ů, 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
- 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.
Zatím nezpracované termíny:
for
frameset
ftp
ftp
heslo vstup
heslo vstup
hledání
hudba
chat
checkbox
javascript
layer
mapa
mime
odsazení
posuvník
presmerovani
radio
rám
seznamy
sound
speciální znaky
sql
table
tisk
tlacitk
tlacitk
tlačítka
tlačítka
ul
valign
www
xml
zaheslování
zarovnání
a
a href
adresa
align
alt
apache
aplet
blockquote
body
class
comander
cookies
css
document
document
entity
fonty
formulář
free web
free web
guest book
guest book
hledaný text
ikona
innerhtml
keywords
kniha hostu
kniha návštěv
kodovani
kódování
komentář
location
margin
nové okno
oblíbené
obtékání
odrážky
offscreen
onmouse
onmouseclick
open
otevírání více stránek jedním hyperlinkem
poznámka
prezentace grafiky
redirect
rolovacií tlacidla
řádkování
syntaxe
tag
velikost
vrstvy
webhosting
záložky
anketa
atomz
barva mřížky
bezpečné barvy
blikající
cestina
colspan
combo
český odstavec
date
detekce
dhtml
diskuse
e mail
file
filter
fixed
flash
fonty
front page expres a nápověda v češtině ke stažení
if
ismap
kkk
kursor
li
location
max
menu
meta tagy
monitor
mouse onclick
mp
nová stránka
nove okno
obchod
object
obrázek
obtékání
odkaz
odstavce
okno
onload
overflow
písma
pocitadlo
popisky
pozicování
presmerovanie
proměnné
rámce
roboti
screen
scroll
soubor
soubor ke stažení
stáhnout
stavový řádek
table bordercolor
text v html
transparent
umístění
valign
velikost pisma
velikost stránky
vyhledávání
vždy navrchu
wrap
www vyhledávače
z index
zarovnání
zavřít okno
žádost o zvýšení výživného na dítě
a hover
activex
aktivní mapy
aktivni okno
aktualizovat
animace script
ano
anti aliasing
arguments
b
bacground
back
barevné rámy
barva odkazu
barva pozadí
barva seznamu
barva tabulky
barva text
base
beletáž
bežící text
bgcolour
button
cell padding
cellspacing
center
centrování
cestina na frontpage
cgi skript
click
clos
co je to www
co jsou prohlížeče
co misto framu
colin
commandos
confirm
copywriter
čas
čeština do frontpage
čeština frontpage
databaze
databáze
desetinný zapis barvy
design time control
dfhdgjn
diakritika
display
document all
domain
doména
downolad
dynam
editor
elements
email
emal
embed
enter
error
fetch
fieldset
filtr
float
flowcharts
forcykl
formatovani
frontpage
fullscreen
funkce vrací php
get
getmonth
guest
head
header
header location
height
hit counter
href
html color
http user
hypertexty
check
checkbox
i p pocitace
ikona
ikonka
ikony
image
image map
index
jak vytvořit vyhledavač
jak zmenit scrollbar
java
java script
javascript
jméno počítače
justify
klikací mapa
kreslení
lada
legenda
leve menu
line
marign
math
metod
mezery mezi řádky
mht
mouseclick
mřížka tabulky
myš
myši
nadpis
nahravani obrazku
navigator
návštěvní kniha
netscape
nobr
nolink
nowrap
obnov
obnovení
obrazek jako odkaz
obrazky
obrázky
odlišení prohlížečů
odpady
odsazeni
odstavec
offset
on click
on mouse over
onmouseon
onunload
opacity
open new window
otevírání hyperlinků
overline
page
parametr
pdf
pdflib
pes
pevna sirka
písmo
počítadla
počitadlo
počítadlo prístupov
podmínky
pohyblivy text
pop
popis
popup menu
position
verze html
posuvníky
pozadí css
pozic
pozicování
pravopis
prístupy
proxy server
přesměrování
publikace
pull
questbook
quot
ramy
rbottom
relativní adresa
resize
return
rgb
rgb css
right click
robot
roletové menu
rolovacie tlacidla
rowspan
rozlišení
rychlost stránky
řádek
scope
scro*
scrollbar
search
server
session
seznam
shop
schedule picture
scheduled picture
sirka
směr textu tabulka
sms
soub
soubor word
src
stáhnout soubor
status
stín
strcopy
strict
strojopis
strpos
style fprolloverstyle
stylesheets
substring
svislá čára
šířka okna prohlížeče
css and table
tabulátor
tbody
td
textarea
textové pole
this
time
timeout
tlačítka
topmargin
type
type button
ukazatel
vaw
velikost okna
velikost stránky
vertikální linka
vkládání objektů
vkládání videa
vlastní chat
vložit html
vložení
vyhledavač
vyhledávače
vzkaz
vzkazy
web
win comander
window open
window title
windows comander
xml
základy dhtml
zalomení
zarovnani
zarovnani obrazk s textem
zmena barvy pozadi odkazu
změna kurzoru
změna písma
zrušení odsazení
zvuky
absolute
action
adresárová štruktúra html
aktivní tlačítka
aktivní tlačítka změna
aktualizace
alink
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