Sova v síti - 1/18 - vydáno 14.8.2001 Dobrý den, končí pondělí a je zde vaše Sova v síti :-) OBSAH * Hry v JavaScriptu * Seriál o PHP, XII.část - formuláře * Odpovídáme na dotazy čtenářů * Články a odkazy pro webmastery jinde na webu * Opravy a doplnění HRY V JAVASCRIPTU Marek Prokop Vrcholí léto, ležíte někde u vody, v horším případě doháníte to, co jste nestihli před dovolenou a co se vám nahromadilo během ní. V každém případě nemáte náladu studovat HTML. Já zase nemám chuť o HTML psát. Rozhodl jsem se tedy této vzácné shody okolností využít a předložit vám místo běžného článku trojici her převzatých ze serveru The JavaScript Source (http://javascriptsource.com). The JavaScript Source je rozsáhlá kolekce skriptů v JavaScriptu. Její archiv čítá (srpen 2001) přes 800 skriptů a neustále přibývají další. Všechny publikované skripty lze bezplatně použít na vašich stránkách. Jedinou podmínkou je ponechání copyrightu autora ve zdrojovém kódu. Všechny skripty jsou přehledně roztříděny do mnoha katagorií, např. efekty s pozadím, tlačítka, kalendáře a hodiny, formuláře, navigace, atd. Jednou z rubrik jsou hry a z ní právě pocházejí dnešní 3 ukázky. The JavaScript Source však nejsou jen skripty. Kromě nich najdete na serveru též podrobné návody, příručky (elektronické i knižní) a diskusní fórum. Hry, které jsem vybral pro dnešní Sovu naleznete na stránce http://www.sovavsiti.cz/hry.html. Jejich výhodou oproti originálům z The JavaScript Source je, že jsou již přeloženy do češtiny a jsou v nich použity mnohem hezčí obrázky ;-) Dobře se bavte! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Majitelé a správci firemních webů, vydáváme pro vás newsletter FIRMA ONLINE - jak zvyšovat návštěvnost a účinnost stránek, jak podnikat na internetu - http://www.prokopsw.cz/online/ezines.html ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SERIÁL O PHP, XII.ČÁST - FORMULÁŘE V dalších několika dílech si ukážeme příklady některých aplikací např. registrace uživatelů a kniha návštěv. Pokud děláme nějaký skript ve kterém chceme, abychom něco zadali a ono se to potom vypsalo někde jinde, tak potřebujeme k zadání vstupních údajů formulář(e). Pro jistotu si probereme, jak takový formulář vypadá.
části formuláře
Metoda GET se hodí k odesílání menšího množství dat z formuláře, protože data se připojují na konec URL (skript.php?jmeno=martin) Metoda POST se hodí k odesílání většího množství dat z dlouhých formulářů. Údaje se přenášejí v těle požadavku http. Části (elementy) formuláře 1. INPUT - definice většiny prvků 2. SELECT - seznamy 3. TEXTAREA - víceřádkový text INPUT 1. Text Pokud chceme omezit pocet znaků, tak přidáme MAXLENGHT="50". Tedy maximálně můžeme zadat 50 znaků. Velikost vstupního pole určíme SIZE="30". Tedy po zadání 30 znaků se text začne rolovat. 2. Tlačítko 3. Heslo Dále je to stejné jako u typu TEXT. 4. Zaškrtávací pole 5. Přepínání 6. Vynulování dat SELECT Používáme pokud chceme, aby bylo na váběr z několika položek. TEXTAREA Tak, teď již umíme vytvořit formuláře. Přístě si ukážeme základní práce s daty z formulářů. V případě nejasnosti, ale i úspěchu pište na webmaster@oozzik.com. (c) 2001 Martin Jelínek - http://oozzik.com - články o PHP, HTML ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Doporučte sovu v síti vašim přátelům. Přepošlete jim toto číslo, nebo použijte formulář na http://www.sovavsiti.cz/recommend.html ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ODPOVÍDÁME NA DOTAZY ČTENÁŘŮ Dotaz: Zajímalo by mě, jak pracují vyhledávací služby (Kompas, Altavista apod.). Speciálně, zda procházejí všechny HTML stránky nebo jen "startovní" (index.htm aj.) nebo je procházejí podle odkazů, zda čtou celý obsah stránky (včetně komentářů) či jen META tagy a jak je to při vyhledávání s diakritikou, resp. zda se vyplatí do META tagů psát klíčová slova s i bez diakritiky. Odpověď: Odpověď na vaši otázku není jednoduchá. Především, každá vyhledávací služba pracuje trochu jinak, i když všechny by měly dodržovat pravidla stanovená pro roboty. Obecně asi platí, že vyhledávací služba může najít jen ty stránky (dokumenty), ke kterým nalezne na jiných stránkách (už zařazených do své databáze) odkaz. Do některých služeb (např. AltaVista) se musí nové odkazy ručně přidávat a u jiných se za indexování dokonce platí (GoTo.com). Některé vyhledávací služby čtou a indexují celé stránky, některé jen prvních n znaků (slov). Všechny zpravidla přikládají větší váhu obsahu v horní části stránky. Co se týče meta tagů, většina vyhledávacích služeb s nimi dnes již nepracuje (konkrétně meta tagy Keyvords a Description), nebo jim přikládá pouze podružný význam. V každém případě píšete-li české stránky, používejte diakritiku. Mít obsah s diakritikou a klíčová slova v meta tagu Keywords bez diakritiky, nemá smysl. Dotaz: Potreboval bych sturcny prehled (tzv. reference) vsech pouzitelnych znaku, prikazu, funkci atd. pro jednotlive jazyky - tedy HTML, CSS, JavaScript, a jinych. Vse zdarma ke stazeni a prehledne pouzitelne. Nasel jsem na netu vyborne www.devguru.com, bohuzel se za to plati. Nevite o necem free. Odpověď: Navštivte naši stránku odkazů http://www.sovavsiti.cz/odkazy.html Naleznete na ní vše, nebo skoro vše z toho, co hledáte. Dotaz: V zaveru doporuceni (CSS a velikost pisma) mate rozpor. Radite pouzivat bud velikost absolutni a nebo procenta, pricemz mate vedle uvedeno, ze v css se jedna o atributy font-size:large|small; nemely by tam byt spise jednotky "pt"? Jaky mate vlastne nazor na pouzivani teto miry. Ja osobne ji pouzivam dost casto, nebot si lepe dokazi predstavit velikost vysledneho textu. Odpověď: Klíčová slova xx-small, x-small, small, medium, large, x-large a xx-large dle normy CSS vyjádřují *absolutním velikost* písma (font-size). Jednotka "pt" je naproti tomu *absolutní délkovou jednotkou*. Terminologie je, bohužel, někdy trochu matoucí. Obecně platí, že absolutní velikosti si určuje prohlížeč sám a měl by je tedy adekvátně přizpůsobit použitému médiu (obrazovka, tisk). Naopak absolutní délkové jednotky, mezi které patří i pt, jsou na médiu závislejší. Máte pravdu, že velikost písma v pt se odhaduje snáze, zejména pokud máte typografickou praxi. Ovšem to platí jen do okamžiku, než porovnáte skutečnou velikost písma na monitorech s různými rozlišeními a na počítačích s různými operačními systémy. Dotazů tentokrát přišlo víc a na všechny se nedostalo. Pokud jste zde dnes svůj dotaz nenalezli, mějte, prosím, trpělivost do příštího čísla. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Lze uspet v poradenstvi na internetu? Mnozi to jiz dokazali! Zeptejte se jich jak v konferenci on-line poradcu iPoradny. http://www.iporadny.cz/konference/ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ČLÁNKY A ODKAZY PRO WEBMASTERY JINDE NA WEBU * Krátkou recenzi programu Buttonmania pro snadné vytváření grafických tlačítek naleznete na http://www.zive.cz/H/Uzivatel/Ar.asp?ARI=101309&CAI=2105 * Jak pomocí JavaScriptu nahradit příkaz INCLUDE se dozvíte v článku Karla Kiliána na http://www.zive.cz/H/Developerdaily/Ar.asp?ARI=100900&CAI=2093 * Článek na podobné téma, tedy jak pomocí JavaScriptu aktualizovat stejné údaje na více stránkách současně, přináší PCSvět http://www.pcsvet.cz/r-art.asp?id=650&r=7 * Již nějaký čas vychází na Živě seriál Martina Snížka o multimédiích na WWW stránkách. Jeho IV. část najdete na http://www.zive.cz/H/Developerdaily/Ar.asp?ARI=100910&CAI=2036 * Třísloupcový layout webu pomocí CSS v podání Miroslava Kučery byste si určitě neměli nechat ujít http://www.interval.cz/r-article.asp?id=717 * A stejně tak další pokračování strategií pro firemní web, tentokrát o analýze konkurence a trhu http://www.interval.cz/r-article.asp?id=708 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Starší čísla naleznete na http://www.sovavsiti.cz/archiv.html Více odkazů pro webmastery na http://www.sovavsiti.cz/odkazy.html ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ OPRAVY A DOPLNĚNÍ Náš nový čtenář a mj. též známý internetový publicista Martin Kopta si pečlivě prostudoval náš archiv a poslal nám několik oprav a doplnění. Dokonce byl tak laskav, že je již zformuloval z pohledu redakce v první osobě a můžeme je tedy přetisknout bez dalších úprav. Děkujeme! ---> OPRAVA: Ve čtvrtém vydání Sovy v síti se nám do textu omylem vloudil šotek. Čtenářům, kteří naši radu pro opakování obrázku v pozadí buňky tabulky neúspěšně použili, se omlouváme a připojujeme opravu, nyní (doufejme) už bez chyb: Dotaz 1: Dá se v buňce tabulky (pozadí) opakovat obrázek, ale jen podsebe? Odpověď: Ano dá. Klasický způsob spočívá v tom, že se obrázek udělá tak široký, aby za každých okolností šířku buňky přesahoval. Druhý, čistší způsob je pomocí CSS takto: td.spozadim { background-image: url(images/pozadi.gif); background-repeat: repeat-y; } Pro úplnost dodejme, že pravidlo repeat-x; by naopak způsobilo horizontální opakování obrázku, pravidlo no-repeat opakování zamezí a repeat naopak povolí v obou směrech. ---> DOPLNĚNÍ: Ve čtvrtém čísle jsme vám nedokázali odpovědět na otázku, zda lze odstranit tenké orámování, které se tvoří kolem aktivního odkazu a formulářového prvku v MSIE a některých dalších prohlížečích. Dnes už odpověď známe. Orámování odkazu zrušit lze tím, že k jeho událostnímu ovladači onClick přiřadíme volání metody this.blur(). Tento postup si vám ale dovolím vymlouvat, protože orámování slouží k ulehčení orientace na stránce lidem s poruchou soustředění, slabozrakým a těm, kdo se mezi odkazy místo pomocí myši pohybují s tabelátorem (do poslední skupiny patřím i já). Poradím vám ale jinou věc s orámováním, která se vám může hodit spíš a nic jí neskazíte. V CSS2 byla zavedena vlastnost outline, kerou můžete určit šířku, styl a barvu orámování. Můžete tedy aktivním prvkům určit způsob zvýraznění, což se může hodit v případě, že nechcete použít obvyklý roleček s potrháváním odkazu. (Pozn. prohlížeče ještě nezvládají pseudotřídu :focus, ale zvládnou :active a :hover). Outline není totéž co border. a:active, a:hover { outline-width: 1px; /* síla tahu */ outline-style: solid; /* styly jsou shodné se styly rámečků */ outline-color: yellow; /* zvlote vhodnou zvýrazňovací barvu */ } A to je pro dnešek vše. Na příští vydání se můžete těšit opět za 14 dní, tedy 27.8.2001 a naleznete v něm: * Levostranná navigace -- má opodstatnění? Polemický a inspirativní článek známého teoretika i praktika webdesignu a internetového publicisty Martina Kopty. * PPWizard Recenze univerzálního preprocesoru, který vám usnadní všechnu tu otravnou práci s údržbou stejných záhlaví a zápatí stránek. * Další část seriálu o PHP od Martina Jelínka. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Nechcete, nebo naopak chcete dostávat Sovu v síti? Odběr lze odhlásit odesláním zprávy na unsubscribe@sovavsiti.cz. Přihlásit se lze odesláním zprávy na subscribe@sovavsiti.cz, nebo formulářem na adrese http://www.sovavsiti.cz/. Chcete nám cokoli sdělit? Uvítáme vaše náměty, připomínky, kritiku, atd. na adrese mailto:redakce@sovavsiti.cz. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Není-li v konkrétním případě uvedeno jinak, je autorem všech publikovaných článků Marek Prokop. Tento ezin, nebo jeho libovolnou část můžete volně šířit dále, pokud současně uvedete zdroj následujícím způsobem: _________________________________________________________________ Sova v síti -- (c) 2001 Marek Prokop -- http://www.sovavsiti.cz/