Sova v síti - 1/9 - vydáno 21.5.2001 Dobrý den, je zde pondělí a s ním vaše Sova v síti :-) OBSAH -- PHP a HTML -- Elegantní tlačítka pomocí tabulek a CSS -- Jak vybírat jméno pro doménu -- Odpovídáme na dotazy čtenářů -- V příštím čísle PHP a HTML Martin Jelínek Nyní již máme nainstalované PHP a můžeme začít programovat. V dnešním díle si ukážeme, jak lze jednoduše kombinoval PHP a HTML. Řekneme si první příkazy na vypisování textu a probereme úvod do proměnných. Takže s chutí do toho. Do HTML stránek můžeme snadno vkládat Php. Provádí se to pomocí tagů: nebo nebo . Je jedno, který tag použijete, ale nejčastěji se používají první dva. Poslední byl vytvořen kvůli některým editorům např. FrontPage atd. Takže si hned vyzkoušíme funkčnost. Vytvoříme si stránku test.php a vložíme kód: a spustíme v prohlížeči. Z minulého dílu již víme jak. Právě se zde objevil nový pojem a to: echo. Příkaz echo slouží k vypsání čehokoliv na obrazovku. Samozřejmostí je možnost vkládání kódu HTML přímo do příkazu echo. Pro ukázku: Tučný text" ?> Tento příkaz vypíše tučně zadaný text. Můžeme také měnit styly písma velikost. Jinak řečeno lze použít všechny tagy HTML s jediným omezením a tím sou uvozovky. Místo klasických uvozovek musíme v HTML tagech používat '. Příklad: Tučný text" ?> Nyní se řekneme něco o proměnných. Proměnné slouží k dočasnému uchovávání informací, které si zapíšeme během skriptu. Všechny proměnné začínají znakem $, např. $promenna. V proměnných NIKDY nepoužívejte diakritiku!! Také $PrOmEnNa je něco jiného než $PromennA!! Php reaguje v názvu proměnných na velká a malá písmena. Jinak je jedno jestli napíšete EcHo nebo echo. Můžeme také používat proměnné typu: $toto_je_promenna, ale nesmíme použít $toto je promenna. V proměnných můžeme používat písmena, číslice, podtržítka. Ale proměnná MUSÍ vždy začínat písmenem nebo podtržítkem, NIKDY číslicí! Nyní již víme k čemu proměnné slouží, a proto si ukážeme nějaké praktické příklady. 1) Vypsání textu pomocí proměnné - !! Každý řádek musí být ukončen středníkem ; !! Další možností je: (nyní středník nemusíme používat) 2) Výpočty - sčítáme 2 čísla. Pro lepší přehlednost je ale lepší provést zápis takto: Myslím si, že toho již dnes bylo dost a že máte co testovat. Při jakémkoliv problému nebo nejasnosti pište na webmaster@oozzik.com nebo na oozz@atlas.cz. (c) 2001 Martin Jelínek - http://oozzik.com ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Líbí se vám Sova v síti? Doporučte ji vašim přátelům! http://www.sovavsiti.cz/recommend.html ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ELEGANTNÍ TLAČÍTKA POMOCÍ TABULEK A CSS Vlastnost CSS _border_ nabízí několik zajímavých použití a jedním z nich jsou docela elegantní tlačítka. Vzhledem sice nemohou soupeřit s tlačítky tvořenými obrázky, ale zato je mnohonásobně překonají svou malou velikostí a tedy rychlostí načítání. Čistě textová tlačítka jsou navíc přístupnější a použitelnější než grafická. Ukážeme si 2 způsoby, jak lze tlačítka pomocí CSS vytvořit. První způsob používá tabulku, druhý pouze prvek (tag) DIV. První způsob lze použít jak pro svislou, tak vodorovnou řadu tlačítek, druhý se spíše hodí pouze pro svislé řady, protože prvky DIV se obtížně umísťují vedle sebe. Následující a jeho výsledek je prakticky demonstrován na stránce http://www.sovavsiti.cz/samples/samp0109.html Pro tlačítka v tabulce si nejprve v hlavičce HTML dokumentu, nebo v samostatném souboru připravte tuto definici stylu: td.menuitem_off, td.menuitem_on { background: #ffff99 none; color: #000000; font: 12px "Helvetica CE","Arial CE",Arial,sans-serif; font-weight: bold; padding: 4px; border-width: 2px; border-color: #ffffff; } td.menuitem_off { border-style: outset; } td.menuitem_on { border-style: inset; } První část je společná pro všechna tlačítka. Druhá část odlišuje nevybraná tlačítka od vybraného (stisknutého). Nyní již zbývá jen tabulka s vlastními tlačítky, která může vypadat např. takto:
První položka Druhá položka Třetí položka (vybraná) Čtvrtá položka
Druhý způsob, pomocí tagu DIV, je velmi podobný. Sice se nehodí pro vodorovné řádky tlačítek, zato je však vlastní kód tlačítek o dost kratší. Vypadá takto:
První položka
Druhá položka
Třetí položka (vybraná)
Čtvrtá položka
A k němu si ukážeme ještě definici stylu, která je skoro stejná jako v prvním příkladě: div.menuitem_off, div.menuitem_on { width: 120px; margin: 6px 0px 6px 0px; text-align: center; background: #3399cc none; color: #000000; font: 12px "Helvetica CE","Arial CE",Arial,sans-serif; font-weight: bold; padding: 4px; border-width: 2px; border-color: #ffffcc; } div.menuitem_off { border-style: outset; } div.menuitem_on { border-style: inset; } Obě řešení jsou plně funkční jen v prohlížečích, které plně podporují CSS. V případě rámečků je to zřejmě zatím jen Internet Explorer od verze 5. Prohlížeče verzí 4.xx zobrazí tlačítka také, ovšem bez rámečků. S rámečky, tedy vlastností CSS _border_, můžete zkusit sami experimentovat. Vyjít můžete z tohoto kódu a ukázky na stránce http://www.sovavsiti.cz/samples/samp0109.html. Pokud však chcete dosáhnout podobného trojrozměrného efektu, musíte nastavit šířku rámečku alespoň na 2px a zvolit pro něj světlou, nejlépe bílou barvu. Za domácí úkol ;-) si vyzkoušejte, jak vypadá styl rámečku "groove" a "ridge" a případně si zkuste zkombinovat více různých stylů/barev/šířek rámečků tak, že vnoříte několik prvků DIV do sebe. Některé efekty mohou být opravdu zajímavé. JAK VYBÍRAT JMÉNO PRO DOMÉNU V minulém čísle jsme si řekli, jaký význam má vlastnictví domény. Pokud jste před tím svou doménu ještě neměli. doufám, že vás článek přesvědčil a rozhodli jste se doménu zaregistrovat. K tomu jse však třeba nejprve vybrat doménové jméno, což nemusí být zrovna jednoduché. Zde je několik tipů jak na to: -- Nejprve, se musíte rozhodnout, do které TLD (doméně první, nejvyšší úrovně) svou doménu zařadíte. Pokud nechcete vystupovat pouze v zahraničí, měli byste určitě zvolit národní doménu CZ. Chcete-li svou firmu či produkt prezentovat i za hranicemi, přidejte i doménu COM. Jste-li nekomerční organizace (např. nadace), je naopak vhodná doména ORG. -- Pro základní firemní prezentaci by se doménové jméno mělo shodovat s názvem firmy. Je-li plný název vaší společnosti příliš dlouhý, zkraťte ho. Ověřte si, jak vaši zákazníci a partneři váš název sami zkracují. Mnoho lidí se snaží uhodnout jméno domény z názvu firmy spíše, než aby ho hledali ve vyhledávacích službách. -- Je-li osou vaše podnikání jeden klíčový produkt, jehož název (značka) je již obecně znám, zaregistrujte si ho jako doménové jméno. Nejtypičtější je tento postup např. u vydavatelů novin a časopisů, výrobců software, automobilových výrobců, atd. Máte- li klíčových produktů víc, je vhodné zaregistrovat doménu pro každý z nich. -- Pokud jsou všechna vhodná jména obsazena, můžete zkusit název bez konkrétního významu. S tímto typem si usnadníte registraci, ale počítejte s nejvyššími náklady na propagaci. Vybírejte pečlivě, aby název zněl zajímavě, dobře se vyslovoval i psal. Pozor na názvy, u kterých může snadno dojít k překlepům či přeslechům. -- Zkratková slova a novotvary implikující určitý význam se registrují o něco hůře než zcela bezvýznamová slova, ale snáze se pamatují a tedy i propagují. Pozor na části slov, která jsou někdy v určitém oboru nadměrně rozšířena (v IT např. com, sys, soft, dat) a dochází pak snadno ke zmatení zákazníků. -- Slova z reálného života jsou nejpopisnější a nejsnáze se tedy pamatují a propagují. Mnoho vhodných slov i slovních spojení je však již obsazeno (v angličtině a v generických TLD COM, ORG a NET skoro všechna). Na druhou stranu se v češtině zatím trochu zapomíná na názvy složené z více slov. Nebojte se jich. Jako příklad vám mohou sloužit úspěšné názvy navrcholu, bytyvpraze, fotoobchod, dokina. -- Zkratky se často špatně pamatují, nebo pletou s jinou zkratkou. Hodně zkratek na 3 písmena, které jsou nejatraktivnější, je již obsazeno. Pozor na snadnou výslovnost zkratky, a to i v angličtině. -- Osobní, nebo místní jména se dobře se pamatují. Pozor ale na to, když vaše činnost přeroste vaši osobu či původní lokalitu. Určitou nevýhodou je také to, že osobní či místní jméno většinou nejde paralelně zaregistrovat jako ochrannou známku. --- reklama ----------------------------------------------------- Hledáte atraktivní doménové jméno? Obraťte se na odborníky! http://www.prokopsw.cz/inet/ - mailto:posta@prokopsw.cz Netvoříme webové stránky, tvoříme váš úspěch na internetu! ---------------------------------------------------- reklama ---- ODPOVÍDÁME NA DOTAZY ČTENÁŘŮ Dotaz: Dobrý den, mám v PC pod W98 SE nainstalován APACHE (PHP Version 4.04pl1). A chtěl jsem se zeptat jak zprovozním MySQL. Zřejmě ho mám stáhnout někde z NETu. Jsem v tomto oboru začátečník tak prosím nevysvětlil byste mi instalaci MySQL? PS. Váš ezin je fakt super. Mám jednu radu. Uvítal bych nějakou tu přílohu. V které by bylo jak EZIN v HTML, tak nějaké ty ukázky. Odpověď: Seriál o PHP Martina Jelínka se již v příštím čísle dostane až k databázím a váš dotaz pak bude určitě zodpovězen. Co se týče Sovy v HTML včetně ukázek, máme v plánu několik zajímavých rozšíření našich stránek. Praktických příkladů vás, čtenáře, čeká opravdu hodně - nechte se překvapit :-) Dotaz: Jak to udelat, aby se mi nove okno v prohlizeci (MSIE 5.0) oteviralo v definovanem rozmeru- na jednom PC se otevira ve velikosti cca 500x300, na jinem - stejnem PC - ve velikosti 150x60, pak je musim mysi roztahovat. Co s tim? Zatim jsem nenasel zpusobm jak si velikost prizpusobit. Odpověď: Pokud použijte základní způsob otevření odkazu v novém okně, tj. , otevře se nové okno v podstatě na náhodném místě a s náhodnou velikostí (částečně ovlivněnou velikostí a umístěném naposledy zavřeného okna). Pokud chcete mít na novým oknem větší kontrolu, musíte použít JavaScript. Zkuste např. tento kód: Myslím, že princip snadno pochopíte. Jako reakci na článek v jednom z předchozích čísel jsme dostali tuto poznámku od čtenáře Petra: V jednom predchozim vydani jste psali o typografii - uprave textu, mj. i o delce radky. Pripojuji svou informaci ziskanou z nejake brozurky - delka radku ma byt podle ni cca 8 - 11 slov bezne velikosti pisma. Tato velikost priblizne odpovida knizni sazbe na kterou jsme zvykli a ta zase respektuje zakonitosti vnimani textu okem - to po radku neklouze plynule, ale "poskakuje",nebo "těká". Kdyz je radek kratsi, nic se nedeje. Kdyz je delsi, oci se drive unavi, cteni je slozitejsi a vnimani obsahu sdeleni muze klesat. Děkujeme za doplnění. V PŘÍŠTÍM ČÍSLE -- Pokračování seriálu o PHP od Martina Jelínka - v tomto díle nás čekají pole, pár slov o databázích a skript na odesílání emailů. -- Redesign Sovy v síti - postupně pracujeme na redesignu stránek Sovy v síti tak, aby plně respektovala platné standardy. A protože to není jen tak snadné, a protože by to pro vás mohlo být zajímavé, ukážeme vám, kam až jsme se zatím dostali a dám bude postupovat s vámi. Doufáme, že se přitom něco užitečného naučíte. -- Do třetice ještě o doménách - tentokrát jaké jsou nejčastější chyby při volbě doménového jména a nakládání s doménou obecně. -- Nakonec, jako vždy, odpovědi na vaše dotazy. Pokud ovšem nějaké pošlete :-) A to je pro dnešek vše. Přejeme vám krásný den, jakož i celý zbytek týdne a příští pondělí zase na shledanou! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 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. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ARCHIV STARŠÍCH ČÍSEL Hodně nových čtenářů se ptá, kde najdou články ze starších čísel Sovy v síti. Všechny čísla jsou ihned po vydání ukládány do adresáře www.sovavsiti.cz/download a jmenují se sovaRRCC.txt, kde RR je ročník (zatím vždy 01) a CC je číslo (vždy dvojciferné, tedy např. 02). Soubory jsou textové, čeština je kódována dle Windows-1250. Nehledejte v adresáři žádný html dokument, žádný tam není. Lze si pouze stáhnout jednotlivá čísla přímým zadáním jejich URL, tedy např. http://www.sovavsiti.cz/download/sova0104.txt. Pozor, server rozlišuje malá a velká písmena. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 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/