..


Sponzorované odkazy

Základné rozloženie stránky optimalizované pre chytré telefóny

Ak webová sme zvyknutí oddávať sa s nekonečnou kombináciou usporiadania a priestoru, návrh webových stránok pre chytré telefóny sa hodnotenie našej tvorivej ambície, alebo aspoň zmeniť veľkosť obmedzenú veľkosť displeja určené na prezeranie našej práce.

Poznámka: rozlíšenie videa sa líši, samozrejme v závislosti od modelu, väčšina budúcej generácie smartphone má displej o šírke od minimálne 240 až maximálne 480 bodov. Najčastejšie rozlíšenie môže počítať, v režime na výšku, na šírku 320 pixelov.

Zabudnite na usporiadanie potom dva, tri alebo štyri stĺpce! Z môjho pohľadu jediné možné riešenie, aby sa zabezpečilo dobré použiteľnosti k obsahu, je jeden stĺpec design, kde je všetok obsah organizovaná pozdĺž vertikálnej poradí kaskády (tzn. pod sebou). Po vytvorení webovej stránky, nezabudnite vždy, najdôležitejšie je zabezpečiť dobrú použiteľnosť a viac, ak je zobrazenie obmedzené iba na smartphone, jednoduchosti je vždy najlepšou cestou vpred.

Ako vidíte, naša štruktúra je veľmi jednoduchá a skladá sa z troch častí spočiatku:

  • Záhlavie: je v hornej časti stránky a je navrhnutý tak, aby na našej stránke, logo a možno aj niekoľko ďalších prvkov z prvého poschodia;
  • Strana tela: je navrhnutý tak, aby centrálna časť skutočného obsahu na našich internetových stránkach;
  • Patička: Toto je posledná časť, v spodnej časti, kde je obvyklé, aby žiadne úvery, právne odkazy, upovedomenie o autorských právach, kontakty atď.

Menu

Centrálna časť stránky, potom budú použité k domu ďalšie oblasti (ktoré sa líšia v závislosti na potrebách).
Základným prvkom, samozrejme, je navigačné menu, ktorého prostredníctvom prístupu ďalších stránok / oblastí webu. Ak sú málo (prvé riešenie) môže priamo vytvoriť panel nástrojov s odkazmi potrebné, inak - z dôvodu miesta - je lepšie dodať jediné tlačidlo, ktoré po kliknutí zobrazí zoznam všetkých stránok / oblastí k dispozícii (druhé riešenie).

Obsah

Tiež, a predovšetkým pre obsah, ktorý je potrebné mať na pamäti, malé obrazovke telefónu. Opäť preto, jednoduchosť a linearita je, podľa môjho názoru najlepšou voľbou.

Vyhnite sa zbytočným ozdôbky grafiky je dobrým pravidlom web design a to je ešte vo vývoji webových stránok pre mobilné zariadenia a na otázky spojené s malou veľkosť displeja, a z dôvodov súvisiacich s dostupnou šírku pásma (rovnako ako s nákladmi, 3G pásma nie je vždy tak rýchlo, že je najlepšie sa zamerať na to, čo je dôležité).

Dokonca aj pre obsah, teda naznačujú, kaskády, kde jednotlivé prvky rozloženia (text, obrázky, video) v za sebou:

V ďalšej lekcii uvidíme, ako vytvoriť HTML kód na našich webových stránkach počnúc, samozrejme, <head> (názov, meta tagy a CSS).

Pomôcť rozvojovým stránky pre mobilné zariadenia
E-Learning
Excel (ebook) Excel (ebook)
Vytvorte tabuľky a výpočty. Len 25 €.
Web Marketing (kurz) Web Marketing (kurz)
Miesto propagácie vyhľadávače a marketing. Od 39 €.
Webmaster základný (prvý) Webmaster základný (prvý)
Vytvorenie webovej stránky od nuly. Od 29 €.
Sponzorované odkazy