Vezměme si situaci, kdy potřebujete webové stránky. Mohou to být soukromé stránky, většinou se ale lidé a firmy na internetu prezentují, aby tím něčeho dosáhli. Živnostníci budou chtít získat nové zákazníky, malé firmy budou mít za cíl jednodušší komunikaci se svými zákazníky a dodavateli, velké firmy si budou přát prodávat své zboží a služby na internetu.

Existuje několik obecných pravidel, které je dobré dodržovat, pokud chcete mít profesionální webové stránky a ne stránky, které budou spíše pro ostudu.

Jak vidíte, každý má na výběr. Lze využít „nulovou variantu“, v konečném důsledku ale tato možnost není příliš výhodná. Pokud budete chtít provozovat profesionální webovou prezentaci, tak vám rádi pomůžeme.

Ale vono je. Na www.superstranka.cz si může každý založit vlastní webovou vizitku, kde se představí všem super lidem, virtuálním přátelům i těm, koho skutečně zná. Co je k tomu potřeba? Ne mnoho! Stačí zakoupit doménu s koncovkou CZ za 199 korun ročně bez DPH, což je 238 Kč s daní.

No a protože tahle superstránka běží na vaší vlastní doméně, tak není nutné pamatovat si žádnou další adresu, jen adresu vaší superstránky. Kdyby pak někomu byla doména CZ málo, tak si může aktivovat superstránku i pro domény s jinými koncovkami. To je možné udělat na www.active24.cz, resp. v Zákaznickém centru, pokud už nějakou doménu máte.

Ježiši to je super! A co fotky z rajčete? Myslím jako fotky z rajce.cz, ty si můžu taky nahrát na tu super stránku? Ano, můžete si svou webovou vizitku propojit s následujícími webovými službami:

• Facebook – jasněé, tam jsem skoro pořád
• Twitter – kratce a obratce, hlavně se moc nevykecavat
• blog – když 140 znaků nestačí a máte něco většího či delšího na srdci
• YouTube – když jste Justin Bieber fan nebo „little monster“, můžete ale být i úplně normální
• LinkedIn – práci sem můžeme tahat, pokud vážně chcete
• Rajče, Picassa – super fotéčky, sem s nima

Následně si můžete upravit vzhled vaší nové super stránky. Můžete si zvolit nějaké ale úplně super pozadí, k tomu nějaké super písmo, no a nakonec tomu všemu dáte super barvičky. Schválně se podívejte na následující video:

Pokud vás ani tohle video nepřesvědčilo a myslíte si, že Superstránka je jen další super ptákovina, tak si zkuste úplně zdarma vše vyzkoušet na www.superstranka.cz. Bude vám k tomu stačit 5 minut času.

Jak vypadá taková super stránka pak můžete vidět v galerii. Mimochodem, superstránku využívá jeden náš kolega, který si nechává říkat SuperVáclav.

Dnes možná bude znít trošku kuriózně, že v polovině 90. let se za internetový prohlížeč platilo. Software byl distribuován v krabicích na CD nosičích. Oukej, pojďme raději do současnosti a podívejme se na pár čísel, která můžeme získat z webu StatCounter Global Stats.

Zdroj: StatCounter Global Stats – Browser Market Share

Nejpoužívanější internetové prohlížeče současnosti jsou (červen 2011):

1. Internet Explorer – 44%
2. Firefox – 29%
3. Chrome – 20%
4. Safari – 5%
5. Opera – 2%

Z grafu je jasné, že podíl IE se propadá. V dobách své největší slávy měl Microsoft asi 95% podíl na trhu prohlížečů. Pak nastoupil Firefox, který si pomalu získával nové fanoušky. Je také zřejmé, že v současnosti podíl IE klesá kvůli masívnímu nástupu prohlížeče Chrome od firmy Google, který si již získal pětinu trhu.

Jaké jsou dnes nejpoužívanější verze prohlížečů?

1. Internet Explorer 8 – 28%
2. Firefox 4.0 – 16%
3. Chrome 11 – 10%
4. Firefox 3.6 – 9%
5. Chrome 12 – 8%
6. Internet Explorer 7 – 6%
7. Internet Explorer 9 – 6%
8. Safari 5 – 4%
9. Internet Explorer 6 – 4%

Z přehledu plyne, že nejpoužívanějším prohlížečem je IE 8. Zajímavé je ale, že poslední verze prohlížeče od Microsoftu IE 9 dosud nebyla schopna překonat tržní podíl IE7. Zajímavé je také shodný tržní podíl Safari od firmy Apple s „obávanou“ verzí microsoftího IE6. Na první pohled mají uživatelé Firefoxu (oproti Microsoftu) větší touhu, či potřebu, aktualizovat svůj prohlížeč. Verze FF4 je dnes nejpoužívanější verzí Firefoxu. Co se týká aktualizací a prohlížeče Chrome od firmy Google, tak stojí za zmínku fakt, že uživatel často ani neví, jakou verzi prohlížeče používá. Aktualizace totiž probíhají na pozadí a k tomu velice často.

Tolik tedy krátký pohled do světa internetových prohlížečů. Pokud jste webovým designérem, tak se Vám tento přehled může hodit. Víte, pro jaké prohlížeče webové stránky navrhovat a optimalizovat. Pokud se chystáte optimalizovat stránky již existujícího webu, určitě vás bude primárně zajímat složení prohlížečů, které používají vaši návštěvníci.

Tak například na webu www.hosting.cz vypadá situace následovně (data z Google Analytics za poslední 3 měsíce):

1. Firefox – 45%
2. Chrome – 28%
3. Internet Explorer – 15%
4. Opera – 9%
5. Safari – 2%

Pravděpodobně se budeme rozhodovat mezi dostupnými open-source řešeními, nejčastějšími z nich jsou redakční systémy WordPress, Joomla a Drupal, ať už v globálním měřítku stejně jako na českém trhu. Hlavní předností všech 3 uvedených systémů je to, že je možné je používat zcela zdarma. Navíc všechny systémy se neustále vyvíjí a přizpůsobují požadavkům uživatelů.

Co je ještě společné všem 3 systémům? Základní funkčnost redakčního systému je vždy obsažena v úvodní instalaci každého systému. Další funcionalitu je pak možné přidávat, k dispozici jsou nejrůžnější pluginy a doplňky, někdy zdarma, jindy placené, které doplňují požadované funkce do systému. Nedá se tak říct, že kterýkoliv ze zmíněných redakčních systémů je lepší či univerzálnější, vždy záleží na kontextu, v jakém se bude systém používat.

Drupal – výhody:

• zřejmě nejmocnější systém z uvedené trojice
• vhodný pro rozsáhlé a informačně bohaté weby
• umožňuje vytvářet komplexní kategorizaci obsahu
• obsahuje mnohé z funkčnosti sociální sítě

Drupal – nevýhody:

• nutná pokročilá znalost vývoje webu a programování

Joomla – výhody:

• funkně hodnotný systém při zachování uživatelské přívětivosti
• vhodný i na větší webové projekty
• dobrá dostupnost dodatečných vzhledů – vizuálních šablon webových stránek

Joomla – nevýhody:

• nutná určitá znalost vývoje pro web
• není vhodný pro ty nejrozsáhlejší webové projekty

WordPress – výhody:

• funkně dobře vybavený systém
• důraz na uživatelskou přívětivost
• nutná pouze základní znalost práce s internetem
• snadná rozšiřitelnost systému za pomoci tzv. pluginů a přídavných vzhledů

WordPress – nevýhody:

• vhodný spíše na jednodušší webové prezentace a blogy

Všechny uvedené redakční systémy je možné s úspěchem provozovat na webhostingu od Active 24. Další detaily ohledně instalace systému se můžete dozvědět v nápovědě:

• Redakční systém Drupal – požadavky a instalace
• Redakční systém Joomla – požadavky a instalace
• Redakční systém WordPress – požadavky a instalace

V kategorii Open Source CMS zvítězil redakční systém CMS Made Simple, druhé místo patří systému SilverStripe a třetí je MODx. V našich končinách nejde o příliš známé redakční systémy. Systémy, které známe i u nás, byly zařazeny do Síně slávy. Pořadí je následující:

1. WordPress
2. Drupal
3. Joomla!

Mimochodem na Hosting.cz byla o systému WordPress řeč již několikrát. Pro všechny uvedené redakční systémy je pak možné najít vhodný webhosting u Active 24. Konkrétní doporučení najdete v nápovědě:

• redakční systém WordPress – požadavky a instalace
• redakční systém Drupal – požadavky a instalace
• redakční systém Joomla – požadavky a instalace

V další kategorii soutěže Open Source Award se hodnotily nadějné projekty. Trojice oceněných projektů vypadá následovně:

1. Pimcore
2. TomatoCMS
3. BuddyPress

Hodnotila se také řešení pro provoz elektronických obchodů, porotu zaujaly systémy PrestaShop, OpenCart a Tomato Cart. Samostatnou kategorií byly grafické editory, kde zvítězil Blender před často používaným GIMPem a třetím Inkscapem. V době AJAXu a „rich-internet“ aplikací nelze opominout Javascriptové knihovny, kde celkem očekávaně zvítězila knihovna jQuery, o které jsme na www.hosting.cz také párkrát psali.

Jaký systém používáte vy? Můžete některý doporučit?

Letošní CIF se koná 11. listopadu v konferenčím centru City v Praze na Pankráci. Podle slov organizátora je Czech Internet Forum 2010 jedinou akcí, která nejen „pojímá český internet jako propojený celek“, ale navíc k tomu „z něj vybírá to nejzajímavější“. Na programu jsou přednášky a také osobnější workshopy, detailní program najdete na http://kristalova.lupa.cz/cif/2010/program/.

Jak už bylo zmíněno v úvodu článku, i Active 24 bude mít zástupce mezi přednášejícími. Ředitel Petr Šmída promluví o doménové kriminalitě v přednášce „Bezpečná doména – jak se bránit doménové kriminalitě“. Přednáška začíná ve 13:30 (ano, hned po obědě), řeč bude o tom, co je to doménová kriminalita a jak se proti ní účinně bránit. Uslyšíte, jak postupovat, když vám někdo odcizí doménu, jaké jsou možnosti řešení a kolik vás to bude stát. Veškeré další informace ohledně konference získate na http://kristalova.lupa.cz/cif/2010/.

A teď to nejpodstatnější. Chcete-li se zúčastnit konference CIF 2010 a mít to úplně zadarmo (běžná cena 4950 Kč bez DPH), napište na http://www.facebook.com/active24cz komentář k tomutu příspěvku s vaším tipem (celé číslo), kolik domén CZ bude mít registrátor Active 24 ve své správě k 5.11. 2010. Vaše tipy zadávejte do 5.11. 2010 23:59. Výhercem volné vstupenky na CIF 2010 se stane ten tipující, jehož tip bude nejblíže skutečnosti. Mnoho štěstí v tipování!

A šťastným majitelem vstupenky na CIF 2010 se stává:

Podle statistik sdružení CZ.NIC je tipované číslo 118 675. Vítězem se tak stává Jan Volejník. K němu se přidává také Jiří Urban, viz. diskuse níže.

Jenže proč některé weby jsou úspěšné a jiné nikoliv? Jedním z kritických faktorů úspěchu je právě kvalita textů, které se na stránkách objevují. Internet je zcela specifickým médiem a neplatí pro něj pravidla, na která jsme zvyklí z tradičních médií. Jak tedy na to, abychom neskončili jako uvedený pan ředitel v košili se svým umělohmotným projevem, který nikdo nikdy nepřečetl do konce?

Pravidlo 1: lidi na webu nečtou

Pokud si myslíte, že vaše slova na webových stránkách bude někdo číst, tak se mýlíte. Ve většině případů trvá návštěva jedné stránky v řádu několika málo jednotek vteřin. Za tu dobu oči návštěvníka většinou těkají po stránce a hledají nějaký záchytný bod. Takovým bodem může být vhodně zvolený nadpis, seznam s odrážkami, jasně definované a graficky výrazné odkazy nebo tlačítka s výzvou k nějaké akci (tzv. call-to-action). Vrcholem blaha jsou pro provozovatele webu kliknutí na tlačítka „Koupit“, „Přidat do košíku“ apod.

Pravidlo 2: méně je více

Pište krátké věty. Snažte se text co nejvíce strukturovat, do odstavců, přidejte seznamy s odrážkami nebo vhodnou grafiku, která doplní text (ne, že ho přebije). U nadpisů, odkazů a nápisů tlačítek dbejte na prvních 11 znaků, které jsou naprosto kritické pro úspěch sdělení. Čím kratší, tím lepší. Nesnažte se návštěvníka webu vyčerpat množstvím informací, stejně tak mu nedávajte na výběr příliš mnoho odkazů a tlačítek. Čím méně možností nabídnete, tím zvýšíte pravděpodobnost toho, že návštěvník udělá to, co si přejete.

Pravidlo 3: nikoho nezajímáte

Dá se to říct i jinak: každý na vás kašle. Smutné, leč na webu to je pravda. Takže pokud nejste Gates/Ballmer, Jobs, Brin/Page, Zuckerberg a tak dále, tak lidi moc nezajímáte. Co je ale zajímá, je něco, co oni sami chtěji, mohou nějak použít, koupit a spotřebovat. Stránky typu „O nás“, „Historie firmy“ a podobně jsou naprosto druhotné, rozhodně nedávejte tyto informace na úvodní stránku. Tam se sluší vyjmenovat, jak můžete svému návštěvníkovi, potažmo zákazníkovi prospět či vyhovět. Ukažte akční nabídku, příklad řešení, které skutečně funguje, můžete nabídnout testovací verzi svého skvělého produktu. Jako velice dobrá forma ukázky se v praxi osvědčuje video, ideálně v délce 60 – 90 vteřin.

Pravidlo 4: po-lo-pa-tic-ky

Nesnažte se ohromit návštěvníka vašeho webu odbornými termíny. Nejlepší je prezentovat své výrobky a služby, jako byste prodávali své zboží vlastní matce. Předpokládáme, že ta o něm moc neví :) Vyhněte se cizím slovům, oborovému slangu, dbejte na pravopisnou čistotu textu. Čím jednodušší text bude, tím se lépe prodáte. Lidí, kteří nebudou vědět, o čem mluvíte, bude minimum.

Pravidlo 5: buďte v pohodě

Je dobré mít styl. To platí v životě, web není výjimkou. Nehodnoťte vlastní služby, to nechte raději na uživatelích a zákaznících. „Kvalitní, levné a rychlé služby“ nabízí dnes kdekdo, málokdo to však skutečně realizuje. Máte ve svém sortimentu „světovou novinku“? Nebo něco naprosto „unikátního“? Pak bude asi pravděpodobné, že nesledujete, co dělá vaše konkurence. Navíc tato slova, která mají údajně zvýšit sílu vaší značky, nepřidávají stránkám žádnou hodnotu. Ba naopak, jsou zcela zbytečná a provozovatel takového webu pouze plýtvá časem svých návštěvníků. Jo, nezapomeňte na vtip, decentní a mezích zákona i slušných mravů ;)

Tolik tedy pětice přikázání, budete-li se jimi řídit, budou vaši zákazníci a čtenáři stránek jistě spokojenější. Váš web bude pro ně přínosem, stejně jako pro vás.

Pokud jde o internetové technologie a začínající firmy, tak je smutnou pravdou, že přibližně 90 procent startupů končí neúspěchem. Hlavním důvodem je fakt, že začínající firmy vytváří produkty, které nikdo nechce. Pokud ale někdo chce podnikat na webu, tak jeho jedinou možností je vytvořit startup a hledat cestu do bodu, který se označuje jako „product-market fit“.

Najít takové projekty, aspoň v regionálním měřítku, se pokouší soutěž pro začínající inovativní webové projekty WebExpo Startup Show, která je součástí konference WebExpo 2010. Tato mezinárodní konference o technologiích, webdesignu a businessu na internetu se uskuteční v Praze již za pár dní, od 23. do 25. září.

Poprvé je soutěž WebExpo Startup Show otevřená i pro projekty ze všech středoevropských zemí. Vedle České republiky a Slovenska se soutěže mohou zúčastnit také projekty z Německa, Polska, Maďarska a Rakouska. Nejlepší projekt vybere porota odborníků z 6 zemí a návštěvníci konference.

Je dobře, že na českém internetu zapouští kořeny iniciativy, neformální setkání a konference, které přispívající ke kultivaci internetového podnikání. Active 24 se jako partner 3. ročníku soutěže WebExpo Startup Show rozhodlo věnovat ceny pro vítězné projekty.

Projekt MANIFESTO si klade za cíl toto změnit a do více než 40 kin po celé české republice nabízí nejlepší a divácky nejúspěšnější tituly velkých filmových festivalů. Navíc přináší i unikátní možnost uvedení těchto filmů v předpremiéře (prioritně je MANIFESTO určeno „kamenným“ kinům). Kina tak budou mít možnost si uspořádat svůj vlastní filmový FESTIVAL sestavený z předpremiér kvalitních a divácky atraktivních filmů.

Kompletní informace o MANIFESTU, kinech, které se projektu zúčastní, i promítaných filmech, jsou na webových stránkách www.manifesto2010.cz. Web byl vyroben na našem redakčním systému eZ, který poskytl autorům vše, co pro výrobu graficky poutavého a informačně kompletního webu potřebovali. Velice rychle tak vznikl originální web, který se jistě stane oblíbeným mezi fanoušky dobrých filmů.

Co je tedy ve WordPressu 3.0 s označením „Thelonious“ nového? Kompletní seznam novinek si můžete projít třeba na http://codex.wordpress.org/Version_3.0, my se zmíníme pouze o těch zásadnějších novinkách nové verze.

Vlastní typy příspěvků

Běžně může uživatel ve WordPressu vytvářet příspěvky – články a stránky. V nové verzi toto omezení odpadá. Lze si definovat zcela vlastní typ obsahu, který pak může každý uživatel vytvářet. Vezměme si například public relations agenturu, která by ráda na svých stránkách zveřejnila seznam svých klientů. Vytvoří se nový typ obsahu, kde bude jako nadpis název klienta, přidá se pole s poštovní adresou, s adresou webových stránek klienta a další pole podle potřeby. Když pak bude správce stránek „vkládat“ nového klienta, jednoduše vyplní uvedená předdefinovaná pole.

Nová správa menu

Předchozí verze WordPressu měly vždy navigační menu pevně dané podle vloženého obsahu. Měnit menu bylo možné, ale pouze zásahem do zdrojového kódu šablony vzhledu, což rozhodně nebylo ideální. Nyní lze menu spravovat v administraci WordPressu pomocí drag&drop. Odkazy v menu mohou navíc vést na stránky či příspěvky „uvnitř“ WordPressu (nebo i kategorie), je také možné přidávat odkazy na externí webové stránky. Hotové menu se pak vloží na stránky jako tzv. widget. Tuto funkčnost však musí podporovat používaná šablona vzhledu.

Vlastní kategorizace

Novou vlastní kategorizaci obsahu využijí spíše pokročilejší weboví vývojáři. Jde o funkci, která pomůže detailněji třídit obsah, de facto jde o možnost zadávat další metadata k příspěvkům. Dříve šlo určit u každého příspěvku, do jaké kategorie patří, případně jsme mohli přiřadit příspěvku určitý tag – štítek. Nyní tedy můžeme přidávat další typy metadat, kupříkladu můžeme obohatit každý příspěvek o hodnocení (filmu, knihy apod.), kde bude možné zvolit známku „1“ až „5“.

Nová přednastavená šablona vzhledu Twentyten

Ano, máme 2010, proto se nová defaultní šablona jmenuje Twentyten ;-) Právě tato šablona umožňuje naplno využít všechny novinky WordPressu 3.0. Je například možné změnit obrázek v záhlaví stránky, samotná šablona nabízí 8 obrázků. Uživatel může také nahrát svůj vlastní obrázek.

Možné je také měnit obrázek na pozadí stránky, opět lze nahrát vlastní obrázek, nebo můžete definovat pouze barvu pozadí bez toho, že by se využil obrázek.

Víceuživatelský WordPress

Tradičně byl WordPress vydáván v klasické verzi a také paralelně ve víceuživatelské verzi s označením MU (Multi-User). WordPress 3.0 obě uvedené verze sjednocuje do jedné univerzální verze, která může fungovat jako klasický WordPress web nebo lze nastavit instalaci WordPressu 3.0 jako multiuživatelskou. Co to v praxi znamená? Nyní může vlastník WordPress webu provozovat na 1 instalaci více webů, které sdílí instalaci WordPressu, zvenčí se ale tyto weby jeví jako samostatné stránky, které běží buď v podadresářích hlavního webu (např. hosting.cz/shop), na doménách 3. úrovně (shop.hosting.cz) nebo na samostatných doménách 2. úrovně. Stejně jako u vlastní kategorizace obsahu jde o funkci, kterou využijí zkušení uživatelé WordPressu.

Co dál?

Další podstatnou novinkou je možnost zadat administrátorské uživatelské jméno při instalaci. Tato možnost je velice dobrým počinem, který výrazně zvýší bezpečnost instalací systému WordPress. Pamatujte prosím na to a nezadávejte při instalaci uživatele „admin“, zvolte si prostě vlastní jméno. Dříve toto nebylo možné a často docházelo k útokům na systém WordPress právě přes administrátorský účet s uživatelským jménem „admin“.

Novinkou je také možnost využití vlastního tzv. zkracovače URL adres. Přepracování se dočkala také administrace, která se zbarvila, resp. odbarvila do jemně šedých odstínů. Pozornost uživatele tak poutá vlastní obsah. A vo tom to je přece :-)

Co tedy dělat, aby se naše práce, náš web postavený na WordPressu, nestal předmětem útoku hackera?

1. Aktualizujte WordPress na nejnovější verzi, jakmile je dostupná

Vývojáři a uživatelé WordPressu často nacházejí bezpečnostní chyby v systému. Může jít o drobnosti nebo i závažnější problémy. Nové verze systému WordPress se často vydávají proto, aby se „záplatovaly“ bezpečnostní rizika a chyby. Je tedy dobré sledovat vývoj a jakmile je vydána nová verze, tak aktualizovat!

2. Používejte silná hesla

Velká část útoků využívá toho, že hesla administrátora či ostatních uživatelů WordPressu jsou lehce uhádnutelná. Nepoužívejte jako heslo své křestní jméno, ani příjmení, ani jejich kombinaci. Ideální heslo by měla být nesmyslná směsice znaků, tedy písmen malých i velkých a čísel, s délkou 8 a více znaků.

3. Nastavte přísná pravidla pro zápis do souborů

Všechny soubory by měly být vlastněny vaším uživatelským účtem a pouze tento účet by měl mít právo zápisu do všech souborů. To platí i o tzv. root adresáři WordPressu, nikdo jiný by neměl mít právo zápisu k těmto souborům. Výjimkou je pouze .htaccess soubor, který by měl být editovatelný WordPressem. Nastavení dalších složek vypadá následovně:

• Složky /wp-admin/ a /wp-includes/ by měly být zapisovatelné pouze daným uživatelským účtem.
• Adresář /wp-content/ je určen k zápisu kýmkoliv, protože obsahuje soubory, které do systému nahrávají uživatelé – správci a editoři.
• Podadresář /wp-content/themes/ by měl být zapisovatelný pouze v rámci skupiny, aby bylo možné editovat vzhledy přímo z WordPressu.
• Další podadresář /wp-content/plugins/ by měl být zapisovatelný pouze uživatelem.
• Na sdíleném hostingu, což bude nejčastější případ, je pak dobré zabezpečit soubor wp-config.php nastavením 750, takže se nikdo nedostane k vašim přístupovým údajům k databázi. Navíc tento konfigurační soubor můžete přesunout o úroveň výše v adresářové struktuře.

4. Používejte administraci pouze přes SSL protokol

Od verze 2.6 lze využívat zabezpečený protokol SSL k přístupu do správy WordPressu.

5. Vypněte funkce, které nepotřebujete

Typickým příkladem je vypnutí registrace uživatelů, kterou nepotřebujete v mnoha případech. Pokud jste jedinou osobou, která se o web či blog stará, není třeba povolovat registraci dalším uživatelům.

6. Pozor na pluginy

Používejte pouze pluginy, které skutečně potřebujete. Všechny pluginy udržujte v nejnovější dostupné verzi. Prověřte pluginy, které vyžadují právo zápisu.

7. Nepoužívejte správcovský účet „admin“

Uživatel „admin“ je přednastaven WordPressem jako hlavní správce systému, od verze 3.0 si však můžete toto uživatelské jméno nastavit sami podle vlastního přání. V předchozích verzích systému je možné toto uživatelské jméno změnit, resp. smazat uživatele „admin“ poté, co založíte nového uživatele s právem administrátora.

8. Přejmenujte tabulky v MySQL databáze

WordPress používá u jména databáze předponu „wp_“. Je dobré změnit tuto předponu na vlastní kombinaci znaků, čímž předejdete určitému procentu útoků na vaši databázi.

9. Uzamčení .htaccess

S využitím souboru .htaccess můžete kompletně „uzamknout“ adresář /wp-admin/ a povolit přístup do administrace pouze vybraným uživatelům z daných IP adres. Soubor .htaccess vypadá následovně:

AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName "Access Control"
AuthType Basic
order deny,allow
deny from all
#IP address to Whitelist
allow from xxx.xxx.xxx.xxx

Stačí namísto xxx.xxx.xxx.xxx vložit vaši IP adresu, případně přidat další řádky s „allow from“. Pochopitelně tento trik je dobrý pouze v případě, že váš WordPress má jednoho nebo několik málo správců a editorů, kteří na web či blog přispívají.

10. Zálohovat, zálohovat a zálohovat

Ať se děje, co se děje, je dobré zálohovat. Pravidelně zálohovat je třeba data z FTP serveru stejně jako databázi.

Máte nějaké další tipy? Napište je prosím do komentářů.

1. Úprava tzv. nástěnky

Jakmile se přihlásíte do administrace WordPressu (v našem případě na http://www.hosting.cz/wp-admin/), je vhodné upravit si úvodní stránku tak, aby obsahovala pouze informace, které jsou pro vás relevantní, a umožňovala akce, které budete skutečně provádět. Úpravu provedeme pod odkazem „Nastavení zobrazených informací“.

2. Úprava základního nastavení

Je dobré vyplnit všechna základní nastavení na http://www.hosting.cz/wp-admin/options-general.php, zejména „URL adresa instalace WordPressu“ a „URL adresa webu“ (u nás v obou případech http://www.hosting.cz), dále je dobré nastavit časové pásmo a formáty data (vlastní: j. n. Y) a času, případně nastavit první den v týdnu na pondělí.

3. Nastavení čtení (http://www.hosting.cz/wp-admin/options-reading.php)

Pokud nechcete návštěvníka stránek zaplavit na úvodní stránce novinkami, můžete vyrobit vlastní stránku, kterou pak nastavíte jako úvodní. Takové nastavení je zvlášť vhodné pro firemní webové stránky, kdy WordPress slouží jako redakční systém (CMS) a ne jako blogovací systém.

4. Nastavení trvalých odkazů (http://www.hosting.cz/wp-admin/options-permalink.php)

Výchozí nastavení trvalých odkazů není ideální. Vaše články bude snazší najít ve vyhledávačích, pokud zvolíte možnost „Rok, měsíc, název“, kdy se název příspěvku objeví v tzv. URL adrese tohoto příspěvku.

5. Doplňte pluginy (http://www.hosting.cz/wp-admin/plugins.php):

• Akismet je obsažen v instalaci WordPressu, chrání před tzv. komentářovým spamem. Při aktivaci pluginu budete potřebovat tzv. API klíč, který získáte na http://akismet.com/get/.
• All in One SEO Pack zajistí lepší viditelnost webu ve vyhledávačích. Jistě znáte tu magickou zkratku SEO. Na začátek nepotřebujete SEO mága, stačí tento plugin.
• Google XML Sitemaps dá vědět světu, že vaše stránky existují, navíc řeknou Googlu a spol., co na svém webu máte. Opět jde o pomůcku pro snazší vyhledání vašeho webu na internetu.
• Google Analytics for WordPress vloží do stránek měřící kód služby Google Analytics (www.google.com/analytics/), která (zadarmo) zjišťuje návštěvnost vašich stránek.
• Disqus Comment System je vhodný pro pokročilejší uživatele WordPressu, kteří chtějí usnadnit návštěvníkům vkládání komentářů. Zároveň je možné komentáře publikovat na Facebooku a ostatních sociálních sítích. Disqus je navíc dostupný v češtině.
• WP Super Cache zrychlí vaše stránky, protože nejčastěji navštěvované stránky uloží do tzv. cache. Tento plugin je také dobré instalovat, pokud se vaše stránky pyšní obrovskou návštěvností, dojde pak ke snížení zátěže serveru.

6. Vylaďte vzhled stránek (http://www.hosting.cz/wp-admin/themes.php)

WordPress obsahuje po instalaci 2 základní témata – vzhledy. Je však dobré se aspoň trošku lišit, proto není od věci najít vhodné téma, které bude odpovídat vašim konkrétním potřebám, případně firemnímu designu. Na internetu lze najít velké množství vzhledů zdarma, některé kvalitní vzhledy pak lze koupit. Za všechny jmenujme třeba Woo Themes. Drtivá většina těchto témat – vzhledů je v angličtině, takže při nasazování je nejdříve nutné téma přeložit. Vyhnout se tomu dá tak, že si najmete webdesignéra, který vytvoří téma podle vašeho zadání a pochopitelně v češtině.

7. Obsah je král

Ano, často se říká, že obsah je král. Platí to stále a to i v dobách uživatelsky generovaného obsahu. Obsah stránek je to, proč návštěvníci na vaše stránky zavítají. Proto mu věnujte mimořádnou pozornost. Pište novinky a myslete na to, že čtenáře zajímá v první řadě to, jaké výhody plynou z toho, že si přečte váš článek nebo použije vaši službu či výrobek. Kvalitní obsah je velice drahý a jeho tvorba je běh na dlouhou trať. Nakonec je to ale právě obsah, který zaručí, že vy, resp. vaše stránky přežijí.

Tedy co udělat, aby peníze investované do firemního webu nebyly vyhozené a aby výsledek – webové stránky či webová aplikace za něco stály. Je to poměrně složité, ale pokud se budete držet následujících rad, tak můžete dojít úspěšně do cíle.

Proč
Odpovězte si na otázku, proč web vlastně dělat? Základní jsou 2 možnosti: informovat návštěvníka stránek (poskytnout mu hledanou informaci, vzdělávat ho apod.) nebo zprostředkovat nějakou transakci (typicky elektronický obchod, aukce, seznámení a podobně). Máte odpověď? Pokud ano, tak je to dobrý začátek.

Pro koho?
Komu bude náš web určen? „Všem“ je totéž co „nikomu“, tudy ne. Zřejmě to budou naši zákazníci, partneři, potenciální pracovníci, zástupci médií, kdo ještě? Jaká bude motivace, aby členové těchto cílových skupin navštívili náš web? Ano: chtějí od nás něco koupit, potřebují poradit s výrobkem či službou, kterou od nás koupili. Nebo u nás chtějí pracovat, případně o nás napíší do novin. Pěkně se nám to „segmentuje“, každý chce něco jiného. Mimochodem, znáte skvělý „TED Talk“ Malcolma Gladwella o špagetové omáčce?

Co a jak?
Pomalu se začínáme blížit k závěru úvodní části. Nyní budete potřebovat někoho, komu nejsou cizí zkratky IA a UI. Bude totiž třeba definovat, jaké informace se na webu objeví, proto to IA. Druhým krokem bude určit, jakým způsobem budou vybrané informace prezentovány, resp. jakým způsobem bude návštěvník webu s informacemi a potažmo stránkami pracovat. UI dyzajnér nám poradí. Výsledkem této fáze bude tzv. drátěný model webu, který můžeme podrobit prvnímu hrubému a základnímu testování uživateli.

Doladit obal
Máme hotový model webu, teď potřebujeme grafika, aby nám „obalil“ model webu atraktivní grafikou. Takovou, která neruší a která ideálně neklade uživateli klacky pod nohy tím, že by byla dekorativní a plná ornamentů. Neb ornament je zločin, jak říká Adolf Loos. Vzhled pak „rozřežeme“ a z „odřezků“ vyrobíme HTML šablonu opepřenou o stylování pomocí CSS souboru. Anebo to vše za nás udělá kodér.

Přihodíme back-end
K obalu potřebujeme dodat ještě nějaký nástroj na správu obsahu webu, česky CMS. Ve většině případů stačí „nahodit“ WordPress, který umí česky a je zadarmo. HTML šablonu, kterou vytvořil náš kodér, lze přetavit v tzv. WordPress šablonu. Do WordPressu pak nahrajeme potřebné pluginy, třeba pro lepší SEO nebo pro měření návštěvnosti a dílo je hotovo. Tak asi z poloviny :) Pokud tápeme, požádáme o radu nějakého péhápéčkaře.

Plníme a spouštíme
Druhou chybějící polovinou je vlastní obsah webu. Takže jdeme plnit web texty, obrázky, videem atd. atd. Mimochodem, víte, jak psát pro web? Že ne? Najměte si copywritera. No a jakmile máme naplněno, můžeme opět zkusit, co na web řeknou uživatelé v rámci dalšího kola testování. Jak poznáme, že jsou naši uživatelé spokojení? Rozhodně ne tak, že je budeme poslouchat! Budeme pozorovat, co skutečně dělají, a zjišťovat, jak rychle a pohodlně na našem webu nakoupí, získají požadovanou radu či informaci apod. Významné zpětné vazby při testování tzv. použitelnosti webu dosáhnete s pouhými 5 uživateli, tvrdí odborník na použitelnost Jakob Nielsen. Jakmile jsou všichni uživatelé spokojení, tak můžeme naši loďku spustit na volné moře. Rozuměj web do ostrého provozu.

Doplněno (díky Filosofovi za komentář):
Podle dalšího UI specialistu Steve Kruga si vystačíte pouze se 3 uživateli. Údajně tři jsou optimální počet pro kvalitní testování webu.

Měřit, měřit, měřit …
Nezapomeňte měřit návštěvnost webu, nejlepší je využít Google Analytics. Služba je zdarma a řekne nám mnoho užitečností o návštěvnících webu. Výsledky měření návštěvnosti jsou pak podkladem pro další vylaďování webu. Chceme-li si s webem skutečně vyhrát, a máme-li navíc mnoho návštěvníků, můžeme využít také Google Website Optimizer. Pak provozujeme něco, čemu se říká A/B testing. Prakticky to znamená, že v maličkatých krůčcích „iterujeme“ webovou prezentaci či aplikaci až k totální dokonalosti, resp. snažíme se jí přiblížit.

Myslíte-li to tedy s webem skutečně vážně, sami vidíte, že máte o zábavu na další měsíce a roky vystaráno. Tím pádem peníze nebyly vyhozeny za zbytečnost :)

Napadá vás ještě něco, co by mělo v návodu zaznít? Napište komentář, smysluplné návrhy doplním do článku spolu se jménem a odkazem na autora.

Rádi bychom proto navázali na školení, které jsme uspořádali (zdarma) pro uživatele redakčního systému MůjNovýWeb na podzim loňského roku. Tentokrát se zaměříme na uživatele komplexního redakčního systému eZ Publish, workshopy probíhají tento měsíc.

Klienti mají v rámci školení možnost individuálně konzultovat své dotazy a také mohou získat konkrétní doporučení ke tvorbě webu s použitím systému eZ Publish. Zájem o školení je ze strany zákazníků velký, stále je však možné registrovat se na poslední termín 24.2. 2010 na adrese http://www.active24.cz/cz/akce/skoleni-ez-publish/.

Pořadí nejpopulárnějších článků tohoto roku na hosting.cz je následující:

1. Jak vytvořit webové stránky rychle, jednoduše a za dobrou cenu – 3941 shlédnutí
2. Doména a web na rok zdarma! Pro všechny fanoušky Active 24 na Facebooku – 3344 shlédnutí
3. Facebook, Twitter a další útočí. Jenže jak na ně? – 1012 shlédnutí

Jak se k nám návštěvníci dostali?

1. zadáním „hosting.cz“ do adresního řádku prohlížeče – 25% návštěv
2. díky vyhledávání na seznam.cz – 18%
3. přes hledání na Google – 15%
4. z webu www.active24.cz – 11%
5. z webu www.weblogy.cz – 10%

Zajímavá jsou také klíčová slova, která byla zadána do vyhledávačů, které přesměrovaly návštěvníky na tento blog:

1. jak vytvořit webové stránky – 21%
2. hosting – 9%
3. twitter – 4%
4. facebook.cz – 3%
5. jak vytvorit webove stranky – 2%

Například na 98. místě se umístila fráze „co je to“, díky níž přišlo z vyhledávačů na hosting.cz celkem 5 návštěvníků, kteří zde strávili v průměru 9 vteřin. Zřejmě nenašli, co je to :-)

Všechny uvedené údaje pochází ze statistik návštěvnosti Google Analytics.

Program začíná v 10 hodin, přednášky trvají do 16 hodin. Cílem konference je zprostředkovat platformu k diskusi o rozvoji Wikipedie a tím navázat na podobné akce organizované v zahraničí. Přestože se v názvu konference nachází označení Wikipedie, není konference věnována pouze diskusi o tomto tématu. Další informace o konferenci včetně programu najdete na adrese www.wikikonference.cz. Vstup na konferenci je zdarma.

Pořadatelem konference je sdružení Wikimedia Česká republika, které spolupracuje s americkou nadací Wikimedia Foundation. Cílem sdružení je především propagace a podpora svobodné tvorby na území České republiky se zaměřením na projekty nadace Wikimedia.

Jinak web české Wikimedie běží na wiki systému Mediawiki. Ano, jak správně tušíte, web je hostován u Active 24. Hezký wikikend :-)

Jaké jsou podmínky účasti?

Tříletý program WebsiteSpark je určen pro firmy zaměřené na vývoj a design webů s maximálně 10 zaměstnanci. Za účast v programu WebsiteSpark se nic neplatí. Po 3 letech firma z programu vystupuje a musí zaplatit jednorázový poplatek 100 dolarů. Což není žádná hrůza :-) Během prvního půl roku od vstupu do programu musí firma vytvořit a hostovat aspoň 1 novou webovou prezentaci vytvořenou a provozovanou na technologiích Microsoftu.

Kde a jak takový web hostovat?

Active 24 nabízí v rámci programu WebsiteSpark výhodný pronájem virtuálního dedikovaného serveru. Za 599 korun měsíčně zákazník získá VDS server o operačním systémem Windows 2008 s těmito parametry:

• počet domén: 5
• velikost HDD: 30 GB
• paměť RAM: 512 MB
• počet databází MS SQL: 5 (max. 1250 MB)
• datové přenosy: domácí do NIXu neomezeně, do zahraničí 100 GB měsíčně
• ASP/ASPX skriptování
• NET Framework verze 2.0/3.0/3.5 s podporou AJAXu

Jaký software dostanu zdarma?

Díky programu WebsiteSpark získá každý účastník nejen software, ale také přístup k online školením, technické podpoře a možnostem vlastního zviditelnění. Jde například o:

• 3 licence Microsoft Visual Studio 2008 Professional Edition
• 2 licence Microsoft Expression Web 3
• 1 licence Microsoft Expression Studio 3
• 2 produkční licence Microsoft Windows Web Server 2008 nebo R2 (až bude dostupný)
• 2 produkční licence Microsoft SQL Server 2008 Web Edition
• nástroj pro administraci webů DotNetPanel
• 2 zásahy technické podpory
• přístup ke komunitní podpoře a neomezenému přístupu k diskusím na MSDN.

Další detaily ohledně programu WebsiteSpark naleznete na http://www.active24.cz/cz/akce/websitespark a http://msdn.microsoft.com/cs-cz/ee524792.aspx.

1. V prohlížeči si najedeme na stránku http://www.facebook.com/pages/manage/ a klikneme na požadovanou Facebook stránku. U nás to bude http://www.facebook.com/active24cz.
2. Pod profilovou fotkou je menu, kde je třetí položka „Add Fan Box to your site“ (resp. analogicky v češtině), na kterou klikneme.
   
3. Nyní si můžeme tzv. Fan Box přizpůsobit. Je možné zobrazit novinky (volba „Include stream“) a fanoušky („Include fans“). Pro naše potřeby bude lepší zobrazit pouze fanoušky. Napravo vidíme aktuální náhled Fan Boxu.
   
4. Následně musíme zvolit, kam chceme Fan Box vložit. V případě vlastních webových stránek zvolíme tlačítko „Other“.
5. Pod tlačítky se nám objeví kód, který je třeba zkopírovat a vložit na požadované místo do HTML kódu vlastních webových stránek.
6. Aktualizovanou stránku nahrajeme na server. A to je vše :-)

Pokud chcete obohatit své webové stránky o Twitter zprávy, pak se podívejte na náš předchozí návod Twitter – jak ho vložit na stránky.

Aktualizace:
Nyní vypadá správa Facebook stránky a přidání tzv. Like Boxu následovně:

Následuje vygenerování kódu, který si vložíte do své webové stránky:

Ráno si dávám svou obvyklou kávu, čtu u toho zprávy přes Google Reader. Možná bych si u toho mohl pustit nějakou muziku, prozkoumám last.fm, co zrovna letí mezi kamarády.

Vyrážím do víru velkoměsta, cestou posílám pár tweetů z mobilu. Včera jsem udělal několik zajímavých fotek, nesmím to dnes zapomenout „postnout“ na flickr. Dorazil jsem do kanclu, další den přede mnou.

Pouštím počítač, rychle vyřizuji došlé „requesty“ o propojení na LinkedIn. Jo, tohohle člověka znám, včera jsme byli na pracovním obědě. Kdosi mi posílá odkaz na sdílenou tabulku, abych zrevidoval údaje za poslední čtvrtletí. Že by se skutečna začala projevovat krize?

Pak se dívám do Basecampu, co mě dnes vlastně čeká. No to snad né, musím dodělat tu prezentaci, pozítří mám přednášet o využití sociálních sítí pro Vaši značku. Vaši značku, naši značku, samý plky, dnes je expert na sociální média úplně každý :-)

Mezitím mi z Facebooku přichází ty nemožný pozvánky do ještě nemožnějších aplikací, kvízů a stránek. Poctivě to vše projíždím, hodina, dvě, a zase to sakra vypadá, že tu prezentaci nestihnu. Facebook by měli zrušit, má produktivita jde dolů. Před obědem se ještě dívám na mapy, jak se dostanu na ulici .. hmm, Vítězného února se už nejmenuje. Asi tam sjedu tramvají.

Během pozdního odpoledne nahrávám na SlideShare aspoň jakýsi polotovar prezentace, možná to ještě doladím později. Jo, taky jsem se mihl kolem pár zajímavejch odkazů, dal jsem je na delicious pro jistotu, ať se to neztratí.

Potřebuji teď rychle něco zveřejnit na webu, jak na to? Aby to bylo rychlý a nenásilný. Vím, tyhle soukromý věci bych měl asi dělat doma a ne v práci, víme ale, jak to chodí, ne? Jo, zkusím to poslat emailem na post@posterous.com, to by mělo fungovat. Hele, vono to funguje, je to tam! Posterous „růluje“! Ještě v rychlosti projedu FriendFeed – hlavní stream a Best of day a pak už ale vážně valím domů.

Konečně doma, zase totálně vyřízenej, z ničeho přitom. Odemykám vchodové dveře. Jen si teď nejsem jistej, jestli jsem něco neměl koupit cestou domů. No jo, zapomněl jsem na mlíko. Malá bude zase bez krupičky, to je průser! No co už. Doma řeknu, že ho neměli.

A jaké jsou Vaše oblíbené webové aplikace?

Předpokládejme, že už svůj účet na Twitteru máte (Active 24 má!) a že byste chtěli ukázat to, co píšete na Twitteru, na svých webových stránkách. Lze to udělat poměrně jednoduše.

Pokud se přihlásíte na twitter.com, můžete najít návod na adrese http://twitter.com/widgets/html_widget. Tzv. widget, tedy kousek kódu, který zajistí zobrazení Twitter zpráv na vašich stránkách, si lze přizpůsobit. Můžete zadat počet posledních zpráv, které se mají zobrazit, a dále nadpis v hlavičce, který můžete případně skrýt. Uvedený kód si zkopírujete a následně vložíte do html kódu vašich stránek (na požadované místo). Kód bude vypadat následovně:

<div id="twitter_div">
<h2 class="sidebar-title">Twitter zprávičky</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/active24cz" id="twitter-link" style="display:block;text-align:right;">Sledujte Active 24 na Twitteru</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/active24cz.json?callback=twitterCallback2&amp;count=5"></script>

Aby se vaše stránka načetla i v případě, že služba Twitter bude právě nedostupná nebo přetížená, je dobré umístit poslední 2 řádky kódu začínající <script type="text/javascript".. na konec vaší html stránky, bezprostředně před značku </body>.

Pokud zvládáte úpravu vzhledu stránek pomocí CSS, můžete si jednoduše upravit design widgetu – Twitter zpráviček podle vlastní potřeby. A určitě si nezapomeňte přidat Active 24 mezi své „tvítující“ přátele :-)

• Tomáš Janda
• Dalibor Šimáček
• Gianluca Turturro

Uvedení výherci získávají za své tipy kompletní balíček eZ Publish Professional na 1 rok zdarma. Součástí balíčku je také webhosting s prostorem o velikosti 2 GB, emailové řešení Business mail na platformě Hosted Exchange s prostorem 1 GB a doména.

Výherci budou vyrozuměni prostřednictvím zprávy na Facebooku nebo emailem. Gratulujeme! :-)

Pokud máte co do činění s tvorbou webových stránek a aplikací, jistě jste slyšeli zkratky UI (User Interface = uživatelské rozhraní) a UX (User eXperience). Obě disciplíny, jakkoliv se vzájemně protínají, nabývají na významu při tvorbě moderních webových služeb. Technologie se stále více přizpůsobuje uživateli, což platí i o webových stránkách. Cílem pak je uspokojit uživatele či zákazníka, umožnit mu rychle a snadno najít požadovanou informaci, uskutečnit nákup zboží či služby nebo ho/ji jen příjemně pobavit.

Prvotní návrhy webů však bohužel velice často spadají do kompetence grafiků nebo dokonce i programátorů. Výsledkem pak je v prvním případě leták či plakát (nebo tzv. Flashové „intro“), ve druhém pak design, který se nápadně podobá správě SQL databáze. Řešením je obrátit se na designéra uživatelských rozhraní nebo na informačního architekta. Mnoho napoví také pozorování uživatelů, kteří pracují s vašimi webovými stránkami. I pozorování pouhých 2 osob může mít za následek výrazné zlepšení použitelnosti vašich stránek (tzv. Usability). Na konkrétním příkladě z praxe to ukazuje Jakob Nielsen v jednom z jeho posledních článků.

Průzkum obsahoval otázku, zda-li by měla webová stránka nabízet možnost zvětšení či zmenšení velikosti písma nebo by se měl tvůrce stránky spolehnout na schopnosti uživatele, kteří najdou vestavěnou funkci prohlížeče. Na dotaz odpovědělo 12 osob zabývajících se interaktivním designem, přičemž většina z nich nabídla svůj osobní názor či vlastní preferenci. Celkem 6 odpovědí obsahovalo komentář, co by bylo nejlepší pro ostatní uživatele, z nichž 2/3 byly odhady, zbylá 1/3 byla založena na pozorování uživatelů. Výsledky byly následující:

Odhady:

• „Dnes většina lidí ví, jak v prohlížeči změnit velikost písma.“ CHYBA
• „Lidé, kteří potřebují změnit velikost písma, to dělají pomocí funkce prohlížeče. Není to těžké.“ CHYBA
• „Není rok 1995, ne všichni uživatelé starší 50 let jsou nováčci, kteří neví, jak změnit velikost písma v prohlížeči.“ CHYBA
• „Potřebu měnit velikost písma mají většinou lidé starší 65 let, kteří s velkou pravděpodobností neví, jak to provést.“ SPRÁVNĚ

Empirická data:

• „Musel jsem to nastavit svým rodičům v prohlížeči. Skryté funkce jako změna velikosti písma jsou mimo ně.“ SPRÁVNĚ
• „Díval jsem se na testování použitelnosti na webech, které obsahovaly pomůcky pro změnu velikosti písma. Většina uživatelů netušila, k čemu to je.“ SPRÁVNĚ

Obecné doporučení je používat relativní velikost písma, které umožňuje změnu jeho velikosti. Přednastavená velikost písma by pak měla být relativně velká, tak, aby ho i starší uživatelé, kteří většinou neví, jak měnit velikost písma, pohodlně přečetli.

Z výše uvedených 12 odpovědí bylo tedy:

• 100% odpovědí založených na pozorování správných
• jen 25% odpovědí založených na osobní preferenci či odhadu správných.

V důsledku to znamená, že 75% odhadů bylo chybných. Než hádat, hoďte si raději mincí :-)

Tento článek je překladem sloupku „Guesses vs. Data as Basis for Design Recommendations“.

Jak postupovat?

1. Jděte na úvodní stránku našeho blogu a přihlaste se přes Facebook (modré tlačítko “Connect with Facebook” v sekci “Návštěvníci” v pravém sloupci nahoře).
2. Zadejte komentář pod tento článek a uveďte v něm Váš tip, kdy bude u Active 24 zaregistrována doména CZ s pořadovým číslem 100 000. Uvádějte vždy datum a čas, např. „Můj tip je 2.6. 13:00“ (ponechte zaškrtnuté políčko “Publikovat tento komentář na Facebooku”). Každý účastník tipovací soutěže má možnost zadat pouze 1 tip.

Jakmile překročíme hranici 100 000 registrovaných CZ domén, bude tato skutečnost oznámena v tomto článku. Autoři 3 časově nejbližších tipů získají od nás kompletní balíček eZ Publish Professional na 1 rok zdarma. Součástí balíčku je také webhosting s prostorem o velikosti 2 GB, emailové řešení Business mail na platformě Hosted Exchange s prostorem 1 GB a doména s koncovkou cz, com, net, org, eu, name, info nebo biz. Výherci budou vyrozuměni prostřednictvím zprávy na Facebooku.

P.S. Můžete se stát fanouškem naší firmy na Facebooku :-)

UPDATE: 100 000 domén CZ překonáno, vítězové známi.

Firma Active 24 má na Facebooku svou vlastní stránku, kde se každý uživatel Facebooku může stát naším fanouškem. Co za to? Doménu a hosting s předinstalovaným redakčním systémem na rok zdarma.

Jak postupovat?

1. Staňte se fanouškem Active 24 na http://www.facebook.com/pages/ACTIVE-24-sro/57951845090.
2. Vyberte si volnou doménu s koncovkou eu, com, biz nebo info.
3. Proveďte objednávku domény, zvolte přitom roční fakturační období a platbu převodem na účet.
4. Jakmile Vám přijde výzva k platbě, můžete nárokovat 100% slevu tak, že vložíte komentář s variabilním symbolem platby pod článek, kde nabízíme doménu a web zdarma.
5. Jděte na úvodní stránku našeho blogu a přihlaste se přes Facebook (modré tlačítko „Connect with Facebook“ v sekci „Návštěvníci“ v pravém sloupci nahoře).
6. Zadejte komentář a uveďte v něm prosím variabilní symbol z výzvy k platbě (ponechte zaškrtnuté políčko „Publikovat tento komentář na Facebooku“). Můžete napsat např.: „Prosím zřiďte mi web zdarma pro VS 89675896″.
7. Po překontrolování objednávky a ověření všech podmínek bude podle variabilního symbolu stornována výzva k platbě, která Vám byla předtím zaslána (doména bude přitom registrována na vás).
8. K doméně si poté můžete v Zákaznickém centru zdarma aktivovat redakční systém eZ Publish Express, pomocí něhož si jednoduše vyrobíte webové stránky.
9. Po přihlášení si zobrazíte seznam domén (sekce „Domény“) a u požadované domény kliknete na ikonku „eZ“ a poté na tlačítko „Spustit eZ Publish Express“.
10. O zřízení služby eZ Publish Express budete informováni e-mailem (další informace o systému eZ).

Nabídka domény a webu zdarma pro fanoušky Active 24 na Facebooku platí do 30.6.2009 a vztahuje se na jednu registraci nové domény s koncovkou eu, com, biz nebo info na 1 rok pro 1 fanouška.

<div class="fieldOuter">

<div class="inner">

<div class="field">Toto je pole číslo 1</div>

</div>
<div class="errorBar">

<div class="icon"><img src="icon.png" alt="icon" /></div>
<div class="message"><span>Toto je chybová hláška</span></div>

</div>

</div>

<div class="fieldOuter">

<div class="inner">

<div class="field">Toto je pole číslo 2</div>

</div>
<div class="errorBar">

<div class="icon"><img src="icon.png" alt="icon" /></div>
<div class="message"><span>Toto je chybová hláška</span></div>

</div>

</div>

Tolik ukázka kódu. Teď si představte, že uvedený formulář má mnohem více polí než uvedená dvě pole. Pak se nám zdrojový kód stránky pěkně natáhne. Nebylo by jednodušší napsat pouze toto:

<div class="field">Toto je pole číslo 1</div>
<div class="field">Toto je pole číslo 2</div>
<div class="field">Toto je pole číslo 3</div>
<div class="field">Toto je pole číslo 4</div>
<div class="field">Toto je pole číslo 5</div>

Ono to možné je, jen se musí přidat trošku jQuery kouzla:

$(document).ready(function() {

$('.field').before('<div class="fieldOuter"><div class="inner">'); $('.field').after('</div><div class="errorBar"><div class="icon"><img src="icon.png" alt="icon" /></div><div class="message"><span>Toto je chybová hláška</span></div></div></div>');

});


Uvedený postup nelze paušálně použít ve všech případech. Obecně se hodí tam, kde se v kódu opakují bloky stejného či podobného obsahu. Ty lze pak výrazně redukovat a kód doladit až po načtení dokumentu pomocí jQuery.

Tahejte jQuery od Googlu

Google poskytuje hosting pro nejrůznější knihovny a jednou z nich je jQuery framework. Můžete tedy ve své stránce přímo odkazovat na jQuery knihovnu takto:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>


Aktuální adresu pro referenci najdete na http://code.google.com/intl/cs/apis/ajaxlibs/documentation/index.html. Výhody tohoto řešení jsou dvě: kód se „tahá“ z rychlé CDN sítě Googlu a navíc ve většině prohlížečů je tato knihovna uložena v cachi, to za předpokladu, že daný uživatel používá některou ze služeb Googlu. Celkově tak dochází ke zrychlení práce se stránkou.

Případné jQuery pluginy spojte do jednoho min souboru

Velice často se používá jQuery ve spojení s dalšími pluginy, které využívají jQuery API. Snadno, a hlavně zdarma, tak programátor získá dodatečnou funkcionalitu. Pokud je takových pluginů více, je dobré spojit je všechny do jednoho javascriptového souboru a ten následně „minimalizovat“. Opět tímto postupem dosáhnete zrychleného načítání stránky.

Napište prosím do komentářů, jestli by Vás zajímaly i další tipy týkající se jQuery. Ještě pár jich je k dispozici :)

Doplnění – pokračování článku najdete na http://www.hosting.cz/2010/06/aby-vase-jquery-bylo-jeste-rychlejsi/

Webové stránky si může vytvořit kdokoliv, kdo ovládá textový editor, ať už jde o Microsoft Word nebo jiné alternativy. Stačí napsat text, vložit do textu obrázky, případně do něj umístit také odkazy na další stránky či internetové adresy. Dokument se pak „uloží jako“ ve formátu HTML. Ano, je to zadarmo, ale protože není rok 1999, tak tuhle variantu raději pusťte z hlavy. Výsledek by případné návštěvníky takto vytvořených stránek spíše odradil.

Moderní webová prezentace se vyznačuje tím, že ji lze snadno rozšiřovat a měnit – editovat. Pokud se nám nechce platit webdesignérskou firmu, pak existují dvě hlavní možnosti, jak ke stránkám přijít:

1. Varianta „trocha práce a lepší výsledek“ v sobě zahrnuje využití softwaru zdarma a placeného hostingu.
2. Varianta „žádná práce a použitelný výsledek“ v sobě zahrnuje využití placeného hostingu s již instalovaným systémem pro tvorbu a správu webových stránek.

Trocha práce a lepší výsledek – WordPress

První varianta, jak už bylo řečeno, využívá některý z tzv. open-source (tzn. jsou zdarma) programů na tvorbu a správu webových stránek. Od uživatele se předpokládá základní znalost práce s FTP. Zřejmě nejpoužívanějším systémem na tvorbu a správu webu je systém WordPress (anglicky). Dostupné jsou také informace v češtině.

Nejdříve je nutné systém WordPress stáhnout k Vám do počítače z adresy http://wordpress.org/latest.zip. Následně asi bude dobré mít systém přeložen do češtiny, existuje pěkný návod, jak WordPress „naučit česky“. Dále se Vám mohou hodit následující návody:

• Postup při instalaci WordPress
• Jak nahrát WordPress na hosting přes FTP
• Video-návod k instalaci WordPressu

Věc vypadá na první pohled komplikovaně, vše lze ale zvládnout během 15 minut. Volitelně pak můžete měnit vzhled svých stránek a to tak, že jednoduše si změníte tzv. téma v systému. Témata jsou volně dostupná na internetu. Málem bych zapomněl. Potřebujete ještě webhosting, tedy místo, kam systém WordPress nahrajete a kde budou umístěné Vaše webové stránky. A od toho jsme tady my :-)

Budete potřebovat následující ingredience z naší objednávky:

• Operační systém Linux
• Diskový prostor 150 MB (za 39 Kč měsíčně)
• Databáze MySQL (69 Kč/měsíc)
• Skripty – podpora PHP úroveň 2 (59 Kč/měsíc)

Hosting bude stát celkem 167 Kč měsíčně (bez DPH). Mimochodem, stránky Hosting.cz využívají také WordPress, viz. odkazy dole v zápatí.

Žádná práce a použitelný výsledek – Můj Nový Web

Zkusme to teď naopak a začněme cenou: zaplatíte měsíčně 99 korun a o nic se nemusíte starat. Nemusíte nic stahovat ani instalovat, nemusíte umět používat FTP. Systém Můj Nový Web si můžete zdarma vyzkoušet, případně si přečtěte popis služby. Se systémem Můj Nový Web můžete okamžitě začít vytvářet své stránky, také je možné individuálně nastavovat vzhled díky šablonám vzhledu. Je to stejně jednoduché jako třeba změna tapety ve Vašem mobilu.

Obě výše uvedené varianty jsou dobře použitelné pro osobní i firemní webové stránky, pro stránky neziskových organizací nebo pro nejrůznější fan-kluby, de facto pro jakýkoliv typ prezentace. Můj Nový Web je jednodušší, na ovládání i rozsahem funkcí, a ve srovnání s WordPressem se hodí spíše pro méně rozsáhlé weby. Naproti tomu WordPress lze téměř neomezeně přizpůsobovat vlastním potřebám, využívají ho i mnohé velké světové webové portály.