Sova v síti - 1/22 - vydáno 17.9.2001 Dobrý den, končí pondělí a je zde vaše Sova v síti. OBSAH -- Web - "textový" versus "grafický" -- Seriál o PHP, XIV.část - Kniha návštěv -- Užitečné odkazy Milí přátelé, omlouvám se, že v dnešní Sově nenaleznete můj avízovaný článek "Tagy se zvláštním významem". Byť od událostí v USA uplynul už skoro týden, stále nemám náladu psát o HTML. Smutné je, že děsivější než samotný akt násilí proti tisícům lidí, jsou některé reakce v diskusích na českém internetu... Marek Prokop WEB - "TEXTOVÝ" VERSUS "GRAFICKÝ" Miroslav Vejlupek Vzájemné propojení počítačů na celém světě mělo za cíl položit základ celosvětové informační sítě (World Wide Web). Stále více uživatelů domácího písíčka se připojuje k Internetu - nejen proto, že jde o moderní trend s květnatou budoucností, nýbrž pro nesmírné výhody, které s sebou elektronizace dat a informací nese - především mnohonásobné urychlení vyhledání konkrétní informace a zpřístupnění dané informace doslova celému světu. Záhy si uživatel uvědomí nesmírné možnosti Sítě - začne přemýšlet o své vlastní webové stránce. Má-li štěstí, syn na výbornou prospívá v hodinách výpočetní techniky a volný čas tráví nad webovými stránkami pro spolužáky. Webová stránka se dnes stává také účinným obchodním nástrojem: firma informuje širokou veřejnost o své filozofii, historii, nabízených službách a referencích a přesvědčuje návštěvníka, proč ona je tou jedinou, kterou si prostě musí vybrat. Jaká kritéria ovlivní rozhodnutí návštěvníka firemní stránky? Bude to samosebou samotný obsah: šíře a kvalita nabízených služeb, ceník a reference. Ovšem nemalý podíl na jeho posledním slově má také forma podání: grafický vzhled webu, jeho struktura a ovládání. Oko je nejpoužívanějším smyslovým orgánem člověka. Web "textový" Web přirovnatelný k listu knihy (barvou podkladu a písma a především strukturou textu) se pro svůj obsah hodí k pouhému předání informace - například v knihovnictví či bankovnictví. Čtenář si v jednoduchém on-line katalogu vyhledá konkrétní titul a veškeré dostupné informace o díle a autorovi. Klient banky se připojí ke svému účtu, aby se ujistil o zůstatku či potvrzení platby (například Oskarova samoobsluha [https://www.oskarmobil.cz/selfcare/s_index.php3?locale=cz]). Příkladem informačního webu je Městská knihovna Prostějov [http://www.knihovna.cz] s on-line katalogem [http://www.knihovna.cz/lanius/baze.htm]. Web "grafický" Na druhou stranu weby, které slouží jako obchodní nástroj či jsou součástí reklamní kampaně firmy, by měli na první pohled zaujmout - především profesionálním zpracováním hodným jména firmy. Je až k podivu, že se dnes stále ještě najde firma, která namísto aby přenechala vytvoření firemní prezentace profesionálnímu webdesignerovi, zaúkoluje v rámci pracovní náplně svého zaměstnance, o němž se proslechlo, že má na internetu svou vlastní emailovou schránku, a to jen proto, aby "ušetřila" (například [http://www.mi-janecek.cz]). Firemním webem s profesionálním zpracováním se pyšní například První multimediální [http://www.multimedia.cz]. Web "textový" x "grafický" Prvotním cílem webu je předat informaci. Knihovna o výpůjčním sortimentu, firma o sortimentu služeb. Druhotným cílem je forma předání informace, kam se řadí celkový vzhled stránky, logika struktury a ovládání. Co nejvíce odlišuje web informační a obchodní, je celkový vzhled. Textové menu se s bohatě ilustrovanými tlačítky vzhledově (ovšem nikoliv funkčně) ani nemůže srovnávat, profesionálně vytvořené koláže a fotomontáže navodí patřičnou atmosféru lépe než textový nadpis (byť třeba barevný a podtržený linkou). Samotná struktura je proto u graficky bohatých stránek složitější a na čas potřebný k zobrazení webu náročnější. Velikost grafického souboru tlačítka bývá několik bytů až (optimálně) 2 kB. Takových tlačítek je v jednom firemním webu použito hned několik (i deset a více) a obsahují-li funkci pro změnu obrázku při onMouseOver, pak je jich dvakrát tolik. Dalším grafickým prvkem bývá logo, obrázkové pozadí (velikostně mnohdy největší), ilustrační fotografie či plastické nápisy a další grafika, jako například grafické komponenty oživující prostředí webu (animované ukazatele, šipky, čtverečky, linky apod.). Celková velikost čisté grafiky tak bývá v extrémních případech i více než 100 kB! Jak vidno, líbivé grafické prostředí má jedno veliké úskalí - přílišnou velikost. Dnes, kdy je stále ještě mnoho uživatelů internetu připojeno přes modem, je na místě grafiku komprimovat a optimalizovat - to vše při zachování kvality. Velikost stánky "textového webu" bývá jen několik kB v závislosti na množství textu, zřídka dosahuje několika desítek kB. Web, jehož účelem je především (nebo jen) informovat, by náročnou grafikou jen rušil od původního cíle návštěvníka dozvědět se a navíc zbytečně prodloužil čas strávený při vyhledávání informace načítáním nepodstatné, ba zbytečné grafiky. I takový web však potřebuje mít jasnou strukturu a logické ovládání. K tvorbě takových prezentací více než dobře poslouží kaskádové styly, jež stránku graficky obohatí a ujednotí. Ukázkou bohatě využitých vlastností kaskádových stylů je Sova v síti [http://www.sovavsiti.cz]. (c) 2001 Miroslav Vejlupek ---------------------------------- miroslavvejlupek@email.cz http://miroslavvejlupek.webpark.cz ---------------------------------- SERIÁL O PHP, XIV.ČÁST - KNIHA NÁVŠTĚV Martin Jalínek V dnešním díle si probereme, jak si udělat vlastní knihu návštěv. Kniha se bude skládat celkem ze 3 souborů. 1. soubor - vstupní formulář 2. soubor - skript na zpracování dat z formuláře (zapsání do souboru) 3. soubor - soubor, ve kterém budou uloženy všechny vzkazy Tento kód vložíme do souboru index.php. Koncovka php, protože na této stránce budeme pomocí funkce include zobrazovat příspěvky.
Nick:
Email:
Zpráva:
Dále potřebujeme skript, kterým zajistíme uložení do souboru. Pojmenujeme ho insert.php3 a bude obsahovat následující kód. Nick: $nick"; //následující 4 řádky určují, jak a co se má zapisovat $pol[2] = "Email: $email"; $pol[3] = "Zpráva: $message"; $pol[4] = "
"; $veta = Implode ($pol,"
"); //oddělí položky mezerou $fp = FOpen("kniha.txt","a"); //otevře soubor pro doplňování FWrite($fp,$veta."\n"); //zapíše do souboru a oddělí mezerou FClose($fp); //zavře soubor echo "Příspěvek byl úspěšně vložen. Pokračujte zde."; //vypíše hlášku na pokračování ?> (c) 2001 Martin Jelínek - oozz@atlas.cz - http://oozzik.com, http://nokia.webz.cz UŽITEČNÉ ODKAZY Dvousloupcový layout s hlavičkou, patičkou a bannerem pomocí CSS Pokračování úspěšného článku Miroslava Kučery o třísloupcovém layoutu pomocí CSS na Intervalu. http://www.interval.cz/r-article.asp?id=740 Práce s obrázky v éře CSS Pavel Šimek popisuje na Intervalu, jak kombinovat CSS s obrázky. http://www.interval.cz/r-article.asp?id=748 A to je pro dnešek vše. Těšíme se na shledanou opět v pondělí, kdy v čísle 23 naleznete: -- Tagy se zvláštním významem -- přehled tagů normy HTML 4, které nesou specifický význam. -- Anketa v PHP -- XV. část seriálu o PHP Martina Jelínka. -- Odpovědi na vaše dotazy, zajímavé odkazy, novinky v katalogu katalogů a vyhledávačů Petra Kocny, atd. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 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/