Bajola - Webdesign a grafika

Kvalitní webové stránky jsou v současné době již nepostradatelnou součástí firemní prezentace a jednou z klíčových forem zviditelnění firem na trhu.

Web je vizitkou Vaší firmy, ovšem špatný web je horší než žádný.

Získáte-li na základě dobré internetové prezentace byť jen jednu větší zakázku, náklady s tím spojené se Vám vrátí.

Dodám Vám grafický návrh včetně html a css šablony, případně kompletně zrealizuji Vaše webové stránky, vč. administračního systému.

E-shopy jsou internetové obchody, prostřednictvím kterých můžete prezentovat a prodávat své zboží nebo výrobky online.

Navrhnu Vám grafický vzhled eshopu a vytvořím html a css šablonu nebo kompletně zrealizuji Váš internetový obchod, vč. úpravy fotografií a naplnění zbožím.

Trendy v oblasti webdesignu se neustále vyvíjejí a mění.

Máte-li již webové stránky, je možné, že nefungují správně či se nezobrazují správně v různých prohlížečích, že jsou nepřehledné a špatně použitelné nebo mají nemoderní vzhled.

Na základě podrobné analýzy provedu částečnou či kompletní rekonstrukci Vašeho stávajícího webu jak po stránce designu, tak po stránce kvalitního kódu a funkčnosti.

Co je statický web?

Jedná se o web, který je obvykle napsán v jazyce html. Jeho obsah je víceméně neměnný. Lze jej upravovat pouze zásahem do html kódu. Člověk neovládající html jazyk tyto stránky není schopen sám editovat.

Statický web bývá menšího rozsahu a má za úkol pouze prezentovat určité informace, většinou nemá žádnou jinou funkčnost.

Co je dynamický web?

Dynamický web se chová dynamicky, tzn. jednoduchým zásahem lze web editovat a měnit v reálném čase, měnit texty, přidávat obrázky, mazat stránky a texty.

Dynamický web je vhodný pro firmy, které mají rozsáhlý web a potřebují jej často aktualizovat.

Skládá se z frontendu a backendu. Úpravy provádíte v administračním rozhraní, tzv. backendu, a projevují se okamžitě na webových stránkách, tj. frontendu, které vidí návštěvník. Backend je veřejnosti nepřístupný.

Administrační systém nebo redakční systém je aplikace určená pro správu webových stránek. Veškeré úkony jsou podobné práci v textových editorech, např. Word.

Díky administračnímu (redakčnímu) systému můžete své webové stránky sami editovat bez znalosti jakéhokoliv značkovacího či programovacího jazyka.

Jaký používám administrační systém?

Jedná se o administrační systém upravovaný přesně na míru a dle požadavků na konkrétní web nebo eshop. Systém je jednoduchý na ovládání a nebudete v něm mít žádné zbytečné funkce, které byste nevyužily.

Vzhled administračního systému je přizpůsoben vzhledu celého webu nebo eshopu tak, aby frontend i backend působily konzistentně.

Ukázka administračního systému

Adresa: blog.retrodesign.us/admin/
Uživatel: Tester
Heslo: password

Vytvoření webových stránek nebo e-shopů zahrnuje tyto základní služby:

1. registrace domény, objednávka webhostingu

2. Registrace domény a objednávka webhostingu

   Aby mohla být Vaše webová prezentace spuštěna na internetu, musíte mít:

   1. zaregistrovanou doménu
   2. předplacený webhosting

   Doména

   Doména je adresa Vaší internetové prezentace, kterou zadáváte do adresního řádku prohlížeče, např. www.bajola.cz. Doména se skládá z názvu (bajola) a koncovky (cz).

   Doména s koncovkou cz je u nás nejdražší, jelikož se jedná o naši národní doménu. Je však možné zaregistrovat i jinou národní či nadnárodní doménu, např. .us, .at, .com, .eu, .info, .name, .net, apod.

   Ceny za provoz .cz domény se pohybují v průměru od Kč 450,–/rok.

   Poradím Vám, jak vybrat jméno domény z hlediska marketingu i SEO.

   Webhosting

   Webhosting je služba, kterou poskytují webhostingové společnosti.

   Jedná se o pronajímání serveru připojeného k internetu pro účely umístění webové prezentace. Laicky řečeno webhostingové společnosti poskytují prostor na internetu pro uložení Vašeho webu.

   Cena za poskytnutí webhostingu se pohybuje v průměru od Kč 50,–/měsíc v závislosti na společnosti a na požadovaných funkcích nutných pro běh webové prezentace.

   Pomohu Vám zvolit optimální webhosting tak, aby podporal všechny požadované funkce Vašeho budoucího webu, a zvolený webhosting objednám.

   Obecné informace

   Je vhodné registrovat doménu i webhosting u stejné společnosti, jelikož by se v případě odlišných poskytovatelů musela doména převádět k poskytovateli webhostingu. Ve většině případů za poplatek a nikoliv okamžitě.

   Celková cena za provoz domény a webhosting se pohybuje od Kč 1.000,–/rok v závislosti na poskytovali a na požadovaných funkcích nutných pro běh webové prezentace. Některé společnosti ceny také diferencují podle délky období, na které si služby objednáte.

   Nabízím

   Poradím Vám, jak vybrat jméno domény z hlediska marketingu i SEO.

   Pomohu Vám zvolit optimální webhosting tak, aby podporoval všechny požadované funkce Vašeho budoucího webu, a zvolený webhosting objednám.

   Současně Vám zřídím e-mailové schránky dle Vašeho požadavku.

3. grafický návrh

4. Grafický návrh

   Na základě Vámi dodaných informací o hlavním zaměření webu či hlavní náplni činnosti Vaší firmy a dodaných podkladů vytvořím grafický návrh úvodní strany.

   Při tom zachovám základní znaky firemní identity, požadované barvy, tvary a prvky.

   Ve svých návrzích vždy dbám na to, aby měl web již na první dojem odpovídající nádech a celkově zapadl do identity firmy.

   Po schválení grafického návrhu úvodní strany dále pokračuji případně na grafickém návrhu podstran.

5. kódování

6. Kódování

   Při tvorbě webových stránek používám tyto značkovací a programovací jazyky a technologie:

   • XHTML Strict (extensible hypertext language markup)

     značkovací jazyk určený pro tvorbu hypertextových dokumentů v prostředí WWW, verze Strict se používá pro dosažení strukturovaného dokumentu osvobozeného od formátovacích značek souvisejících s rozvržením stránky, předpokládá se jeho užití společně s CSS

   • CSS (cascading style sheets)

     kaskádové styly jsou jazykem pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML nebo XML, hlavním účelem je oddělení vzhledu dokumentu od jeho struktury a obsahu

   • PHP (hypertext preprocessor)

     skriptovací programovací jazyk určený především pro programování dynamických internetových stránek, skripty jsou prováděny na straně serveru, k uživateli je přenášen až výsledek jejich činnosti

   • MySQL

     databázový systém, který je snadno implementovatelný, výkonný a volně šiřitelný

   • Javascript

     objektově orientovaný skriptovací jazyk, který se zpravidla používá jako interpretovaný programovací jazyk pro WWW stránky a jsou jím obvykle ovládány různé interaktivní prvky GUI (tlačítka, textová políčka) nebo tvořeny animace a efekty, jedná se o skripty prováděné na straně klienta

   • CMS (content management system)

     systém pro správu obsahu je software zajišťující správu dokumentů, nejčastěji webového obsahu

7. programování (nasazení na administrační systém)
8. základní SEO optimalizace

9. SEO optimalizace

   Hlavním cílem SEO (search engine optimization) neboli optimalizace pro vyhledávače je zajištění co nejčastějšího zobrazování webu ve vyhledávačích na co nejvyšších pozicích za účelem jeho vyšší návštěvnosti. Optimalizovaný web je tedy pro uživatele internetu viditelnější.

   SEO není jednoduchou záležitosti, jelikož v něm hraje roli mnoho faktorů, které vyhledávače ovlivňují a kterými se vyhledávače řídí.

   Při tvorbě webové prezentace dodržuji tyto základní zásady SEO

   • správný tvar URL adresy
   • správný tvar title stránky
   • popis stránky
   • klíčová slova v záhlaví a v těle stránky
   • zvýrazňování klíčových slov
   • tvar a přístupnost navigace
   • zachovávání struktury nadpisů a jiných částí webu, tzv. sémantiky.
10. základní web copywriting

11. Web copywriting

    Web copywriting je odvětví copywritingu a představuje psaní textů pro web.

    Stylizace textů pro web je specifická v několika bodech. Vzhledem k tomu, že čtení webu je odlišné od klasického čtení textu na papíře, je účelné:

    • upřednostňovat kratší věty před souvětími
    • zvýrazňovat podstatné informace
    • strukturovat text (nadpisy, odstavce, odrážky)
    • pokud možno nepoužívat příliš formální jazyk a odborné termíny
    • vyvarovat se gramatických chyb a překlepů

    Po dodání základního textu, který bude součástí webové prezentace, provedu jeho úpravu tak, aby byly dodrženy základní zásady web copywritingu.

12. favicon

13. Favicon

    V rámci webového projektu vždy tvořím i tzv. faviconu, což je malá ikona prezentující web zobrazující se ve stavovém řádku před URL adresou webu a názvem jednotlivých stránek webu.

    Tato ikona se nezobrazuje ve všech prohlížečích, například Internet Explorer ji zobrazuje pouze po přidání stránky k "oblíbeným stránkám".

14. základní registrace do vyhledávačů

15. Základní registrace do katalogů a vyhledávačů

    Po spuštění Vašeho nového webu jej zaregistruji do 3 základních katalogů a 3 základních fulltextových vyhledávačů:

    1. katalog Seznam.cz
    2. katalog Centrum.cz
    3. katalog Atlas.cz
    4. vyhledávač Seznam
    5. vyhledávač Google
    6. vyhledávač Jyxo

    V případě zájmu o registraci do většího počtu katalogů a vyhledávačů, čtěte informace uvedené níže na předchozí straně.

Při tvorbě webových stránek dodržuji tyto standardy a zásady:

1. validita

2. Validita

   Webové stránky kóduji tak, aby byl html kód pokud možno zcela validní dle standardů mezinárodní organizace W3C. Tyto standardy jsou pouze podpůrné a doporučené, nejsou závazné. Jedná se v podstatě o soubor pravidel pro konstrukci kódu.

   Validita znamená obecně platnost. Validní webovou stránku lze interpretovat jako stránku korektní, neobsahující chyby.

   Validní stránky mají tyto výhody

   • vyšší pravděpodobnost správného zobrazení v prohlížečích
   • rychleji se vykreslují v prohlížečích
   • jsou přístupnější pro vyhledávače
3. přístupnost

4. Přístupnost

   Přístupný web lze charakterizovat jako web dostupný na každém typu zobrazovacích zařízení bez ohledu na jeho nastavení a bez ohledu na zdravotní stav návštěvníka.

   Mezi zobrazovací zařízení patří nejen obrazovka počítače, ale také televizní obrazovka, tiskárna, projektor, display kapesního počítače, tzv. PDA, a hlasová čtečka pro zrakově postižené. Také je nutno brát v potaz handicapované uživatele, kteří mají jinou vadu zraku, např. barvoslepost, či velmi špatný zrak, nebo nejsou schopni ovládat web pomocí myši.

   Uživatel musí být vždy schopen zjistit potřebné informace.

   Web musí zůstat přístupný i tehdy, pokud uživatel nemá dostatečné hardwarové či softwarové vybavení. Uživatelé mohou mít různé rozlišení obrazovky, zakázané scriptování, zobrazování obrázků či styly v nastavení svého počítače, mohou používat k ovládání pouze klávesnici, potřebují si zvětšit písmo, používají různé prohlížeče.

   Pro zajištění co největší přístupnosti téměř vždy dodržuji tyto zásady

   • web optimalizuji na všechny tři základní rozlišení obrazovky, tzn. 800 x 600px, 1024 x 768px a 1280 x 1024px
   • definuji stylové předpisy pro obrazovku a tiskárnu
   • velikost písma zadávám v relativním jednotkách, aby si ji uživatel mohl měnit
   • snažím se zachovávat dostatečný kontrast mezi pozadím a barvou písma
   • každý obrázek má nastaven atribut ALT zajišťující zástupný text, který se zobrazuje v případě chybějícího obrázku
   • navigaci tvořím zejména pomocí kaskádových stylů, takže je maximálně přístupná
   • scriptovací jazyky používám tak, aby neovlivnily přístupnost webu a obsah byl vždy dostupný
   • formuláře opatřuji prvky usnadňujícími orientaci handicapovaným uživatelům
   • velikost webové grafiky optimalizuji tak, aby se web načetl při zachování dostatečné kvality grafiky co nejrychleji, obecně je doporučována maximální velikost stránky 100 kB
   • zobrazení webových stránek testuji ve třech základních prohlížečích – poslední verzi Firefoxu, Internet Exploreru 6, Internet Exploreru 7, Internet Exploreru 8 a Opeře 9.
5. použitelnost

6. Použitelnost

   Použitelnost internetových stránek určuje, jak snadno se na nich uživatelé orientují a jak snadno pochopí jejich uspořádání a ovládání.

   Dobře použitelné stránky jsou přehledné, srozumitelné, snadno ovladatelné. Uživatel bez problému nalezne, co potřebuje, aniž by musel zbytečně bloudit a hledat informace.

   Snažím se zachovávat přehlednou, jednoduchou a intuitivní strukturu informací a navigačních prvků.

1. zadání požadavků, příp. osobní schůzka
2. v případě redesignu analýza stávajícího webu, návrh na změny a konzultace
3. předběžná kalkulace ceny
4. potvrzení předběžné kalkulace - objednávka
5. registrace domény a objednávka webhostingu
6. grafický návrh úvodní strany webu
7. schválení grafického návrhu úvodní strany
8. grafický návrh podstran webu
9. schválení grafického návrhu podstran
10. kódování webu, případně nasazení na administrační systém a naplnění obsahem
11. schválení konečné podoby webu
12. umístění webu na Váš server
13. předání prezentace a materiálů přes FTP (na žádost možno i na CD)

Specializuji se na

• grafické návrhy webových stránek a eshopů
• kódování (xhtml + css)
• zprostředkování kompletní realizace webových stránek a eshopů
• registrace webových stránek do vyhledávačů a katalogů
• naplnění webových stránek a eshopů obsahem
• správa webových stránek a eshopů

Zvládám také

• SEO analýzy
• SEO optimalizace (kromě kompletního web copywritingu)
• základní web copywriting (korekce a formátování textu)
• grafické návrhy newsletterů a jejich kódování
• statické bannery
• tvorba a úprava šablon, modulů a komponent Joomla
• tvorba šablon pro Wordpress

Neprovádím

• flashové weby, flashové animace a flashové bannery
• kompletní web copywriting

Po vytvoření webu ve většině případů spolupráce nekončí, jelikož je na něm často potřeba aktualizovat informace, něco změnit či přidat.

V případě Vašeho zájmu budu Váš web po jeho vytvoření nadále spravovat.

Správa zahrnuje také komunikaci s poskytovatelem hostingu a řešení případných požadavků týkajích se e-mailových schránek.

Jakmile je webová prezentace spuštěna na internetu, je nutné přivést na ni potencionální zákazníky.

Mezi základní způsoby patří:

• registrace do vyhledávačů

• Registrace do vyhledávačů

  Vyhledávače jsou servery, které obsahují velkou databázi slov vyskytujících se na webových stránkách na internetu. Protože vyhledávače umějí hledat v celém textu webových stránek, říká se jim fulltextové. Takových serverů existují stovky.

  Aby si vyhledávač zařadil web do své databáze, tzv. zaindexoval, musí na něj buď nalézt odkaz na jiných webových stránkách, které právě indexuje, anebo tento odkaz musí být do vyhledávače zařazen ručně.

  Pořadí, v jakém vyhledávač stránky vypisuje, pak záleží na kvalitě stránky a její optimalizaci pro vyhledávače.

  Registrací do vyhledávače je tedy myšleno přidání url adresy webu do databáze vyhledávače, aby se urychlilo jeho zaindexování.

• registrace do katalogů

• Registrace do katalogů

  Katalog je systém odkazů tříděných do kategorií podle zaměření. Každý odkaz má přiřazen svůj titulek, popis a případně náhled úvodní strany.

  Pracovníci katalogu odkaz obvykle před přidáním kontrolují, takže než se objeví Váš web v katalogu, trvá to zpravidla 14 dní.

  Výhody registrace do katalogů

  • zvýší se počet zpětných odkazů, což je jedno z kritérií pro výsledné pořadí ve vyhledávači
  • zvýší se návštěvnost Vašich stránek
  • mezi návštěvníky Vašeho webu bude celá řada potencionálních zákazníků, jelikož budou předem vědět, jakou činností se zabýváte, a nevstoupí tedy na Váš web náhodou, ale cíleně

V případě zájmu zaregistruji Váš web do několika desítek či stovek vyhledávačů a katalogů, jak oborových podle typu Vaší činnosti, tak regionálních podle místa Vaší působnosti.

Na závěr Vám předám protokol obsahující přehled, do jakých katalogů byl web zaregistrován, do kterých sekcí, s jakými popisky a jaká hesla jsem při tom použila.