Adaptive skipulag fyrir vefsíður

Vaxandi vinsælda farsíma, þeim mun meiri óþægindi fann þegar flett flestum stöðum. Það er ástæðan, síðan 2012, hefur orðið vefstjóra nota lausn sem gerir skoðun á auðlindum með lítið öruggari skjái upplausn - aðlagandi skipulag.

Núverandi stefna

Í dag, um fimm milljarðar manna í heiminum nota farsíma, með þriðjung þeirra hafa smartphones. Því hreyfanlegur gögn umferð er að verða sífellt mikilvægari í website eignarréttur. Sennilega, svo uppspretta af gestum tímanum mun aðeins aukast.

Leitarvélar brugðist skjótt við þessari þróun. Stór fyrirtæki "Yandex" og Google gert verulegar breytingar á reiknirit þeirra að röðun vefsíður í leitarniðurstöðum, að teknu tilliti til tiltækileika aðlögunarhæfni skipulag og hönnun. Einfaldlega setja, vefur-undirstaða úrræði sem eru bjartsýni fyrir farsíma, smartphones og töflur, mun hafa yfirburði yfir keppinauta sína.

Skilgreining aðlögunarhæfni skipulag

Adaptive skipulag - aðferð við að búa til ramma vefsíðum sjálfkrafa breyta staðsetningu blokkir í samræmi við ályktun skjár tækisins sem það er skoðað. Það er, með þessari aðferð sem þú búið til sérstakar stíll fyrir ýmsum heimildum. Þessi áhrif er gert með því að sérstakt skrifa CSS-skrá. vandamálið var leyst nokkuð öðruvísi áður. Verktaki varð að gera mikið meira "athafnir", búa vorstku og hönnun grunn útgáfu af the staður og það sama gildir um að gera farsíma. Það fer eftir tækinu skjánum, sem hefur verið skoðuð Internet verkefni við núverandi hreyfanlegur pallur, rekur viðeigandi útgáfa af the staður.

Þessi aðferð er á margan hátt ekki lengur réttlætanlegt, og flest vefstjóra ekki sett um að búa til hreyfanlegur útgáfa. Nú skipta svo pöntun kom aðlagandi skipulag. Þegar þú býrð til síðuna ramma með hjálp þessarar tækni, vefstjóri er að einbeita allar tilraunir til þess á að búa til útgáfu af verkefninu, og gestir geta haft sams konar þægindi, skoða það sem stór tölvuskjá og á farsíma, snjallsíma eða spjaldtölvu.

Kostir aðlögunarhæfni skipulag

Hvað eru kostir aðlagandi skipulag stöðum? Það var áður tekið fram að kostur er rétt skjá allra blokkir af síðunni á hvaða tæki. Það er líka jákvæður þáttur þessarar nálgunar í sköpun sniðmáti er hægt að kalla hraði framkvæmd breytinga. Hvað þýðir það?


Þegar það var fyrst hrint í framkvæmd á staðnum á tveimur kerfum vorstku gerðar að þeim breytingum sem krafist er í vinnu útgáfu, og eftir - í farsíma. Ef breytingar á kóða voru alveg verulega, ferlið til að gera slíkar breytingar geta haft mikil frestað. Þegar aðlögunarhæfni vorstke vinna á staðnum er framkvæmd í einni skrá. Breytingar gerðar á vefsíðu skipulag verður sú sama brátt birtast eins og í vinna útgáfa, og farsíma.

The hæðir af þessari nálgun, sumir vefstjóra heitir flókið framkvæmd hennar. En með tilkomu CSS 3 til að búa aðlagandi skipulag sniðmát var mjög einfalt. Ekki jafnvel reyndustu vefstjóra getur gert síðuna þína auðvelt að sjá í farsíma.

Þær meginreglur og lögun aðlögunarhæfni skipulag

Hvaða meginreglur liggja aðferð aðlögunarhæfni skipulag í vefhönnun?

- Notkun "gúmmí" tegund skipulag.

- "gúmmí" mynd.

- Nota fjölmiðla fyrirspurnir (fjölmiðla-fyrirspurnir).

- Þörfin til að hugsa um farsíma með upphafi skipulag.

Frá þessum grundvallarreglum þessa aðferð við að búa til sniðmát leidd aðlagandi skipulag eftirfarandi aðgerðum:

1. Hönnun og sköpun síða hönnun, teknu vinnu reikning á öllu bilinu ályktanir: frá farsímanum yfir stórum sniði skjám.

2. Staðsetning því að nota stílblöð við fjölmiðla fyrirspurnir með tækni sem birtist í CSS 3.

3. Forritun á hlið bæði viðskiptavinur og miðlara fyrir sendingu myndir til hreyfanlegur tæki af minni stærð og upplausn.

Mikilvægur þáttur í ljósi sem skapar aðlagandi skipulag - Upplausn fylki vinsæll raftækjum. Slík nálgun í hönnun mun gera vefur beit á hvaða skjá sem er mjög þægilegt. En hvernig veistu hver sjálfur ert virði að fela í stíl?

Getting Started vorstku aðlögunarhæfni skipulag?

Flestar síður eru gerðar þannig að á smartphone og tafla skjár birtist fletta bars sem eru ekki eins auðvelt að vafra, og hönnun og skipulag af mörgum verkefnum Internet einfaldlega "fljóta". Á vefsíðum, búin að kenna vefhönnun, inniheldur ýmis skjáupplausnum ýmissa tækja, sem ber typeset síður á vefsvæðinu þínu.
Adaptive skipulag, dæmi sem hægt er að finna nokkuð oft, hefur marga kosti. Hvað á að muna með þessari nálgun við sköpun útliti síðunnar?

Fá að vinna á sniðmáti, það er mikilvægt reglulega að prófa hversu vel efni birtist og skipulag blokkir á mismunandi skjái. Til að gera þetta, stundum einfaldlega breyta breidd glugga. Skrá með stíl af fengu fjölmiðla fyrirspurn og breyta staðsetningu blokkir, gera verulegar breytingar. Gott tól til að prófa aðlagandi skipulag sniðmát gæti verið staður sem líkja skjár af hreyfanlegur tæki af mismunandi gerðum. Þessi þjónusta leyfir að íhuga vandlega og meta hvernig hönnun lítur á skjám ýmsum farsímum.

Þó að tækni af aðlögunarhæfni skipulag er ekki svo einfalt, þróun hennar mun bera ávöxt mjög fljótlega.