üha populaarsemaks mobiili, seda suurem on ebamugavustunne tunda, kui kerimine enamik saite.Sellepärast, kuna 2012. webmaster kasutati lahendust, mis muudab vaatamise ressursse ekraanid madala resolutsiooniga mugavam - adaptiivne paigutuse.
praegune trend
Täna, umbes viis miljardit inimest maailmas kasutavad mobiiltelefone, kusjuures kolmandik neist on nutitelefonid.Seega, mobiilse andmeside liiklus on muutumas üha olulisemaks, et saidi omanikud.Tõenäoliselt selline allikas külastajad ajas ainult kasvab.
Bots kiiresti reageerinud trend.Suured ettevõtted "Yandex" ja Google tegi olulisi muutusi oma hinne algoritme saitidel otsingutulemuste võttes arvesse kättesaadavus adaptiivne paigutuse ja kujunduse.Lihtsamalt öeldes, veebipõhised vahendid, mis on optimeeritud mobiiltelefonid, nutitelefonid ja tabletid, mis on eelis oma konkurentide ees.
määratlus adaptiivne paigutus
Adaptive layout - loomise meetodit skelett veebilehe automaatselt asukohta muuta plokid vastavalt ekraani resolutsioon seade, kus seda peetakse.See tähendab, et selline lähenemine on loodud konkreetse stiile erinevaid õigusi.See efekt on saavutatud kirjalikult eriline CSS-faylov.Ranshe probleem oli lahendatud mõnevõrra erinevalt.Arendajad pidi tegema palju rohkem "žestid", luues vёrstku ja disain elementaarsem versioon saidile ja teevad sama mobiilne.Sõltuvalt seadme ekraan, mille vaatamiseks Internet projekti olemasoleva mobiilsel platvormil, töötab sobiv versioon saidile.
Selline lähenemine on mitmeti ole enam põhjendatud, ja enamik Webmasters ei seadnud umbes luua mobiilne versioon.Nüüd asendab selline, et tuli adaptiivne paigutuse.Luues raamistiku saidi kasutades seda tehnoloogiat, web-master keskendub kõik oma jõupingutused luua projekti versioonis, ja külastajad saavad olema sama mugav seda vaadata kui suurel ekraanil arvuti ja mobiiltelefoni, nutitelefoni või tablett.
Eelised adaptiivne paigutus
Mis kasu on adaptiivne paigutus saite?See oli varem märgitud, et eelis on õige ekraanile kõik plokid lehekülje kohta mis tahes seadet.Samuti on positiivne aspekt selle lähenemise loomist malli võib nimetada määra muudatuste rakendamist.Mida see tähendab?
Kell olemasolu kohas kahe platvormiga vёrstku tehtud muudatused vajadust rakendada esimeses versioonis töö, ja siis - mobiiltelefoni.Kui muutused kood oli üsna märkimisväärne, muutmise protsessi need muutused võivad oluliselt viivitada.Kui adaptiivne kehtestamine objektil töid teostatakse ühe faili.Tehtud muudatused paigutus veebilehel on võrdselt varsti ilmuvad tootmise versioon ja mobiiltelefoni.
Negatiivne külg on see lähenemine mõned Webmasters nimetatakse keerukust selle rakendamist.Aga tulekuga CSS 3 luua malli kohanduva kujundus oli väga lihtne.Mitte isegi kõige kogenud Webmasters teha saidile lihtne vaadata mobiilne seade.
põhimõtted ja omadused adaptiivne paigutus
Mis põhimõtteid püsima alusel adaptiivne paigutus web design?
- kasutamine "kumm" tüüpi paigutus.
- «Kummi" pilt.
- Kasutades meedia päringud (meedia-queries).
- vajadus mõelda mobiilseadmete loomisest paigutuse.
Nende aluspõhimõtete see meetod luua malli järgi alljärgnevaid funktsioone adaptiivne paigutus:
1. loomine, kujundamine ja veebilehe kujunduse, võttes arvesse tööd kogu spektri lubade: mobiil laiekraanidel.
2. asukoha kasutades Kaskaadlaadistik tehnoloogia meedia päringutele, mis ilmus CSS 3.
3. Programmeerimine küljel nii kliendi ja serveri edastamiseks mobiilseadmete väiksema mahuga ja pildi resolutsioon.
oluline aspekt, arvestades, et loodud adaptiivne layout - resolutsioon maatriks populaarne elektroonikaseadmeid.Selline lähenemine disain teeb veebibrauserit tahes ekraan on väga mugav.Aga kuidas sa tead, millised peaks sisaldama stiile?
Kust alustada vёrstku adaptiivne kujundus?
Enamus saite on tehtud nii, et ekraanidele nutitelefonid ja tabletid ilmuvad kerimisribad, et ei ole nii mugav surfing ja disain ja kujundus paljude Internet projekte lihtsalt "float".Veebilehed loodud õppimise web disain, sisaldab erinevaid seadmeid, ekraani resolutsioone, mille kulud moodustavad saidile.
Adaptive paigutus, mille näiteid võib leida üsna tihti, on palju eeliseid.Mida meeles pidada seda lähenemist luua lehe kujundus?
alustas tööd malli, on oluline regulaarselt testida kui hästi kuvatud sisu ja kujundus plokid erinevaid ekraane.Selleks, mõnikord lihtsalt laiust muuta brauseri akent.Faili stiile saab meedia päringutele ning muudab asukohta plokid, tehes olulisi muudatusi.Hea vahend katsetamiseks malli adaptiivne paigutus võib olla paigad, mis matkivad ekraanid mobiilseadmetele erinevaid mudeleid.Need teenused võimaldavad üksikasjalikult läbi ja hindab, kuidas see välja projekteerimise kuvab erinevaid mobiili.
Kuigi tehnoloogia adaptiivne paigutus ei ole nii lihtne, selle arengut kannab vilja väga kiiresti.
