yhä suosittu mobiililaitteisiin, suurempi epämukavuus tuntui selattaessa useimmissa paikoissa.Siksi, koska 2012, webmaster käytettiin ratkaisu, joka tekee katselu resursseja näytöt alhainen resoluutio mukavampaa - mukautuva ulkoasu.
nykyinen suuntaus
Nykyään noin viisi miljardia ihmistä maailmassa käyttää matkapuhelimia, joissa kolmasosa heistä on älypuhelimissa.Siksi langattoman dataliikenteen on yhä tärkeämpää sivuston omistajat.Luultavasti, niin lähde kävijöitä ajan vain kasvaa.
Botit nopeasti reagoinut tätä suuntausta.Suuret yritykset "Yandex" ja Google teki merkittäviä muutoksia sen sijoitusta algoritmeja sivustoja hakutuloksissa, ottaen huomioon käytettävissä olevat mukautuva asettelu ja muotoilu.Yksinkertaisesti sanottuna, web-pohjaisten resurssien, jotka on optimoitu matkapuhelimet, älypuhelimet ja tabletit, on etulyöntiasema kilpailijoihinsa.
määritelmä adaptiivisen asettelun
Adaptive layout - tapa luoda luuranko web-sivun, automaattisesti muuttaa sijaintia lohkojen mukaisesti näytön resoluutio laite, jossa se on katsottu.Eli tämä lähestymistapa loi erityisiä tyylejä eri käyttöoikeudet.Tämä vaikutus saavutetaan kirjoittamalla erityinen CSS-faylov.Ranshe ongelma ratkesi hieman eri tavalla.Kehittäjät piti tehdä paljon enemmän "eleitä", luoden vёrstku ja suunnitella perusversio sivuston ja tehdä sama mobiili.Riippuen laitteen näyttöä, jolloin näkyviin Internet hanke nykyisen mobiilialusta, kulkee sopiva versio sivustosta.
Tämä lähestymistapa on monin tavoin ole enää perusteltua, ja useimmat ylläpitäjät eivät asettaneet luomisesta mobiiliversio.Nyt korvata tällainen tilaus tuli mukautuva ulkoasu.Luomalla puitteet sivuston avulla tätä tekniikkaa, web-master keskittää kaikki voimansa luoda projektin versiosta, ja vierailijat voivat olla sama tason mukavuutta nähdä sitä ison näytön tietokoneen ja matkapuhelimen, älypuhelimen tai tabletti.
Edut adaptiivisen asettelun
Mitä etuja on mukautuva ulkoasu sivustoja?Todettiin aiemmin, että etu on oikea näytön kaikkien lohkojen sivun millä tahansa laitteella.Se on myös Myönteistä tämän lähestymistavan luomisessa mallin voidaan kutsua määrä toteuttaa muutokset.Mitä tämä tarkoittaa?
Tällä läsnäolo paikalla näiden alustojen vёrstku tehdyt muutokset tarve toteuttaa ensimmäisessä versio työstä, ja sitten - mobiili.Jos koodien muutokset olivat varsin merkittäviä, prosessi tehdä nämä muutokset voivat merkittävästi myöhässä.Kun mukautuva määrääminen työtä sivustolla suoritetaan yhteen tiedostoon.Tehdyt muutokset ulkoasu sivun tulee yhtä pian näkyä tuotannon versio, ja mobiili.
Huonona puolena tässä lähestymistavassa Jotkut ylläpitäjät nimeltään monimutkaisuus sen täytäntöönpanoa.Mutta kynnyksellä CSS 3 luoda malli adaptiivisen ulkoasu oli hyvin yksinkertainen.Edes kaikkein kokeneet ylläpitäjät voivat tehdä sivuston helppo katsella mobiililaitteella.
periaatteet ja ominaisuudet mukautuva ulkoasu
Mitä periaatteita makaavat perusteella adaptiivisen ulkoasun web design?
- käyttö "kumi" tyyppi layout.
- «kumi" kuva.
- käyttäminen median kyselyt (media-kyselyt).
- tarve ajatella mobiililaitteisiin tekohetkellä asettelua.
Näistä perusperiaatteista tätä menetelmää luoda mallin seurata seuraavat ominaisuudet mukautuva ulkoasu:
1. suunnittelu ja sivuston suunnittelu, ottaen huomioon työn, koko kirjon luvat: matkapuhelimista laajakuva näyttöjä.
2. Positioning käyttäen CSS teknologia median kyselyt, joka ilmestyi CSS 3.
3. Ohjelmointi puolella sekä asiakkaan ja palvelimen lähetettäväksi mobiililaitteisiin pienempään tilavuuteen ja kuvan resoluutio.
tärkeä näkökohta, koska luotu mukautuva ulkoasu - päätöslauselma matriisi suosittu elektroniset laitteet.Tällainen lähestymistapa suunnittelussa tekee surffailusta millä tahansa näytöllä on erittäin mukava.Mutta mistä tiedät, mitkä olisi sisällytettävä tyylejä?
Mistä aloittaa vёrstku mukautuva ulkoasu?
Useimmat sivustot on tehty niin, että näytöt älypuhelinten ja tablettien näkyvät vierityspalkkien jotka eivät ole yhtä kätevä surffausta, ja suunnittelu ja taitto monien Internet hankkeiden yksinkertaisesti "float".Verkkosivuille oppimisen web design, sisältää erilaisia laitteita, näyttöresoluutioilla, jonka kustannukset muodostavat sivuston.
Adaptive ulkoasu, joista esimerkkejä voidaan löytää varsin usein, on monia etuja.Mitä muistaa tämän lähestymistavan luoda sivun asettelu?
aloitti työt mallin, on tärkeää säännöllisesti testata, kuinka hyvin näkyvissä sisältö ja ulkoasu lohkojen eri näytöissä.Voit tehdä tämän, joskus yksinkertaisesti muuttaa leveyttä selainikkunan.Tiedoston tyylit saa median kyselyt ja muuttaa sijainti lohkojen tekee merkittäviä muutoksia.Hyvä työkalu testaukseen mallin mukautuva ulkoasu voi olla sivustoja, jotka matkivat näytöt mobiililaitteita eri malleja.Nämä palvelut mahdollistavat yksityiskohtaisen tarkastelun ja arvioida, miten se näyttää suunnittelussa näyttää erilaisia mobiililaitteita.
Vaikka teknologia adaptiivisen ulkoasu ei ole niin yksinkertainen, sen kehitys kantaa hedelmää hyvin pian.
