Webdesign, CMS » MyEgo.cz - Radek Hulán webzine

Stále existuje spusta českých webdesignových firem, nazývám je pracovně „vyžírkové“, které „svoje“ redakční systémy klientům prodávají. To „svoje“ je záměrně v uvozovkách, často se jedná jen o stažené opensource produkty či jejich části (typicky třeba WYSIWYG editor), a mírně upravené.

Tato praxe je velice rozsáhlá, a u neznalých klientů je bohužel i úspěšná. Klient poté platí stovky tisíc za často podřadný systém, když by přitom lepší systém mohl mít zadarmo.

Pokud už česká firma skutečně má nějaký vlastní systém, tak jej často doprovází několik zásadních nedostatků:

• jen několik málo instalací, a tudíž značná chybovost,
• nedostatečná funkčnost systému,
• závislost na několika málo programátorech,
• vrozená nebezpečnost systému,
• malé zaměření na SEO, přístupnost, multijazykovost.

Veškeré tyto věci řeší třeba opensource BLOG:CMS, redakční systém zcela zdarma, který je dle mého mínění lepší než většina komerční konkurence (alespoň soudě dle popisu 10 produktů, které jsem zkoumal).

Konkurence prodává své redakční systémky za 50.000 Kč, a v této ceně není nic. Ankety si musíte dokoupit. Diskuse si musíte dokoupit. Fórum si musíte dokoupit. Na SEO, přístupnost, otestování, špičkovou dokumentaci, a tisíce instalací po celém světě můžete zapomenout.

Náš komerčně podporovaný GlobalDat CMS již ale toto všechno obsahuje a je dostupný zdarma.

Pokud jste klient, chcete nový web, a někdo Vám prodává redakční systém, podívejte se místo toho třeba na opensourcecms.com, zde jsou desítky redakčních systémů v super kvalitě a zcela zdarma. Ušetříte a získáte špičkové řešení, které budete moci využít pro tvorbu lepšího webu a jeho obsahu, což je to hlavní.

Anebo rovnou použijte GlobalDat CMS, a od autorů tohoto systému si nechte udělat profesionální šablony, design, školení a návrh webu. GlobalDat CMS je zaměřen na funkčnost, přístupnost, snadnost používání, optimalizaci pro vyhledávače, a dokonalou bezpečnost.

Na GlobalDat CMS a BLOG:CMS běží weby s 200.000 UIP denně, jedny z největších webů v ČR i v zahraničí. A tento systém je navíc je za hodně dobrou cenu :-)

Opera má dokonalý marketing. Poté, co Jon S. von Tetzchner, tedy CEO Opera Software ASA, prohlásil, že pokud downloady nové Opery 8 během 4 dnů překročí 1 milión stažení, tak ihned poplave z Norska až do USA, jen s malou zastávkou na Islandu, kde si dá šálek horké čokolády v domku své matky, tak o tom píší zdarma všechna média.

A protože Opery 8 bylo během prvních 4 dnů staženo celkem 1.050.000 kusů, tak si Jon, jako správný gentleman, navlékl neoprénový obleček, a vyrazil. Na stránce opera.com/swim můžeme sledovat jeho plavbu. Celý text je psán velice zábavnou formou, a doporučuji ke čtení jak původní Press Release i tento text.

Opera 8 je bezkonkurečně nejlepší internetový browser, email klient, RSS čtečka, IRC klient. O její konfiguraci jsem psal již dříve.

Na Neviditelném psu vyšel rozhovor se mnou, otázky pokládal Filip Sklenář, takže jednoznačně doporučuji ke čtení :-)

Existují firmy, které si za přístupnost komplexního webu účtují příplatek 20-50.000 Kč. Existují také firmy, které o přístupnosti sáhodlouze píší na svém webu. A potom existuje třeba F-ART:CMS aBLOG:CMS, což jsou moderní redakční systémy, které přístupnost, SEO a použitelnost pokládají za věc zcela automatickou, kterou není třeba zdůrazňovat, a kterou tyto systémy plánovitě a koncepčně podporují.

Přístupnost se stala pro pár taky-firmiček dobrým prodejním artiklem, ale je to jen marketingový humbuk, dnešní moderní web totiž musí být automaticky přístupný, jinak se prostě dělat nedá, a dobrý redakční systém v této oblasti udělá 90% práce.

Zbylých 5% práce na novém webu je grafika a 5% návrh šablon, samozřejmě s respektováním těch pár triviálních pravidel přístupnosti.

Redakční systém jako je BLOG:CMS si může libovolná firma stáhnout a používat, a během pár hodin si v systému nadefinovat šablony a změnit grafiku, čímž bude mít hypermoderní web, který bude snadný na údržbu díky WYSIWYG editorům, bude přístupný, bude obsahovat moderní formáty jako je RSS, Atom a WAP/PDA, bude perfektně optimalizovaný pro SEO, bude obsahovat <rel link=... /> odkazy pro snadný pohyb na webu, a bude mít funkčnost, o které se libovolnému (nejen českému) redakčnímu systému může jen snít. Pár příkladů můžete vidět zde.

Jinak řečeno, pokud Vám kdokoliv účtuje za „přístupnost“, a podobné samozřejmé věci, dejte od této firmičky raději ruce pryč. Tato firmička nemá často ani znalosti, ani potenci udělat něco tak tak kvalitního, jako je BLOG:CMS, nehovoře vůbec o F-ART:CMS.

Od nás, jako autorů, dostanete oba tyto systémy zadarmo, a můžete se s námi plně soustředit na těch 10%, které jsou unikátní pro Váš web - grafika a šablony pro redakční systém a struktura a obsah Vaší nové webové prezentace.

NVU je velice zajímavý WYSIWYG editor, píšu takový marketingově-technický dokument o nových počítačových sestavách pro CzechComputer.cz a pochopitelně to dělám v XHTML, a Stanislav Gaj z CzechComputer.cz ten dokument potřeboval mírně upravovat a komentovat (aby mi to pořád neposílal emailem), a chtěl to dát do „otevřeného formátu“ (čímž asi myslel dokonale uzavřený formát Microsoft Wordu) ;-)

Co je na NVU dobré

No, pochopil jsem, že potřeba je prostě freewarový, ale kvalitní, WYSIWYG editor pro HTML, a stáhnul jsem si a doporučil mu NVU 0.81 pro Windows + čeština, a funguje to docela dobře. NVU má perfektní podporu pro psaní HTML (nikoliv XHTML!), a takový editor atributů tabulek, či editor CSS stylů je dokonce lepší než v Macromedia Dreamweaver MX 2004.

NVU jako jádro pro rendering používá Gecko (Mozilla), takže opět lépe než Dreamweaver, a ve WYSIWYG režimu se mi moc líbí žlutě zobrazené aktuální tagy (což Dreamweaver nemá). Při uložení souboru může být HTML kód automaticky přeformátován, takže vypadá docela hezky (ale Dreamweaver zde formátuje lépe). Perfektní je podpora pro různá kódování, není problém pracovat v CP1250, ISO-8859-1 či UTF-8, jen je potřeba absolutně nutně provést nastavení editoru, aby české znaky editor nepřeváděl na entity (viz druhý obrázek). Z dictionaries.mozdev.org si pro NVU můžete stáhnout i český spellchecker (a spellcheckery pro desítky dalších jazyků), což je dost užitečná věc.

Co na NVU není dobré

To, co NVU neumí je „split view“, kdy se díváte současně na HTML i WYSIWYG část, a můžete je střídavě editovat.

Nepříjemné u rozsáhlých dokumentů je i to, že pokud se z WYSIWYG režimu přepnu do HTML, jsem na začátku dokumentu, zde Dreamweaver umí umístit kurzor přesně na to místo v kódu, které odpovídá vizuální pozici ve WYSIWYG editoru.

Dalším negativem je i extrémní pomalost NVU, zvláště pokud si zapnete online spellchecker, ale i přepínání mezi HTML a WYSIWYG módem je pomalé.

Celkově je NVU dobře použitelné na WYSIWYG, ale podpora pro psaní HTML zaostává, neexistuje zde třeba ani zcela klíčové doplňování tagů a jejich atributů či file-browser pro atribut src. Zde, pro profesionály, Dreamweaver jasně vítězí, ale jako WYSIWYG editor pro plně zaměstnaného manažera je NVU stále perfektní věc.

Základní vzhled NVU:

Dokonalá konfigurace Vaší Opery může vycházet z mého předchozího článku, kde je základem Web Developer Toolbar od NonTroppa. Na ICQ jsem dostal k tomuto článku pár dotazů, a to jak integrovat do Opery lépe Opera Ad Filter tak, aby šlo filtrovat objekty na klik pravým tlačítkem myši, jako to dělá AdBlock pro Firefox, a také jak integrovat GetRight, popřípadě FlashGet.

Integrace Opera Ad Filteru

Pro blokování reklam pomocí Opera Ad Filteru na pravé tlačítko myši si otevřete soubor ./Opera/profile/menu/WebDev_Menu_V1.2.ini, a doplňte v něm následující:

[Image Link Popup Menu]
---4
Item, "Zablokuj tento odkaz / reklamu" = Copy image address & Execute program, "C:\Program Files\operafilter\operaadfilter.exe"

Nyní se Vám v kontextovém menu zobrazí odkaz Zablokuj tento odkaz / reklamu, a při jeho aktivaci se spustí automaticky Opera Ad Filter, odkaz se zkopíruje do schránky, a po stisku Ok se zařadí do filter.ini. Jednoduché a účinné.

Integrace s FlashGet

Osobně používám FlashGet jako download manažer na Windows, nic lepšího jsem zatím neobjevil (kromě rovněž skvělého GetRight). FlashGet můžete do Opery dostat více způsoby, například přes Nastavení / Typy souborů, ale to je zdlouhavé, musíte projít veškeré přípony souborů, a navíc je to definované "natvrdo".

Lepší postup je dostat odkaz na download to kontextového menu, a to třeba takto:

[Link Popup Menu]
Item, "Download pomocí FlashGet" = Execute program, "C:\Program Files\FlashGet\flashget.exe","%l"

Druhou možností je stáhnout si plugin OperaGet (obdoba FlashGet u Firefoxu), a postupovat podle návodu u tohoto pluginu.

Integrace s GetRight

Integrace s GetRight bude stejná jako s FlashGet, jen zaměňte flashget.exe za getright.exe v předchozím odkazu, tedy takto:

[Link Popup Menu]
Item, "Download pomocí GetRight" = Execute program, "C:\Program Files\GetRight\getright.exe","%l"

Schování hlavního menu

Opera 8.0 Beta 2 změnila definici klávesové zkratky Ctrl+F11. Není ale problém ji dát zpět. Podívejte se do Nástroje / Nastavení / Myš a klávesnice / Upravit, a pro klávesovou zkratku F11 ctrl vložte toto:

Enable menu bar | Disable menu bar 

Ctrl+F11 potom bude schovávat a ukazovat hlavní menu tak, jako u verzí 8.0 Beta 1 a starších. Pochopitelně můžete si tuto operaci nadefinovat pro libovolnou jinou klávesovou kombinaci.

Import záložek z Firefoxu a MSIE

Import záložek z Firefoxu a Oblíbených položek z MSIE obsahuje Opera zcela standardně, provedete jej v Menu / Soubor / Import a export.

O tom, jak si dokonale nakonfigurovat Firefox, jsem psal dříve. Firefox je fajn prohlížeč pro masy, pro profesionály je tu jednoznačně Opera (používám ji třeba já či Pavel Kout). Opera je mimořádně konfigurovatelný browser, mnohem více než Firefox, a tento článek se na základní konfiguraci chce podívat.

A protože Opera toho obsahuje již v základu mnohem více než Firefox, bude to návod relativně krátký.

Instalace Opery

Poslední verze Opery je Opera 8.50. Tato verze již v sobě obsahuje lepší funkčnost, než Firefox, ke kterému dohrajete 30 rozšíření.

Po instalaci stiskněte klávesu F12, a zvolte si možnost „Identify as Opera“, ať nebrouzdáte web a neplníte statistiky jako MSIE.

Konfigurace menu a lišt

Web Nontroppo - Opera patří k absolutně nejlepšímu zdroji tipů a triků pro Operu, je to dokonalý web. Nás na jeho webu bude nejdříve zajímat Web Developer Toolbar, a to konkrétně Toolbar Setup 1.2 a Menu Setup 1.2. Na uvedené odkazy klikněte, a profesionální nastavení lišty i menu se automaticky nainstaluje.

Pokud chcete toto menu dále editovat, soubory jsou umístěné v ./profile/menu/WebDev_Menu_V1.2.ini.

Potom stiskněte klávesu Ctrl+F11 a tím skryjte horní aplikační menu, nahradíme je jeho zmenšeninou (v Opeře 9.0 TP1 toto nefunguje, musíte si pro Enable menu bar | Disable menu bar namapovat nejprve svoji klávesovou zkratku).

Přesuňte se na webu Nontroppa do sekce Custom Buttons a klikněte na odkaz Full Menu Bar as a Button. Nové tlačítko Menu přetáhněte na toolbar, aby to vypadala takto, získáte tím spoustu nového místa:

Začal jsem používat iAudit a musel tedy do kódu WELL.DONE vložit v XHTML 1.1 zakázanou značku <iframe>. Naštěstí, díky modularitě XHTML 1.1, je snadno řešitelné aby byla stránka validní i s touto značkou, stačí použít vlastní DOCTYPE.

Když se teď pokusíte zvalidovat tento web, zjistíte, že je to validní -//WellDone//DTD XHTML-with iframe 1.1//EN.

Třeba takto:

<!DOCTYPE html PUBLIC 
 '-//WellDone//DTD XHTML-with iframe 1.1//EN' 
 'http://hulan.cz/styles/doctype/welldone.dtd'>

A definice DTD welldone.dtd zahrnující jak XHTML 1.1 + <iframe> je zde:

<?xml version="1.0" encoding="utf-8"?>
<!ENTITY % xhtml-datatypes.module "INCLUDE"> 
<![%xhtml-datatypes.module;[ 
<!ENTITY % xhtml-datatypes.mod 
 PUBLIC "-//W3C//ENTITIES XHTML Datatypes 1.0//EN"
 "http://www.w3.org/TR/xhtml-modularization/DTD/xhtml-datatypes-1.mod"> 
 %xhtml-datatypes.mod;]]>
<!ENTITY % xhtml-qname.module "INCLUDE"> 
<![%xhtml-qname.module;[ 
<!ENTITY % xhtml-qname.mod 
 PUBLIC "-//W3C//ENTITIES XHTML Qualified Names 1.0//EN"
 "http://www.w3.org/TR/xhtml-modularization/DTD/xhtml-qname-1.mod"> 
 %xhtml-qname.mod;]]>
<!ENTITY % iframe.qname "%XHTML.pfx;iframe">
<!ENTITY % Misc.extra "| %iframe.qname;">
<!ENTITY % xhtml11.dtd PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 %xhtml11.dtd;
<!ENTITY % xhtml-iframe.module "INCLUDE">
<![%xhtml-iframe.module;[ 
<!ENTITY % xhtml-iframe.mod 
 PUBLIC "-//W3C//ELEMENTS XHTML Inline Frame Element 1.0//EN"
 "http://www.w3.org/TR/xhtml-modularization/DTD/xhtml-iframe-1.mod">
 %xhtml-iframe.mod;]]>

Na světě je velká novinka, během půl roku bude "nový" Microsoft Internet Explorer 7. Poněkud masochisticky jsem se začetl i do komentářů na onom Microsoftím webu, a zcela nechápu uživatele, kteří tam jásají a považují Microsoft za hybnou sílu vývoje webu. Ach jo. Vždyť veškeré věci, které chtějí po Microsoftu má již dlouho Opera, a částečně i Firefox a Safari.

Chápu ale politiku Microsoftu, ve chvíli, kdy open-source Firefox získává reálně 10-20% trhu, během pár měsíců, komerční Opera se dostává na 5%, tak Microsoft na tuto (v médiích téměř denně zveřejňovanou) skutečnost musí zareagovat, protože to Microsoftu marketingově velice škodí.

Stačí mít jeden špatný produkt, a "hanba" z něj se přenáší i na Windows XP, Microsoft Office a další produkty, a škodí jejich prodeji. Pokud již uživatel vyzkouší alternativu k "modrému E", a zjistí, že je to podstatně lepší produkt, bude zkoumat dál. A to Microsoft nesmí připustit.

Yuhů nabízí tři varianty, jak to dopadne, osobně jsem ale přesvědčen o variantě čtvrté. Je nutno vycházet z běžných uživatelů, z jejich omezených potřeb. Běžný uživatel má zapnuté Windows Updates, automatické, IT news nesleduje, a "nový" MSIE 7 (což bude to samé co nesmírně zastaralý MSIE 6, ale bude to mít obarvené ikonky ve stylu Microsoft Office 2003; změny jádra se konat nebudou, řada aplikací by totiž potom přestala fungovat, maximálně se doplní cosi jednoduchého, jako podpora transparentních kanálů v PNG) získá tedy automaticky s dalším updatem Windows.

Média spustí kampaň na podporu Microsoftu, běžný uživatel se bude cítit "IN", a ztratí jakýkoliv impuls pro upgrade na Firefox.

Jedinými propagátory Firefoxu zdarma (Opera je o něčem zcela jiném, ta je komerční a kupují si ji profesionálové) budou tak IT nadšenci, nicméně, jejich zásoba bude po jednom roce šíření Firefoxu slušně vyčerpána, řada lidí u kterých je "IN" být proti Microsoftu není nekonečná…

Microsoftu se podařil jediným prohlášením skvělý kousek - řada firem, které používají MSIE, teď nebude zvažovat migraci na Firefox, ale bude čekat na MSIE 7. A až se MSIE 7 dočkají, zjistí, že věc už není tak horká, že Firefox již není tak "over-hyped" (a manažeři se již nebudou stydět za to, že jej také nevyzkoušeli), a dokonale se spokojí s MSIE 7, protože to pro ně bude znamenat nejnižší náklady pro nasazení.

Pozice MSIE 7 (obarvený MSIE 6) se tím zafixuje a stabilizuje na dalších pár let, a to se zcela minimálními náklady pro Microsoft. Nazval bych to skvělým tržním chováním a maximalizací zisku pro akcionáře :-)

SpySweeper je velice kvalitní komerční antispyware, v pár ohledech lepší než AdAware, SpyBot či Microsot Antispyware. Pikantní je, že díky chybě v zabezpečení nákupního a upgrade modulu výrobce této aplikace (Webroot) můžete získat její licenci zcela zdarma, a to včetně originálního registračního klíče.

Programátor této aplikace totiž neošetřil vstup na původní email použitý pro nákup, a pokud jej nevyplníte, a uvedete jen email, na který se má update licence zaslat, líný a hloupý programátor Webrootu Vám klidně vygeneruje a schválí upgrade. Zábavné :-) Zjevně bylo opomenuto cosi jako ošetření … WHERE EMAIL=''.

Pokud chcete taky licenci zdarma, podívejte se na adresu //secure.webroot.com/register/softwareupdates.asp. Vyplňte tam Váš email, a během pár sekund Vám přijde oficiální odkaz na download aplikace, a Vaše nové licenční číslo.

Vyplnění žádosti o upgrade