Image
4.9.2013 0 Comments

Vytvárame webové stránky / 14. časť

Pokračujeme v kódovaní HTML5 a v tejto časti sa pozrieme na ďalšie možnosti tohto štandardu, ako aj na špecializované programy, ktoré využijete pri programovaní a návrhu rozhrania pre mobilné riešenia. Stránky postavené na XHTML alebo HTML5 sa bez problému zobrazia na vašich smartfónoch, ale často na internete vidieť, že nie sú vyslovene prispôsobené displejom s rôznou uhlopriečkou. Nejde v zásade o problém, ale o to, ukázať riešenie, pri ktorom by stránky ihneď po načítaní vyzerali lepšie. Veľkosť obrazovkyNávrh webovej stránky pre počítače nevyžaduje zvláštnu špecifikáciu, no tak ako sme už v minulosti uvádzali, je tu možnosť definovania predvoleného zobrazenia stránok na rôznych zariadeniach. Štandardné zobrazenie pre počítače nevyžaduje zvláštne elementy, aby však stránka vyzerala dobre aj na mobilnom telefóne, je vhodné použiť samostatný súbor CSS alebo vnorenie príkazov CSS do stránky.Tento zápis definuje zobrazenie obsahu na zariadení s maximálnou šírkou 480 pixelov, čo je hodnota drvivej väčšiny smartfónov na trhu. Samozrejme, zobrazenie možno prispôsobiť aj pre iné rozlíšenia. Tento spôsob je základný a na jeho správne využívanie je vhodné definovať viacero rozlíšení. V praxi zbytočná námaha, no mobilný prehliadač si s týmto zápisom poradí a bez problémov dokáže prispôsobiť zmenu mierky stránky. Tá je však už v jeho réžii a podľa nastavení prispôsobenia mierky, ktorú v prehliadačoch pre smartfóny nájdete. Typický zápis na definovanie zobrazenia je takýto:Namiesto vlastnosti device-width môžete použiť konkrétnu hodnotu, v nadväznosti na náš príklad povedzme 480. Táto hodnota sa bude považovať za 100 % hodnotu aktuálnej mierky. V praxi ide o to, že je rozdiel, či HD rozlíšenie je na displeji s uhlopriečkou 3,7" alebo 4,7", pretože hodnota dpi je rozdielna. Aj tento ...

Článok je uzamknutý

Pokračovanie článku patrí k prémiovému obsahu PC REVUE, ktorý je dostupný pre predplatiteľov. S digitálnym predplatným za 20 € na celý rok získate neobmedzený prístup k uzamknutému obsahu na webe. Objednať si ho môžete TU. Ak už máte digitálne predplatné PC REVUE prihláste sa TU. Ak máte digitálne predplatné Piano, prihláste sa pomocou Piano.


Prihlásiť pomocou členstva PC REVUE
 
Alebo sa prihláste cez službu Piano





Nechajte si posielať prehľad najdôležitejších správ emailom

Mohlo by Vás zaujímať

Archív PCR

Obsah PC REVUE 12/2016

08.12.2016 10:46

OBSAH DECEMBROVÉHO VYDANIA  MAGAZÍN Editorial Doprava budúcnosti smeruje do vzduchu Smart City/Inteligentné vyhľadávanie parkovacích miest Žijeme v simulácii vytvorenej počítačom inej civilizácie ...

Archív PCR

Kompletné vydanie PC REVUE 12/2016 vo formáte PDF

08.12.2016 09:45

Ak­tuál­ne PC RE­VUE 12/2016 v PDF na stiah­nu­tie pre či­ta­te­ľov. Hes­lo k chrá­ne­né­mu PDF sme Vám pos­la­li mai­lom.

Archív PCR

Obsah PC REVUE 11/2016

04.11.2016 15:07

OBSAH NOVEMBROVÉHO VYDANIA  MAGAZÍN■ Reportáž: IT GALA 2016■ Microsoft predstavil svoju 3D víziu a Surface Book■ Reportáž: Microsoft Ignite 2016■ Reportáž: Svetlo a tieň sa spojili■ Apple má nov ...

Vyhľadávanie

ITSMF jar

Najnovšie videá