ce în ce mai populare dispozitive mobile, cu atât mai mare disconfortul simțit atunci când defilare cele mai multe site-uri.De aceea, din 2012, webmaster a fost folosit soluție care face vizualizarea de resurse pe ecrane cu rezoluție mică mai confortabil - aspect de adaptare.
tendința actuală
Astăzi, aproximativ cinci miliarde de oameni din lume folosesc telefoane mobile, cu o treime dintre ei au smartphone-uri.Prin urmare, traficul de date mobile devine tot mai importantă pentru proprietarii site-ului.Probabil, o astfel de sursă de vizitatori în timp va crește doar.
Bots a reacționat rapid la această tendință.Marile corporații "Yandex" și Google a făcut modificări semnificative în site-urile sale algoritmi de rang în rezultatele de căutare, luând în considerare disponibilitatea aspect adaptive si design., Resurse web-based Pur și simplu pune, care sunt optimizate pentru telefoane mobile, smartphone-uri și tablete, vor avea un avantaj față de concurenții lor.
Definiția aspect adaptive aspect
Adaptive - o metodă de creare a unei pagini web schelet, schimba automat locația blocurilor în conformitate cu rezoluția ecranului dispozitivului pe care este vizualizat.Asta este, această abordare a creat stiluri specifice pentru o varietate de permisiuni.Acest efect este realizat prin scris o problemă specială CSS-faylov.Ranshe fost rezolvată oarecum diferit.Programator a făcut o mult mai mult "gesturi", creând vёrstku si design versiunea de bază a site-ului și de a face același lucru pentru mobil.În funcție de ecranul dispozitivului pe care a vizualiza proiect Internet cu platforma mobilă existente, se execută versiunea corespunzătoare a site-ului.
Această abordare este în multe feluri nu se mai justifică, iar cele mai multe webmasteri nu a stabilit despre crearea o versiune mobilă.Acum înlocui un astfel de ordin a venit aspect de adaptare.Prin crearea unui site cadru folosind aceasta tehnologie, web-maestrul concentrează toate eforturile pe crearea unui versiune a proiectului, iar vizitatorii pot avea același nivel de confort pentru a putea vizualiza ca un computer cu ecran mare si un telefon mobil, smartphone sau tabletă.
Avantajele aspect adaptive
Ce avantaje are aspectul de adaptare de site-uri?Acesta a fost menționat mai devreme că avantajul este afișajul corectă a tuturor blocuri de pagina de pe orice dispozitiv.De asemenea, este un aspect pozitiv al acestei abordări în crearea unui model poate fi numit rata de punere în aplicare a modificărilor.Ce înseamnă acest lucru?
Hyper la locul de cele doua platforme vёrstku modificările aduse la necesitatea de a pune în aplicare în prima versiune a lucrării, și apoi - în telefonul mobil.Dacă schimbările din codul au fost destul de substanțiale, procesul de a face aceste schimbări ar putea foarte mult întârziat.Când munca impunerea adaptive pe site-ul este realizat in-un singur fișier.Modificările efectuate la aspectul paginii web va fi la fel de apărea în curând în versiunea de producție, și telefonul mobil.
Dezavantajul acestei abordări unor webmasteri numit complexitatea punerii sale în aplicare.Dar, cu apariția de CSS 3 pentru a crea un șablon de dispunere adaptive a fost foarte simplu.Nici măcar webmasteri mai experimentati pot face site-ul dvs. ușor pentru a vizualiza pe un dispozitiv mobil.Principiile
și caracteristici de aspect de adaptare
Ce principii stau la baza aspectul adaptive in web design?
- Utilizarea "cauciuc" aspect de tip.
- «de cauciuc" imagine.
- Utilizarea interogari mass-media (media-interogări).
- Necesitatea de a gândi de dispozitive mobile cu începutul aspectul.
Din aceste principii de bază ale acestei metode de a crea un șablon urmați următoarele caracteristici de aspect de adaptare:
1. proiectarea și crearea de design site, luând în considerare munca pe întregul spectru de autorizații: de la mobil la panoramic afișează.
2. Poziționarea cu ajutorul Cascading Style Sheets tehnologie cu interogări mass-media, care au apărut în CSS 3.
3. Programarea pe partea client și server pentru transmiterea la dispozitive mobile de volum mai mic și rezoluția imaginii.
aspect important, având în vedere că a creat un aspect adaptivă - matrice rezoluție dispozitive electronice populare.O astfel de abordare în proiectarea va face navigarea pe web de pe orice ecran este foarte confortabil.Dar de unde stii care dintre ele ar trebui să includă stilurile?
În cazul în care pentru a începe aspect vёrstku adaptare?
Cele mai multe site-uri sunt realizate astfel încât pe ecranele smartphone-uri și tablete de apar bare care nu sunt la fel de convenabil pentru surfing derula, și proiectarea și amenajarea a numeroase proiecte de Internet, pur și simplu "float".Site-urile create pentru a învăța de web design, conține o varietate de dispozitive diferite, rezoluții de ecran, în care costurile alcătuiesc site-ului.Aspect
Adaptive, exemple pot fi găsite destul de des, are multe avantaje.Ce să ne amintim în această abordare pentru a crea un aspect de pagină?
inceput sa lucreze la un șablon, este important periodic pentru a testa cât de bine conținutul afișat și dispunerea blocurilor pe diferite ecrane.Pentru a face acest lucru, pur și simplu, uneori, schimba lățimea ferestrei browser-ului.Stiluri fisier este interogări mass-media și schimbă locul de blocuri, făcând schimbări semnificative.Un instrument bun pentru testarea aspectul adaptiv șablon poate fi site-uri care imita ecranele de dispozitive mobile de diferite modele.Aceste servicii vor permite analiză detaliată și să evalueze modul în care arată în proiectarea afișează o varietate de dispozitive mobile.
Desi tehnologia de aspectul de adaptare nu este atât de simplu, dezvoltarea sa va da roade foarte curând.
