Xara Web Designer 6.0: důmyslná webová stavebnice - Grafika.cz - vše o počítačové grafice

9. dubna 2010, 09.00 | WYSIWYG editor na vizuální tvorbu webových stránek funguje jako důmyslná grafická stavebnice, ve které si pomocí šablon a grafických součástek zvolíte a poskládáte webovou stránku včetně plně funkčních navigačních prvků a různých specializovaných objektů. Šestá verze Web Designeru má kompletně nové pracovní prostředí, přidává podporu DHTML menu, widgety v galerii prvků, linkování PDF, DOC či Flash dokumentů a nabízí mimo jiné i popup obrázkové galerie a rozšířené funkce pro formátování textů.

Xara Web Designer vychází ze zajímavé myšlenky přizpůsobit grafický editor jako autorizační nástroj na snadnou vizuální tvorbu webových stránek. Web Designer se ovšem vydává zcela jinou cestou než běžné WYSIWYG HTML editory, které přímo umožňují psaní HTML/XHTML kódu, kaskádových stylů a všeho dalšího, co s programováním webových stránek souvisí.

Charakteristiku Xara Web Designeru asi nejlépe vystihuje kombinaci vektorového a bitmapového grafického editoru ořezaného na nejzákladnější manipulační a kreslicí funkce, které jsou napojeny na systém šablon a knihoven různých grafických prvků, ze kterých si v podstatě skládáte webovou stránku či celý website jako ve stavebnici.

Editor Xara Web Designer se ve své šesté stěžejní verzi prodává za 39 EUR, k dispozici je verze pro Windows XP/Vista/7. Výstupem z Xara Web Designeru 6.0 je klasický HTML/XHTML kód v kombinaci s CSS, JavaScriptem a případně i s Flash animacemi. Kvalita a „čistota“ exportovaného kódu je poměrně dobrá, kompromisy spočívají především ve vkládané kompatibilitě pro starší verze Internet Exploreru v kombinaci s optimalizacemi pro Firefox, Safari a Chrome.

Xara Web Designer 6.0 - prostředí editoru s paletou barev a paletou pro zarovnávání/usazování objektů na stránce

Práce s šablonami a grafickými prvky

Prakticky vše, co budete v Xara Web Designeru 6.0 potřebovat k vytvoření webové stránky či stránek, je kombinace grafických objektů a hlavní šablony webu. Na výběr máte několik desítek relativně povedených šablon s rozvržením navigačních menu, obrázků/fotografií, galerií a textových bloků, které mohou být doplněny v rámci dané šablony či nového websitu například o formuláře, flash animace či tzv. e-komerce prvky. Některé z šablon jsou trochu nudné, každou šablonu si ale můžete částečně upravit. Možné je i navržení vlastní předlohy, kterou „osadíte“ navigačními prvky, grafickými objekty a většinou i textovými rámečky, do kterých pak později můžete vložit libovolný textový obsah s vhodným formátováním.

Xara Web Designer 6.0 - Design gallery obsahuje mnoho desítek šablon webových stránek a mnoho jiných samostatných grafických prvků, které lze v knihovně také vyhledávat

Xara Web Designer 6.0 - Page & Layer Gallery současně slouží jako správce objektů (a jejich základních vlastností) pro aktuální website

Knihovna grafických objektů, prvků a šablon je univerzální a lze v ní přepínat mezi textovým výpisem jednotlivých prvků a jejich grafickými náhledy ve dvou hlavních velikostech. Podobně probíhá výběr typů čar, výplní objektů, pozadí webových stránek a jejich segmentů, hlaviček, různých druhů odrážek apod.

Vlastnosti grafických prvků se mění stejně jako v běžném grafickém editoru v několika panelových lištách, nebo pak z kontextového menu, kde jsou i různé funkce pro nastavení parametrů dané webové stránky, hyperlinků, klikacích map, navigačních tlačítek a menu, popup galerií a dalších základních stavebních prvků celého websitu.

Xara Web Designer 6.0 - několik z mnoha standardně dodávaných ikon, klipartů, obrázků a jiných grafických prvků

Novinky

Xara Web Designer 6.0 má mimo zcela nového grafického rozhraní v tmavém provedení a rozšířených galérií grafických prvků a šablon také výrazně vylepšené generování a editaci navigačních menu s podporou DHTML pro vybalovací menu (včetně průhlednosti a různých efektů) s přepínatelným vertikálním či horizontálním uspořádáním. Tlačítka z menu lze používat i pro samostatné odkazy a různě je formátovat. Generování hyperlinků na stránky ve websitu je pochopitelně automatické, nicméně možné je i manuální zadání adresy.

Barvy tematických šablon lze měnit pouhým přetažením myší z galerie barev do šablony, myší lze nově přetahovat i widgety z příslušné knihovny. Widgety umožňují používat různé specifické objekty (a vkládat je do stránek) například v podobě YouTube či Yahoo videa, Picasa galerií, formulářů, map, e-komerce tlačítek apod. Jednodušší je nyní i tvorba odkazů na externí PDF dokumenty, Flash animace či dokumenty MS Wordu – vytvoření odkazu opět probíhá přes drag&drop, přičemž SWF soubory se vkládají jako objekty přímo do stránky a na externí soubory vyrobí Web Designer symbolické grafické tlačítko či ikonku.

Xara Web Designer 6.0 - pracovní prostředí editoru s novým GUI v tmavých barvách a interaktivním editorem navigačních prvků

Xara Web Designer 6.0 - hlavní paleta vlastností webové stránky a objektů umístěných v daném websitu

Xara Web Designer 6.0 - editor stylů navigačních menu

Editor zdrojového kódu stránky Web Designer 6.0 nemá, podporuje však vkládání tzv. HTML snippets, neboli malých kousků kódu do dokumentů. Vylepšený je dále nástroj na formátování textů, který nově umožňuje definovat odrážky, klasické i číslované seznamy a další druhy odsazení textů včetně zarovnání k oběma okrajům textových rámečků.

S editorem získáte 500 MB online diskového prostoru na serveru Magix-Online. Nahrávání stránek na server je nyní možné provádět formou přírůstků, kdy se posílají pouze nově přidané či změněné soubory. Optimalizace obrázků a fotografií může být ruční či plně automatická. Jinou novinkou je ukládání údajů FTP serveru přímo do projektů Xara Web Designeru pod zvoleným FTP profilem, což zjednodušuje práci.

Xara Web Designer 6.0 - vestavěná funkce na optimalizaci obrázků a fotografií

Xara Web Designer 6.0 - náhled webové stránky v novém okně v prostředí editoru

Závěr

Jak už je z popisu editoru jasné, manuální úpravy HTML kódu jsou v Xara Web Designeru prakticky zapovězeny, stejně jako grafická kreativita, se kterou lze v editoru pracovat pouze na úrovni šablon a prostoduché kombinace jednotlivých grafických prvků. Přesto ale má podobný typ editoru na trhu své místo, které je navíc v podání celého balíku Web Designer 6.0 dostatečně cenově zvýhodněné a současně nevyžaduje vůbec žádné znalosti HTML či webových technologií.

Zkušební verzi Xara Web Designeru si můžete stáhnout zdarma z webových stránek společnosti Xara.