КомпјутериИнформатичката технологија

Адаптација на сајтот за мобилни уреди: чекор по чекор инструкции. вебсајт за мобилни уреди

Мобилниот адаптација на сајт е стануваат се повеќе популарни се должи на зголемување на бројот на паметни телефони и таблети. Што е тоа? Кои се придобивките? Особено ова прашање е актуелно за сопствениците на онлајн продавници и веб-страниците на различни услужни фирми, блогови и популарни форуми. Како да се прилагодат на еден сајт за мобилни уреди може да се врши? Еве една кратка листа на прашања кои ќе се дискутира во рамките на статијата.

општи информации

Значи, прво да ги погледнеме во она што одговора дизајн. Така е конфигурација во која сите уреди испратени до истиот HTML-кодот, но димензиите на елементите се прилагоди преку CSS. Различни роботи за пребарување може да се открие на таквите страници, под услов страници и средства не се видливи за скенирање. Со цел да се каже на прелистувачот на оваа можност, користете мета име таг = "гледиштето". Што е адаптација на сајтот за мобилни уреди?

Размислете таг

Значи, вие мора да бидете сигурни дека тоа беше мета таг името = "гледиштето". Зошто би го? Дека постојат инструкции на пребарувачот за тоа како да се прилагоди на големината и обемот на страната на ширината на екранот на уредот, од кои можете да видите на сајтот. Ако не го додадете ова мала ставка, се прикажува стандардно страница, наменета за компјутери. Но, додека мобилни пребарувачи ќе се обидат да се оптимизира на содржина, што ќе резултира со зголемување на фонтот, скалабилни содржина или приказ на содржините кои ги собере на екранот. убаво е тоа? Не, мобилната верзија на сајтот во таков случај ќе предизвика само негативна перцепција. По сите фонтови ќе бидат диспропорционални, потребно е да дојдете на страната и се повеќе број на активности кои, иако тие се мали, но сепак досадни. Проверете адаптација сајт за мобилни уреди, можете да го користите вашиот телефон, таблет или специјални служби и програми. Се разбира, во првите две опции се користи, но ако ви треба темелна анализа од перспектива на различни уреди и да заштедите време, а потоа се вклопуваат во второто.

Кои се предностите на прилагодување на страница за мобилни уреди?

Користење на овој пристап ви овозможува да:

  1. На корисниците да споделуваат содржини во случаи каде што има една адреса.
  2. Алгоритми на пребарувачите за да го добиете точниот формата на страната, постои забуна со различни верзии.
  3. Намалување на веројатноста за појава на грешки.
  4. Намалување на времето на подигање со елиминирање на потребата повторно индексирање.
  5. Спаси ресурси.

Покрај тоа, адаптивни страница да се создаде полесно од неколку опции за нешто што. Адаптација на сајтот за мобилни уреди (да го направите тоа е сосема можно) не е нешто тешко да се знае JavaScript доволно и можност да работат со Cascading Style Sheets (CSS), и слики. Постојат многу пристапи на оваа задача. Како дел од статијата ќе се смета од страна на три од најпопуларните опции:

  1. Акцентот во JavaScript.
  2. Комбинирање.
  3. Динамична употреба на JavaScript.

Дозволете ни да ги разгледа во повеќе детали.

Адаптација на користење на JavaScript

Во овој случај, една содржина. И со JavaScript промените форматирање на механизмот на функционирање на страната. Се што е во овој случај зависи од платформата. Овој алгоритам е сличен на медиумите прашања каскадни стил лист. Да разгледаме еден мал пример за работата во пракса. Значи, имаме една страница со HTML-кодот, кој се наоѓа елементот