grafika https://psklenar.cz/ cs Téma vzhledu stránek https://psklenar.cz/sablony-webovych-stranek <span class="field field--name-title field--type-string field--label-hidden">Téma vzhledu stránek</span> <div class="clearfix text-formatted field field--name-field-uvod field--type-text-long field--label-hidden field__item"><p>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čů.</p> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/index.php/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">19.07.2012</span> <div class="clearfix text-formatted field field--name-field-obsah field--type-text-long field--label-hidden field__item"><p>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&nbsp;tvůrce webu. Při tvorbě šablon dodržujeme standardy <a href="/drupal" title="Drupal - Open Source CMS">Drupalu</a> (nebo WordPressu) pro tvorbu témat vzhledu stránek. Je to ověřený postup, který ulehčí a zlevní vývoj webu.</p> <h2>Téma vzhledu - šablona webu</h2> <p>Vycházíme z&nbsp; <a href="/graficky-design" title="Grafický návrh">grafického návrhu</a> a&nbsp; dodržujeme webové standardy a&nbsp;doporučení konsorcia <a class="external" href="http://www.w3.org/" rel="nofollow" target="_blank"> <abbr lang="en" title="The World Wide Web Consortium">W3C</abbr></a>. 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 <a class="external" href="https://www.drupal.org/" rel="nofollow" target="_blank" title="Drupal - Open Source CMS">Drupal</a>, <a class="external" href="http://www.wordpress.org/" rel="nofollow" target="_blank" title="Oficiální web WordPressu">WordPress</a> a&nbsp;Textpatern.&nbsp;Téma vzhledu stránek musí splňovat určitá kritéria, zejména:</p> <ul class="soupis"> <li>oddělení obsahu od formy</li> <li>beztabulkový layout pomocí <abbr lang="en" title="HyperText Markup Language">HTML</abbr> a&nbsp; <abbr lang="en" title="Cascading Style Sheets">CSS</abbr> (resp. HTML5, CSS3 a&nbsp;JavaScriptu)</li> <li>korektní sémantika (logická struktura) dokumentu</li> <li>vizuální formátování s&nbsp;použitím kaskádových stylů</li> <li>rychlé zobrazování v&nbsp;prohlížeči</li> <li>bezchybný a&nbsp;ověřený zdrojový kód</li> </ul> <h2>Ověření platnosti šablony</h2> <p>Validace vzorů jednotlivých typů stránek (téma vzhledu pro specifické typy obsahu) je nezbytným krokem před implementací aplikace a&nbsp;uvedením webu do provozu. K&nbsp;ověření syntaktické správnosti lze použít HTML a&nbsp;CSS validátory. Při zhotovení šablony musíme předpokládat známé chyby a&nbsp; specifika různých prohlížečů a&nbsp;ověřujeme správné zobrazení šablon i&nbsp; v&nbsp;minoritních prohlížečích. Šablony stránek upravujeme shodně se specifikací XHTML a&nbsp;HTML5.</p> <p>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&nbsp;zvyšuje se pravděpodobnost jejich úspěchu.</p> <h2>Responzivní webdesign</h2> <p>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.</p> <p>Responzivní webdesign a responzivní téma vzhledu jsme začali používat, příkladem jsou tyto stránky.</p> <h2>Kontaktujte nás</h2> <p><a href="/kontakt" title="Napište nám">Spojte se s&nbsp;námi.</a>, najdeme pro Vás co nejlepší řešení.</p> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix mt-5 mb-5"> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/35" hreflang="cs">webdesign</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/48" hreflang="cs">šablona webu</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/47" hreflang="cs">template</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/38" hreflang="cs">grafika</a></span> </div> Thu, 19 Jul 2012 16:28:57 +0000 admin 60 at https://psklenar.cz Grafický návrh webu https://psklenar.cz/graficky-design <span class="field field--name-title field--type-string field--label-hidden">Grafický návrh webu</span> <div class="clearfix text-formatted field field--name-field-uvod field--type-text-long field--label-hidden field__item"><p>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.</p> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/index.php/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">19.07.2012</span> <div class="clearfix text-formatted field field--name-field-obsah field--type-text-long field--label-hidden field__item"><p>Grafický návrh webu by měl vycházet z&nbsp; <a href="/marketingova-analyza-strategie" title="Úvodní analýza">úvodní analýzy</a> a&nbsp; měl by splňovat základní kritéria <a href="/pouzitelnost-internetovych-stranek" title="Použitelnost webových stránek"> použitelnosti</a>. Vzhled stránek navrhujeme pro určitou cílovou skupinu návštěvníků. Obsah stránek, použitelnost, přístupnost a&nbsp;architektura webu jsou v našem pojetí prvotní, grafické doplňky jsou podřízené záměru a&nbsp;smyslu webu.</p> <p>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 <a href="https://www.drupal.org/project/project_theme" rel="nofollow" title="Témata vzhledu pro Drupal">portálu Drupalu</a>.</p> <h2>Plán a náčrt</h2> <p>Vytváření webu začíná většinou náčrtem na papíře. Jednoduchá skica obsahující navigaci a&nbsp;základní elementy stránky leckdy postačuje k&nbsp;vytvoření <a href="/sablony-webovych-stranek" title="Vytvoření šablony webu"> webové šablony</a> (téma vzhledu). Náčrt rozložení by měl obsahovat rozměry a&nbsp;umístění objektů, typy písma a&nbsp;návrh kontrastních barev. Pro řadu projektů je však nutné rozpracovat náčrtky v&nbsp;počítačové podobě (pomocí grafických programů Photoshopu nebo Gimpu).</p> <p>Po schválení návrhu a&nbsp;zpracování připomínek lze pokračovat kódováním jednotlivých typů stránek.</p> <h2>Firemní design</h2> <p>Jednotný vizuální styl je součástí firemní identity. Spolupracujeme s&nbsp; profesionály a&nbsp;mimo grafický návrh webu jsme schopni zajistit další projekty včetně realizace:</p> <ul class="soupis"> <li>návrh loga (logotypu)</li> <li>vizitky</li> <li>obálky, dopisní papír</li> <li>tiskoviny, nabídky, ceníky</li> </ul> <p>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.</p> <h2>Jak postupovat?</h2> <p>Stačí popsat Vaše představy a&nbsp; <a href="/kontakt" title="Napište nám">kontaktovat nás</a> pomocí našeho formuláře. Odpovíme Vám, jak nejrychleji to bude možné.</p> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix mt-5 mb-5"> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/35" hreflang="cs">webdesign</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/38" hreflang="cs">grafika</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/47" hreflang="cs">template</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/48" hreflang="cs">šablona webu</a></span> </div> Thu, 19 Jul 2012 16:24:05 +0000 admin 59 at https://psklenar.cz Optimalizovaný webdesign https://psklenar.cz/webdesign <span class="field field--name-title field--type-string field--label-hidden">Optimalizovaný webdesign</span> <div class="clearfix text-formatted field field--name-field-uvod field--type-text-long field--label-hidden field__item"><p>Tvorba webových stránek a aplikací spojuje řadu specializovaných oborů vyžadujících znalosti, zkušenosti a tvůrčí nápaditosti. S rozvojem technologií je výroba efektivních webových stránek stále náročnější na schopnosti kodérů, programátorů, grafiků a dalších profesionálů. Tvorba stránek se tak stává málo srozumitelná pro běžné uživatele, proto Vám nabízíme komplexní spolupráci při výrobě Vašich stránek a aplikací.</p></div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/index.php/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">19.07.2009</span> <div class="clearfix text-formatted field field--name-field-obsah field--type-text-long field--label-hidden field__item"><p>Vytvoříme pro Vás funkční a&nbsp;přitažlivou internetovou prezentaci, která bude snadno použitelná, přístupná a&nbsp;přátelská k&nbsp; vyhledávačům. Vyberte si z&nbsp;naší nabídky služby, které by Vám mohly vyřešit Váš problém.</p> <blockquote class="blockquote"> <p class="mb-0">Webdesign je činnost vytvářející webové stránky a&nbsp;webové aplikace. Spočívá v návrhu struktury a&nbsp;vzhledu webových stránek, přičemž se používají zejména technologie XHTML a&nbsp;CSS a&nbsp;statické obrázky (PNG, GIF, JPG). Navíc se někdy používají další technologie umožňující vyšší interaktivitu jako např. JavaScript, SVG, Flash, či Java applety. Do webdesignu někdy lze počítat také části tvorby serverové části aplikací – programování v&nbsp;jazycích jako PHP či ASP.</p> <footer class="blockquote-footer"><cite><a class="external" target="_blank" href="https://cs.wikipedia.org/w/index.php?title=Webdesign&amp;oldid=2624414" rel="nofollow" title="Wikipedie">[Wikipedie – otevřená encyklopedie]&nbsp; <span id="mw-revision-date">(27.5.2008) </span></a> </cite></footer> </blockquote> <p>Pojem webdesign není přesně definovatelný (viz různé <a class="external" href="http://cs.wikipedia.org/wiki/Webdesign" rel="nofollow" title="např. Wikipedie - aktuální verze">wiki</a> stránky) , je odlišný z pohledu architekta webu, SEO specialisty, skriptéra nebo grafika. Nejdůležitější je však to, co si spojuje s&nbsp;webdesignem zákazník, jaké má představy o svých stránkách. Budou cílené na reklamu a&nbsp;zisk z&nbsp;návštěvnosti, budou sloužit pro prezentaci, budou soukromé či veřejně přístupné?</p> <p>Nemáte ještě webové stránky, nebo Vaše současné stránky jsou zastaralé a&nbsp;nevyhovující? Už nemusíte hledat, jste na správné adrese.</p> <div class="row"> <div class="col-sm-6"> <dl class="sl1"> <dt class="nadpis"><a href="/tvorba-webu" title="Tvorba webových stránek">Tvorba webových stránek</a></dt> <dd>Zhotovíme Vám profesionální internetové stránky splňující všechny současné požadavky kladené na dobrý web. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/tvorba-webu" rel="tag" title="Tvorba webu">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/psani-webu" title="Plnění webových stránek">Plnění webových stránek</a></dt> <dd>Zpracujeme pro Vaše webové stránky kvalitní obsah. Využijeme údaje z&nbsp;rukopisů, z&nbsp;tištěné podoby, z&nbsp;databází a&nbsp; přepíšeme text do strukturovaného <abbr lang="en" title="HyperText Markup Language">HTML</abbr>&nbsp;kódu. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/psani-webu" rel="tag" title="Psaní webu">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/copywriting-psani-textu" title="Psaní textů - copywriting">Psaní textů – copywriting</a></dt> <dd>Vytvořit kvalitní text pro web není jednoduchá záležitost. Zformulujeme textový obsah podle zadání, text přehledně sémanticky zpracujeme s&nbsp;ohledem na optimalizaci pro vyhledávače a&nbsp;se zdůrazněním jasného smyslu dokumentu. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/copywriting-psani-textu" rel="tag" title="Copywriting psaní textu">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/graficky-design" title="Grafický návrh">Grafický návrh</a></dt> <dd>Grafický styl webu je důležitý pro úspěch každého projektu a&nbsp;pro zvýšení důvěryhodnosti webu v&nbsp;očích uživatelů. Při návrhu stránek preferujeme použitelnost, přístupnost a&nbsp;současně se snažíme vytvořit moderní webový design. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/graficky-design" rel="tag" title="Grafický design">Číst dál...</a></div> </dd> </dl> </div> <div class="col-sm-6"> <dl class="sl2"> <dt class="nadpis"><a href="/sablony-webovych-stranek" title="Vytvoření šablony webu">Vytvoření šablony webu</a></dt> <dd>Navrhneme rozložení stránky a&nbsp;strukturu webu zpracujeme do použitelné šablony stránek s&nbsp;odděleným formátováním vzhledu. Pomocí technologie <a class="external" href="http://cs.wikipedia.org/wiki/HTML5" rel="nofollow" target="_blank" title="verze značkovacího jazyka HTML">HTML5</a> a&nbsp; <a class="external" href="http://cs.wikipedia.org/wiki/CSS3" rel="nofollow" target="_blank" title="Cascading Style Sheets 3">CSS3</a> korektně vytvoříme validní kód odpovídající webovým standardům sdružení <a class="external" href="http://www.w3.org/"> <abbr lang="en" title="The World Wide Web Consortium">W3C</abbr></a>. Upřednostňujeme systém <a class="external" href="https://www.drupal.org/" rel="nofollow" target="_blank" title="Drupal - Open Source CMS">Drupal</a>. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/sablony-webovych-stranek" rel="tag" title="Šablony webových stránek">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/redesign-oprava-webu" title="Úpravy, redesign webu nebo oprava webu">Redesign webu a oprava webu</a></dt> <dd>Provedeme kompletní analýzu s&nbsp;cílem zdokonalit Vaši současnou prezentaci. Převedeme starší stránky na moderní technologii <abbr lang="en" title="HyperText Markup Language">HTML</abbr> a <abbr lang="en" title="Cascading Style Sheets">CSS</abbr>, aplikujeme systém správy obsahu <a href="/drupal" title="Drupal - Open Source CMS">Drupal</a>&nbsp;s&nbsp;důrazem na přístupnost, použitelnost a&nbsp;optimalizaci pro vyhledávače. Poradíme Vám s&nbsp;úpravou struktury webu dle standardů a&nbsp;doporučení. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/redesign-oprava-webu" rel="tag" title="Redesign nebo oprava webu">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/aktualizace-sprava-udrzba-webu" title="Aktualizace – správa a údržba webu">Aktualizace - správa a&nbsp; údržba webu</a></dt> <dd>Podle požadavků zajistíme správu a&nbsp;aktualizaci Vašich internetových stránek. Rozšíříme web o&nbsp;další sekce, vytvoříme stránky pro nové služby či produkt. Naučíme Vás používat <abbr lang="en" title="Content Management System"> CMS</abbr> systém <a href="/drupal" title="Drupal - Open Source CMS">Drupal</a>pro správu obsahu. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/aktualizace-sprava-udrzba-webu" rel="tag" title="Aktualizace správa a údržba webu">Číst dál...</a></div> </dd> </dl> </div> </div> <div class="media border mt-3 mb-4 p-3"> <img src="/sites/default/files/paska-img/logo.svg" alt="Kontaktujte nás" class="mr-3 mt-3 rounded-circle bg-success" style="width:40px;"> <div class="media-body"> <h3><strong>Redesign webu není grafická úprava</strong></h3> <p>Máte-li zájem o redesign webu nebo vytvoření nového webu či úpravu webových stránek, <a href="/kontakt" title="Napište nám">spojte se s&nbsp;námi.</a> právě nyní prostřednictvím uvedeného formuláře. Kontaktujte nás, rádi Vám pomůžeme a vybereme to nejlepší řešení, které plně uspokojí Vaše potřeby. Naše odpověď na sebe nenechá dlouho čekat.</p> </div> </div> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix mt-5 mb-5"> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/34" hreflang="cs">web</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/35" hreflang="cs">webdesign</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/36" hreflang="cs">obsah webu</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/37" hreflang="cs">copywriting</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/38" hreflang="cs">grafika</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/39" hreflang="cs">šablona</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/40" hreflang="cs">redesign</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/41" hreflang="cs">aktualizace</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/42" hreflang="cs">marketing</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/43" hreflang="cs">SEO</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/44" hreflang="cs">responzivní webdesign</a></span> <span class="badge badge-pill badge-light"><a href="/index.php/taxonomy/term/45" hreflang="cs">responzivní web</a></span> </div> Sat, 18 Jul 2009 22:03:41 +0000 admin 54 at https://psklenar.cz