Téma vzhledu stránek

admin — Thu, 19 Jul 2012 16:28:57 +0000

Vhodný layout stránky určuje použitelnost, ergonomii, přístupnost a úspěšnost webové prezentace. Šablony webových stránek oddělují obsahovou a prezentační část, umožní zobrazit grafický návrh v prohlížeči, zpřístupní obsah uživateli a robotům vyhledávačů.

admin 19.07.2012

Univerzální hotové návrhy témat vzhledu stránek (šablony, template) jsou též na internetu volně dostupné zejména pro různé redakční systémy či blogy. Některé téma vzhledu stránek může být dobrým zdrojem inspirace pro zadavatele i tvůrce webu. Při tvorbě šablon dodržujeme standardy Drupalu (nebo WordPressu) pro tvorbu témat vzhledu stránek. Je to ověřený postup, který ulehčí a zlevní vývoj webu.

Téma vzhledu - šablona webu

Vycházíme z grafického návrhu a dodržujeme webové standardy a doporučení konsorcia W3C. Vývoj webové aplikace je založený na ověřeném rámci pro správu obsahu (Framework, Content Management System - CMS) a tomu odpovídá i téma vzhledu stránek. Máme zkušenosti se systémy Drupal, WordPress a Textpatern. Téma vzhledu stránek musí splňovat určitá kritéria, zejména:

oddělení obsahu od formy
beztabulkový layout pomocí HTML a CSS (resp. HTML5, CSS3 a JavaScriptu)
korektní sémantika (logická struktura) dokumentu
vizuální formátování s použitím kaskádových stylů
rychlé zobrazování v prohlížeči
bezchybný a ověřený zdrojový kód

Ověření platnosti šablony

Validace vzorů jednotlivých typů stránek (téma vzhledu pro specifické typy obsahu) je nezbytným krokem před implementací aplikace a uvedením webu do provozu. K ověření syntaktické správnosti lze použít HTML a CSS validátory. Při zhotovení šablony musíme předpokládat známé chyby a specifika různých prohlížečů a ověřujeme správné zobrazení šablon i v minoritních prohlížečích. Šablony stránek upravujeme shodně se specifikací XHTML a HTML5.

Sémanticky správné téma vzhledu a stránky bez syntaktických chyb se umísťují ve vyhledávačích na čelných pozicích a zvyšuje se pravděpodobnost jejich úspěchu.

Responzivní webdesign

Responzivní webdesign je metoda stylování HTML dokumentu, která zajistí zobrazení stránky pro různé druhy zařízení (počítače, notebooky, mobily, tablety atd.). Podíl přístupu na internet z mobilních zařízení se rok od roku zvyšuje a responzivní webdesign je způsob, jak se vyrovnat s problémem různého rozlišení a poměrů velikostí displejů od chytrých telefonů po monitory počítačů. Vlastnost Media Queries (dotaz na vlastnosti média), která byla zahrnuta ve specifikaci CSS3 v roce 2012, nyní umožňuje responzivní webdesign prakticky aplikovat.

Responzivní webdesign a responzivní téma vzhledu jsme začali používat, příkladem jsou tyto stránky.

Kontaktujte nás

Spojte se s námi., najdeme pro Vás co nejlepší řešení.

Grafický návrh webu

admin — Thu, 19 Jul 2012 16:24:05 +0000

Grafický návrh webu

Grafické rozvržení stránky (layout) je závislé na účelu webu a vymezuje rozmístění základních prvků na stránce. Grafické zpracování je důležitou součástí internetových stránek, cílem však není návštěvníka uchvátit množstvím barevných animací, ale umožnit uživateli přehlednou orientaci na webu.

admin 19.07.2012

Grafický návrh webu by měl vycházet z úvodní analýzy a měl by splňovat základní kritéria použitelnosti. Vzhled stránek navrhujeme pro určitou cílovou skupinu návštěvníků. Obsah stránek, použitelnost, přístupnost a architektura webu jsou v našem pojetí prvotní, grafické doplňky jsou podřízené záměru a smyslu webu.

Neumožňuje-li Vám to rozpočet či nemáte-li specifické požadavky na grafický návrh, lze vybrat některé volně dostupné šablony např. přímo na portálu Drupalu.

Plán a náčrt

Vytváření webu začíná většinou náčrtem na papíře. Jednoduchá skica obsahující navigaci a základní elementy stránky leckdy postačuje k vytvoření webové šablony (téma vzhledu). Náčrt rozložení by měl obsahovat rozměry a umístění objektů, typy písma a návrh kontrastních barev. Pro řadu projektů je však nutné rozpracovat náčrtky v počítačové podobě (pomocí grafických programů Photoshopu nebo Gimpu).

Po schválení návrhu a zpracování připomínek lze pokračovat kódováním jednotlivých typů stránek.

Firemní design

Jednotný vizuální styl je součástí firemní identity. Spolupracujeme s profesionály a mimo grafický návrh webu jsme schopni zajistit další projekty včetně realizace:

návrh loga (logotypu)
vizitky
obálky, dopisní papír
tiskoviny, nabídky, ceníky

Tiskové a grafické služby zajišťujeme externě v návaznosti na komplexní řešení webdesignu, na tyto služby nepřijímáme samostatné zakázky.

Jak postupovat?

Stačí popsat Vaše představy a kontaktovat nás pomocí našeho formuláře. Odpovíme Vám, jak nejrychleji to bude možné.

webdesign grafika template šablona webu