stále populárnejšie mobilné zariadenia, tým väčší nepohodlie sa cítil, keď rolovanie väčšinu stránok.To je dôvod, prečo od roku 2012, webmaster bolo použité riešenie, ktoré umožňuje prezeranie prostriedky na obrazovkách s nízkym rozlíšením pohodlnejšie - adaptívne rozloženie.
Súčasný trend
Dnes, asi päť miliárd ľudí na svete používajú mobilné telefóny, sa tretina z nich majú smartphony.Preto sa mobilné dátová prevádzka je stále dôležitejšie pre majiteľov stránok.Pravdepodobne taký zdroj návštevníkov v priebehu času sa bude iba zvyšovať.
Boti rýchlo reagovala na tento trend.Veľké spoločnosti "Yandex" a Google urobil významné zmeny vo svojich rebríčku algoritmy miestach vo výsledkoch vyhľadávania, s prihliadnutím na dostupnosť adaptívne rozvrhnutie a dizajn.Jednoducho povedané, webové zdroje, ktoré sú optimalizované pre mobilné telefóny, smartphony a tablety, bude mať výhodu nad svojimi konkurentmi.
definície adaptívne rozvrhnutie
Adaptive usporiadanie - metóda tvorby kostry webové stránky, automaticky zmeniť umiestnenie blokov v súlade s rozlíšenie obrazovky zariadenie, na ktorom je zobrazené.To znamená, že tento prístup vytvorené špecifické štýly pre rôzne oprávnenia.Tento efekt je dosiahnutý tým, že píše špeciálna CSS-faylov.Ranshe problém bol vyriešený trochu inak.Vývojári musel urobiť oveľa viac, "gestá", vytvárať vёrstku a navrhnúť základnú verziu stránok a robiť to isté pre mobil.V závislosti na displeji prístroja, na ktorý sa zobraziť internetový projekt s existujúcou mobilnej platforme, spustí zodpovedajúce verzii stránok.
Tento prístup je v mnohých ohľadoch už oprávnená, a väčšina webmasteri nestanovila o vytvorenie mobilnej verzie.Teraz nahradiť takýto príkaz prišiel adaptívne rozloženie.Vytvorením rámca webe pomocou tejto technológie, web-master sústreďuje všetky svoje úsilie na vytvorenie verziu projektu, a návštevníci môžu mať rovnakú úroveň komfortu, aby ste ju ako počítač veľkou obrazovkou a mobilného telefónu, smartphonu alebo tabletu.
Výhody adaptívne rozloženie
Aké výhody má adaptívne rozloženie stránky?To bolo uvedené skôr, že výhoda je správne zobrazenie všetkých blokov na stránku, na akomkoľvek zariadení.To je tiež pozitívnym aspektom tohto prístupu pri vytváraní šablóny možno nazvať rýchlosť vykonávania zmien.Čo to znamená?
pri existencie v mieste oboch platforiem vёrstku zmien na potrebu realizovať v prvej verzii diela, a potom - v mobile.Ak sa zmeny v kóde sú celkom zásadné, že proces vykonaní týchto zmien by mohli značne oneskorený.Keď adaptívne uloženie práce na mieste sa vykonáva v jednom súbore.Zmeny vykonané v rozloženie webovej stránky bude rovnako čoskoro objaví v výrobnej verzii, a mobil.
Nevýhodou tohto prístupu Niektorí webmasteri volal zložitosť jeho vykonávanie.Ale s príchodom CSS 3 vytvoriť šablónu adaptívneho usporiadanie bolo veľmi jednoduché.Ani najskúsenejší môžu webmasteri, aby vaše stránky ľahko zobraziť na mobilnom zariadení.
a vlastnosti adaptívne rozloženie
Aké princípy ležať na základe adaptívneho rozloženie v Web Design?
- Použitie "gumy" typ rozvrhnutie.
- «Rubber" obraz.
- Používanie médií otázok (médiá-dotazov).
- potrebné myslieť na mobilných zariadení s vzniku rozvrhnutie.
Z týchto základných zásad tohto spôsobu vytvárania šablóny dodržiavať nasledujúce funkcie adaptívne rozloženia:
1. návrh a tvorba dizajnu miesta, s prihliadnutím na prácu na celom spektre povolenie: z mobilnej do širokouhlé displeje.
2. Umiestnenie pomocou kaskádových štýlov technológie s otázky médií, ktoré sa objavili v CSS 3.
3. programovania na strane klienta aj servera pre prenos na mobilné zariadenia s menším objemom a rozlíšenie obrazu.
dôležitým aspektom, za to, že vytvoril adaptívne rozloženie - rozlíšenie matrica populárnych elektronických zariadení.Takýto prístup v dizajne bude prezeranie webových stránok na akejkoľvek obrazovke je veľmi pohodlné.Ale ako viete, ktoré z nich by mal zahŕňať štýly?
Kde začať vёrstku adaptívne rozloženie?
Väčšina lokalít sú vyrobené tak, aby na obrazovkách Smartphony a tablety vyzerať posuvníky, ktoré nie sú tak vhodné pre surfovanie, a dizajn a usporiadanie mnohých internetových projektov jednoducho "plávať".Webové stránky vytvorené pre učenie web design, obsahuje celý rad rôznych zariadení, rozlíšenie obrazovky, podľa ktorých náklady tvoria vaše stránky.
Adaptívne usporiadanie, ktorých príklady možno nájsť pomerne často, má mnoho výhod.Čo je potrebné pamätať v tomto prístupe k vytvoreniu rozloženie stránky?
začala pracovať na šablóne, je dôležité, periodicky vyskúšať, ako je zobrazená obsahu a usporiadanie blokov na rôznych obrazovkách dobre.K tomu, niekedy jednoducho zmeniť šírku okna prehliadača.Štýly súbor dostane príkazy médií a zmení umiestnenie blokov, takže významné zmeny.Dobrým nástrojom pre testovanie šablóny adaptívne rozvrhnutie môžu byť stránky, ktoré napodobňujú obrazoviek mobilných zariadení rôznych modelov.Tieto služby umožnia podrobnejšie posúdenie a zhodnotiť, ako to vyzerá v dizajne zobrazuje celý rad mobilných zariadení.
Hoci technológia adaptívneho usporiadanie nie je tak jednoduché, bude jeho vývoj ponesie ovocie veľmi skoro.
