Tvorba grafiky pro Albireo web
Návod popisuje tvorbu vlastní grafiky pro vaše webové stránky v Albireu.
Pokud si nedokážete originální grafiku sami vytvořit, můžete využít našich služeb: Více o grafických pracích...
Příprava obrázků
Pokud grafika vašeho webu má obsahovat obrázky, budete si je muset připravit a následně nahrát na web do Albirea. Obrázky mohou být v libovolném formátu a je možné používat i multimédia (flash, videa...).
Obsah nahrajete do systému pomocí administrace (ani při tvorbě grafiky nebudete potřebovat přímý přístup na server pomocí FTP a jiných). Přihlaste se do administrace prostřednictvím svého účtu administrátora. Následně přejděte do Obsahu a z něj na Disk. Obrázky pro grafiku webu doporučujeme ukládat do podsložky ve složce Styly (defaultní obsah je uložen ve složce Styly/img). Pro nahrání obrázků klepněte na tlačítko nahrát na straně stránky.
Pokud máte Google Gears ve svém prohlížeči, můžete využít hromadného nahrání souborů.
V Albireo následně vytvoříte HTML kód stránek pomocí šablon, které jsou definovány prostřednictvím XHTML zvlášť pro hlavičku (element head) a tělo (element body). Vše tvoříte v administraci Albirea v souborech s koncovkou html.
Více o tvorbě XHTML šablon se můžete dozvědět v článku XHTML šablony.
Tvorba XHTML hlavičky
XHTML hlavičky (element head) tvoříte v Disku ve složce XHTML/headers.
Ve složce headers můžete použít už existující šablonu header.html a pouze jí upravit nebo založit novou pomocí tlačítka vytvořit na straně stránky.
Nezapomeňte, že šablona hlavičky musí být uzavřena v párovém elementu head a že obsah šablony je XML dokumentem a musí být well-formed (dodržovat obecná pravidla XML dokumentů).
Pro vkládání dynamického obsahu použijte námi definovaných xml značek extension. Titulek článku vytvoříte například pomocí kódu:
<title>Albireo&nbsp;-&nbsp;<extension><pageinterface variable="title" /></extension></title>
Více o tvorbě XHTML šablon se můžete dozvědět v článku XHTML šablony.
Tvorba XHTML těla
XHTML těla (element body) vytváříte v Disku ve složce XHTML/bodies.
Ve složce bodies můžete použít už existujících šablon page.html a page-inner.html pouze je upravit nebo založit novou šablonu pomocí tlačítka vytvořit na straně stránky.
Nezapomeňte, že šablona těla musí být uzavřena v párovém elementu body a že obsah šablony je XML dokumentem a musí být well-formed (dodržovat obecná pravidla XML dokumentů).
Pro vkládání dynamického obsahu použijte námi definovaných xml značek extension. Text článku vytvoříte například pomocí kódu:
<extension><article /></extension>
Více o tvorbě XHTML šablon se můžete dozvědět v článku XHTML šablony.
Tvorba CSS
Pokud chcete web formátovat pomocí kaskádových stylů, můžete je jednak v kládat do XHTML šablon pomocí elementů a atributů style nebo připojit externí styly prostřednictvám elementu link.
Externí CSS soubor vytvoříte v Albireu v Disku ve složce Styly jako soubory s koncovkou css.
Ve složce Styly můžete použít už existujícího stylu default.css a pouze jej upravit nebo založit nový styl pomocí tlačítka vytvořit na straně stránky.
Obsahem souboru je klasický externí CSS dokument.
Pokud si přejete pro stránky používat speciální CSS dokument pouze pro Microsoft Internet Explorer, můžete jej přípojit k XHTML šabloně například takto:
<![CDATA[ <!--[if IE ]> <link rel="stylesheet" type="text/css" href="styles/msie-default.css" charset="UTF-8" media="screen" /> <![endif]--> ]]>
Zobrazení na webu
Na závěr je potřeba grafiku zobrazit na webu, toho dosáhnete propojením XHTML šablony se složkami v Obsahu webu.
Po nainstalování Albirea jsou složky k webu připojeny k šablonám header.html a page.html. Pokud jste svoji šablonu pojmenovali jinak, musíte ji propojit se složkami článků. Přejděte proto zpět do sekce Web (je možné pouze klepnout na ikonu Obsah v hlavním menu nahoře).
Klepněte na složku pravým tlačítkem myši a zvolte modrou ikonu. V následujícím dialogu přiřaďtě šablony z roletek. Po uložení změn se na webu již bude zobrazovat nová grafika.
