PHP min. 5.6.8MySQL min. 5.1Apache min. 2.0
PHP-Fusion 9 Jádro
v9.0
Český překlad
Pravidelně aktualizovaný

Technologie

Jaký design webu vlastně vyrobit?

Webdesigneři to dnes nemají lehké. A ani nebudou mít v budoucnu. Do popředí se tlačí tablety a mobily, a tak naše weby, které vytvoříme, si musí s ními tykat. Mobily se totiž pomalu a jistě stávají hlavním přístupovým zařízením pro všechny weby. A ty kódére se snaž! Musíme tedy vzat v potaz, že mobily mají malý displej, slabý procesor. range'>Proto bychom měli začít vyrábět nový web nejprve pro málo vybavené mobily. Počítá s tím naštěstí už modul Responsive i Mobile First. Pro ty nejjednodušší weby/bloky si vystačíme s návrhem Zeldmanova Mobile Only.


Webdesigneři to dnes nemají lehké. A ani nebudou mít v budoucnu. Do popředí se tlačí tablety a mobily, a tak naše weby, které vytvoříme, si musí s ními tykat. Mobily se totiž pomalu a jistě stávají hlavním přístupovým zařízením pro všechny weby. A ty kódére se snaž! Musíme tedy vzat v potaz, že mobily mají malý displej, slabý procesor. range'>Proto bychom měli začít vyrábět nový web nejprve pro málo vybavené mobily. Počítá s tím naštěstí už modul Responsive i Mobile First. Pro ty nejjednodušší weby/bloky si vystačíme s návrhem Zeldmanova Mobile Only.

O vývoji nových webů píše podrobněji Martin Michálek v článku: Zdrojak.cz/Zeldmanův mobile only. My se ale budeme držet vývoje pro složitější obsahy webů, které musíme vyvíjet pro desktopy a další podobná zařízení. Otázka proto zní, jak velký by měl takový web být. Lze najít kompromis?

Velikost zobrazení - rozlišení

Nová verze PHP-Fusion 9.0xx, jejíž redesign je před spuštěním také na našem serveru pc-politika.cz, se proto drží zásady - mít naprogramovaný obsah pro mobily, tablety a desktopy. Zásadním problémem je proto velikost zobrazení webové stránky. Rozhodující je zde šířka rozložení webu. Analýzy říkají, že nejčastějším rozložením obsahu webové stránky je v roce 2015 rozlišení 1366 × 768 pixelů. Proto v prvním kroku vývoje je nutné omezit vícesloupcový layout webu. Jak jsem už zmínil pomocí responsivního designu lze vyrobit web, aby se optimálně zobrazoval na všech aktuálně dostupných zobrazovacích zařízení.

Já jdu na problém podle kopyta, že při kvalitní čitelnosti textu o velikosti 13 px, při tvorbě webu nedovoluji, aby řádky byly delší než 80 znaků. Při přepočtu to představuje zhruba 600 pixelů. Připočtu-li k tomu pouze dva sloupce, rozhodně si vystačím s celkovými 1.300 px stránky webu.

Ukázka responsivního kódu pro centrální sloupec (AU_CENTER)

// row 1 - go for max width
	if (defined('AU_CENTER') && AU_CENTER) echo "
\n
/div<\n>/div>";

V ukázce je vidět rozvržení stránky (centrálního sloupce) s použitím responsivní mřížky. K tomu pak stačí v CSS stylech použít procenta pro maximální šířku webové stránky. Prakticky jde o úpravu jedné hodnoty CSS, např. takto:

.hlavni_ram {
  max-width: 1300px;
}

Resumé

Protože bitmapovou grafiku nelze jednoduše zvětšit nebo zmenšit bez ztráty kvality, je proto nutné dbát na správnou velikost již od začátku práce. První pravidlo pro rozlišení zní: Pracovat vždy v zobrazení 1:1 (100% velikosti). Jedině tak můžeme zjistit, jak bude web (jeho obsah, včetně obrázků) skutečně vypadat. Webovou stránku lze tvořit jako plovoucí (velikost stránky se přizpůsobuje velikosti obrazovky), nebo jako stránku s pevnou šířkou, tzn. šířkou zadanou přesnou hodnotou v pixelech. Využívám první způsob. Podle tohoto doporučení se webová stránka automaticky přizpůsobí velikosti displeje vašeho monitoru (dostupnému místu). Nejvýhodnější je proto používat rozlišení 1 366 × 768.
Kvido 27.09.2015 23:02 318 0 komentářů

0 komentářů

Zanechat komentář

Přihlaste se, abyste mohli zveřejnit komentář.
  • Žádné komentáře byly zveřejněny.
Nejnovější témata fóra
  Vlákno Zobrazení Odpovědi Poslední příspěvek
Zdielanie novinky na FB
v PHP-Fusion 9.0.3
173 6 Balin50
07-12-2018 17:27
XML Sitemap pro video
v Infuze, panely, vzhledy
591 15 zizub
02-12-2018 22:29
Novinky - posunutie pripnut...
v PHP-Fusion 9.0.3
89 1 RobiNN
02-12-2018 19:05
FormatFactory
v Pomoc
150 2 Kvido
01-12-2018 10:18
Administrácia
v PHP-Fusion 9.0.3
390 11 Balin50
13-11-2018 14:40
9.00.04
v Obecná diskuse
381 4 RobiNN
27-10-2018 12:55
Novinky - video
v Administrace obsahu
526 8 Kvido
18-10-2018 16:17
Přihlášení
Ještě nejste členem? Klikněte zde a zaregistrujte se.
Shoutbox
Chcete-li odeslat zprávu, musíte se přihlásit.
RobiNN
před 16 dny
mimir na tieto veci je tu fórum...
M
před 17 dny
PHP 9.0 jak aktivovat registrovaného uživatele ?
C
před 28 dny
ahoj
Nejčtenější novinky
Žádné novinky
Žádné novinky
Žádné novinky