Artisteer 2.3: WYSIWYG stavebnice šablon pro redakční systémy
Grafické návrhy šablon pro redakční systémy či blogy lze realizovat různými způsoby. Pokud se nechcete přímo zabývat HTML + CSS kódem a potřebujete vizuální editor šablon, možná se vám bude líbit Artisteer, což je svým způsobem unikátní stavebnice prefabrikovaných částí designů, jejichž jednotlivé části si můžete libovolně zkombinovat a poskládat do jednoho celku.
21.10.2009 Němec Luboš Webdesign Článek
Artisteer patří do kategorie vizuálních editorů, ve kterých si může poskládat šablony s defaultním vzhledem webové stránky pro redakční systém či blog (na bázi RS). Největší předností aplikace je reálný vizuální náhled šablony s blokovými prvky, které nemusíte nijak programovat, nýbrž si je jednoduše necháte navrhnout jako kombinaci vzhledů z různých předdefinovaných šablon. Nemusíte se tedy vůbec zabývat HTML/XHTML kódem či kaskádovými styly, ani technologiemi pro vyhledávání, RSS zdroje apod., to vše za vás do šablony vloží samotný editor.
Aby bylo ovšem předem jasné, Artisteer nefunguje jako reálný WYSIWYG HTML editor, nýbrž opravdu pouze jako klikací stavebnice, ve které si můžete vzhledově, částečně graficky a především barevně přizpůsobit a nastylovat různé defaultní šablony. K dispozici jsou verze Artisteeru pro Windows a Mac OS X, a to ve dvou edicích Home a Standard, nabízených za 50 a 130 USD.
Home nebo Standard Edition?
Obě edice Artisteeru umí navrhovat a měnit šablony z XHTML + CSS kódu a exportovat šablony pro WordPress, což je jeden obecně z nejrozšířenějších redakčních systémů. Hlavním rozdílem obou variant Artisteeru je současně právě podpora redakčních systémů – varianta Standard Edition podporuje ještě export šablon pro taktéž velmi známé redakční systémy Joomla, Drupal a skiny pro DotNetNuke, export je u dražší verze editoru možný i jako ASP.NET aplikace a ve formátu vhodném pro CodeCharge Studio (C# kód). Dalším rozdílem je pak počet grafických objektů, variant barvových přechodů, palet barev, schémat písem a dalších prvků, které můžete v rámci dané šablony takřka libovolně kombinovat.
Novinkou Artisteeru 2.3 (zatím v betaverzi) je například podpora Google Blogger (blogspot.com), pro který můžete publikovat šablony stejně jako pro ostatní redakční systémy. Mezi další novinky patří rozšířená podpora komentářů pro WordPress, nové grafické prvky (tlačítka, textury, ikony) a různé opravy korigující kompatibilitu exportovaných šablon pro jednotlivé redakční/blogovací systémy.

Artisteer 2.3 - nabídka typů šablon pro několik redakčních systémů
Prostředí editoru a úpravy šablon
Po volbě typu šablony pro konkrétní redakční systém „nahodí“ Artisteer jeden z předdefinovaných layoutů, jehož variance můžete snadno měnit klikáním na jedno tlačítko. Editor používá tzv. Ribbon GUI známé z MS Office 2007 i dalších aplikací, ve kterém se pohybujete v jednotlivých záložkách a výsuvných menu. Všechny nabídková menu programu jsou čistě vizuální a na schematickém či reálném náhledu vidíte konkrétní grafické prvky, barvy, písma a další části šablony.

Artisteer 2.3 - nastavení rozměrů textových bloků
Pokud se ptáte, kolik variací šablon umí Artisteer vygenerovat a zkombinovat, pak nemám žádné přesné číslo – jsou to určitě stovky a tisíce kombinací barev, barevných přechodů, obrázků, textur, písem, tlačítek, ovládacích menu apod. Vizuálně si můžete přizpůsobit také téměř všechny blokové prvky v šabloně reprezentované například rozmístěním sekcí s daty pro filtrování článků, jejich indexem, vyhledávací lištou, navigačními menu i umístěním samotných článků. Z nabízených grafických a textových prvků si také můžete libovolně nakombinovat tlačítka i styl menu včetně rollover efektů, detailně konfigurovat lze samozřejmě i styly odkazů a většinou dalších textových prvků v šabloně včetně citátů, tabulek, odrážek i záhlaví a patičky stránky.
Export upravené a barevně „odladěné“ šablony je automatizovaný, šablony pak jen stačí aktivovat v daném redakčním systému. Je třeba dbát na přesnou verzi RS, pro kterou jsou šablony určené, v opačném případě nemusí šablona korektně fungovat.

Artisteer 2.3 - předvolby pro export šablon pro systém Blogger

Artisteer 2.3 - export HTML šablony
Závěr
Artisteer je hodně šikovný program, který umí věci, o kterých se může jiným specializovaným vizuálním editorům šablon jen zdát. Perfektně (s pomocí ribbon rozhraní) je vymyšleno skládání či spíše záměna a práce s variacemi grafických prvků, barevných schémat, písem a blokových prvků šablony, které se jednoduše mění pouhým klikáním myší. Moc slavné to bohužel není s cenou aplikace, která je i ve své jednodušší verzi pro běžné uživatele stále relativně drahá.
Zkušební verzi Artisteeru si můžete stáhnout zdarma.

Artisteer 2.3 - předvolby pro úpravu textur a obrázků

Artisteer 2.3 - předvolby pro navigační menu

Artisteer 2.3 - volba ikony pro RSS
Anketa
Autor
Němec Luboš
Zkušený žurnalista se zaměřením na webdesign, grafiku a multimedia. Dlouhodobě se věnuje recenzování produktů a je uznávaným analytikem v oboru.
Relevantní příspěvky z diskuzních for
reakcí
Koncept designu webu SNG
Spracoval som navrh redesignu webu sng.sk. Je k videniu tu: http://www.leland.sk/sng/ rad si vypocujem vase
reakcí
Kritika webu www.elektro.prodejce.cz
Dobrý den, předem upozorňuji, že jde o amatérský web vytvořený studentem, opět bazar nábytku a bazar elektrospotřebičů web: [url]http://www.elektro.prodejce.cz[/url] Prosím o kritiku zejména co se týče přehlednosti,
reakcí
jaký cms/blog zvolit?
Hezký den, po pár letech bych se rád "vrátil na internet". Můj "snadjednoupodnikatelský" záměr by měl spočívat v založení a spravování blogu/webu snažícího se především pomocí jakýchsi rychlých zpráv mapovat situaci v
reakcí
nové designy webů
Ahoj, jak se tak koukám po webech poslední dobou narážím na weby, které jsou tvořeny, tak že hlavním grafickým prvkem je fotografie v pozadí, která se posouvá v závislosti na velikosti otevřeného okna. Když jsem to
reakcí
Rozbalovací menu
Prosím potřeboval bych poradit, jak udělat jednoduché rozbalovací menu jako je např. v průzkumníkovi. Nechci tam ale obrázky složek nebo souborů, nic takového ale jen jeden odkaz, který rozbalím na dva pododkazy
Relevantní články
- Anti-Aliasing Tuner 11.08: rendering a vyhlazování písem ve Firefoxu
- Adobe Muse: projekt nového vizuálního editoru webových stránek
- Adobe Edge Preview: animace a interaktivní obsah pro web
- Xara Web Designer 7: grafická stavebnice webových stránek
- Hype slibuje snadnou tvorbu HTML5 animací v Mac OS X
- Adobe Dreamweaver CS5.5: vylepšená verze editoru webových stránek
- RoboForm 7.1.9: dokonalá správa, vyplňování a synchronizace hesel a obsahu formulářů
- Apple iOS 4.2 doplňuje do Mobile Safari podporu WebSockets a akcelerometru
- WYSIWYG Web Builder 7.2: dokonalá stavebnice webových stránek
- Adobe Illustrator CS5 HTML5 Pack: moderní webdesign přímo v Illustratoru?



















