E-shop s moderní administrací
napojený na informační systém
HELIOS Orange
MajorShop - e-shop pro HELIOS Orange / Články / Novinky / Duben 2014
Co je nového
Rychlý kontakt

+ 420 603 558 759

ondrej.sedlak@pchelp.cz

Duben 2014

29. dubna 2014

Tým MajorShop si pro Vás připravil novinku: webová administrace MajorShopu 2 v responzivním designu.

Webová administrace MajorShopu 2 v responzivním designu

Webová administrace MajorShopu 2 zaznamenala velký pokrok ve funkčních prvcích, byla např. rozšířena o "Nastavení" (z Klientské aplikace byly přesunuty funkcionality z tzv."Vzhledu webu"), "FAQ", "Externí propojení s Heurékou" atd. Reagujeme tak na potřeby našich zákazníků mít co nejvíce "user friendly" webovou administraci. 

Dalším radikálním řešením byl vzhled webové administrace. V dnešní době se klade důraz na to, aby bylo možné zobrazit "webovky" na různých zařízeních (netbook, tablet, smartphone atd.). To ale vyžaduje kompletní technické předělání webu viz.níže.

 

Responzivní web design (Responsive web design=RWD)

Cílem responzivního designu je vytvářet stránky, které uživateli poskytnou lepší pocit z jejich prohlížení.

Typické pro RWD je:

  • snadná navigace;
  • čitelnost;
  • minimální nutnost rolování;
  • minimální nutnost posouvání při změně velikosti okna prohlížeče.

RWD se využije na různých přístrojích od osobních počítačů až po chytré telefony.

Prioritou je kvalita a velikost zobrazení
Pravidlem u RWD bývá, že obrazová kvalita je mnohem důležitější než množství obrázků. Nekvalitní obrázek jednoduše nepůsobí pěkně v žádné velikosti a čas, po který se načítá, je téměř stejně důležitý jako jeho velikost. S touto skutečností budou souhlasit zejména uživatelé mobilních telefonů, jelikož mají k dispozici omezenou rychlost přenosu dat.

Technický popis responzivního designu

Jedná se o způsob stylování HTML dokumentu, které zaručí, že zobrazení stránky bude optimalizováno pro všechny druhy nejrůznějších zařízení (mobily, notebooky, netbooky, tablety atd.). Především díky vlastnosti Media Queries, která je zahrnuta ve specifikaci CSS3, lze rozpoznat vlastnosti zařízení, na kterém je stránka prohlížena a přizpůsobit tak samotnou stránku a její obsah.

Responzivní web design má tři základní úrovně: Flexibilní struktura, Flexibilní obrázky a Media Queries.

Zobrazení responzivního designu

Flexibilní struktura

Flexibilní struktury se dosahuje pomocí procentních šířek. Jednotlivé šířky elementů tak nejsou zadávány v pixelech, nýbrž v procentech. Takto připravená struktura pak reaguje na různé šířky nejrůznějších zařízení.

Flexibilní obrázky

Technika flexibilních obrázků zajistí, že obrázky se budou přizpůsobovat stejně tak, jako samotná struktura.

Media Queries

Media Queries se považují za poslední úroveň responzivní web designu. Jsou to pravidla, díky kterým lze měnit stylování dokumentu v závislosti na šířce obrazovky zobrazovaného zařízení. 

 

 

 

  

(Specifikace byla čerpána z www.wikipedia.org.)

 



Kontakt

PC HELP, a.s.
Samešova 1144, 674 01 Třebíč
Telefon: +420 568 858 022
Mobil: + 420 603 558 759
E-mail: majorshop@pchelp.cz

Odebírání novinek

MajorShop

G+ Facebook