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 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 ...

Archív PCR

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

04.11.2016 13:40

Ak­tuál­ne PC RE­VUE 11/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 1

Obsah PC REVUE 10/2016

10.10.2016 15:30

OBSAH OKTÓBROVÉHO VYDANIA  MAGAZÍN■ Editorial: Zašoférujte si, kým ešte môžete■ Reportáž: IFA 2016 – 2. časť■ Reportáž: Huawei Connect 2016■ Reportáž: IBC 2016/Profesionáli prezbrojujú na RAW vid ...

Vyhľadávanie

Kyocera - prve-zariadenia-formatu-a4-s-vykonom-a3

Najnovšie videá