Sākotnēji vietņu izstrādātājiem nav jāuztraucas par tīmekļa vietņu izstrādi, jo lietotāji tos skatītu datoros, un šiem datoriem bija fiksēta ekrāna izšķirtspēja. Ar mobilo revolūciju arvien vairāk cilvēku meklē informāciju savā mobilajās ierīcēs - planšetdatoros vai mobilajos tālruņos. Tādēļ vietņu izstrādātājiem tas ir kļuvis vajadzīgs, lai izveidotu tīmekļa vietni, kas rūpējas par visu, sākot no Windows PC līdz mobilajām ierīcēm. Šajā rakstā ir izskaidrota atšķirība starp adaptīvs un atsaucīgs web dizains un ļauj jums izlemt, kurš no tiem ir labāks jums un jūsu organizācijai.
Atbildīgs Web dizains
Atbildīgais Web dizains ietver papildu kodēšanu un izmanto to, ko sauc par "šķidruma tīkliem". Cipari ir norādīti procentos, nevis precīzā pikseļu skaitā. Tādējādi tas pats vietnes kods tiek pareizi parādīts datora ekrānā un mobilā tālruņa ekrānā. Tādējādi neatkarīgi no tā, kā jūs maināt ekrāna izmēru, tajā pašā vietnē tiek parādīts viegli lasāms veids. Mazākām vietnēm teksts un attēli var viegli plūst ar ekrāna telpu un ievietot to, nepārkāpjot vietni vai neapgriežot vietnes daļas.
Atbildīgas web dizains pieeja padara obligāti izmantot CSS3, nevis tikai CSS. Tas arī izmanto pielāgojamus attēlus un šķidruma tīklus, kurus ir nedaudz grūti kodēt.
Adaptīvais Web dizains
Adaptīvais tīmekļa dizains ir vērsts arī uz to, lai papildus datora ekrāniem tiktu rādīta arī skatāma tīmekļa vietne tablešu un mobilo tālruņu veidā. Tomēr pieeja nedaudz atšķiras. Reaģējošā tīmekļa dizaina ziņā tā bija elastība, kas ļāva brīvā teksta plūsmai un attēlu lieluma pielāgošanai dažādiem ekrāniem.
Pielāgotā tīmekļa dizaina izstrādātāji izmanto iepriekš noteiktu ekrāna izmērus un kodu. Tas nozīmē, ka, ja lietotājs nokļūst vietnē, vietne nosaka izmantojamās ierīces veidu un piedāvā vietni, kas paredzēta konkrētajai ierīces ekrāna izmēram. Atsevišķos gadījumos saturs dažādās ierīcēs var atšķirties.
Piemēram, izstrādātāji apsvērs 1280 × 800 pikseļus datoriem, 8 "tabletēm un 5" mobilajiem telefoniem. Ātrās pielāgojamās tīmekļa projektēšanas kods ietver ekrānu identifikāciju. Ja tas ir dators, parādiet vietnes datora versiju. Ja tā ir 8 "planšetdatora planšetdatora versija, parādiet tīmekļa vietnes planšetdatora versiju un tāpat, ja ierīce ir mobilais tālrunis, parādiet vietnes mobilo versiju. Tas tiek sasniegts, izmantojot "IF" paziņojumu, kam seko dažādi izmēri precīzi norādīti pikseļos, nevis procentuāli.
Ja jaunās ierīces nāk ar dažādu ekrāna izšķirtspēju, izstrādātājiem būs jāatgriežas pie kodēšanas, lai iekļautu jaunākās ekrāna izšķirtspējas. Tādējādi pielāgojamai tīmekļa vietnei dizaina veidošanai ir neliela izaugsmes iespēja mazākās ierīcēs, ja izstrādātāji nav piesardzīgi.
Salīdzinājumā ar atsaucīgu web dizainu pielāgojamu tīmekļa dizainu vieglāk kodēt, un lielākā daļa izstrādātāju to izvēlas, izmantojot atsaucīgo web dizainu.
Atbildīgs pret adaptīvo web dizainu
Atbildīgas tīmekļa vietnes ir grūti kodēt. Kods ir sarežģīts, un fiksēto pikseļu vērtību vietā izmanto procentuālās vērtības. Tam ir vajadzīga liela koncentrēšanās koncentrācija, lai izveidotu tīmekļa vietni, kas mēra atbilstoši ierīču ekrāna izmēram. Gluži pretēji, ir vieglāk izveidot dažādas vietnes dažādām ierīcēm, kā tas ir adaptīvā tīmekļa dizaina gadījumā. Lai gan darbs ir vairāk adaptīvā tīmekļa izstrādē, jo izstrādātāji varētu izveidot dažādas vietnes dažādiem ierīču izmēriem, tas joprojām ir vieglāk salīdzinājumā ar atsaucīgu web dizainu.
Tā kā tirgū ir pārāk daudz mobilo ierīču, izstrādātāji nevar obligāti iekļaut visu veidu ekrāna izšķirtspējas. Ja tīmekļa vietnes pielāgošana tiek izmantota, tas noved pie tīmekļa vietņu audzēšanas mazākos ekrānos.
Adaptīvās tīmekļa vietnes ir mazliet lēnas, jo vietne vispirms noskaidro, kāda ierīce un kāda ekrāna izšķirtspēja tiek izmantota. Pamatojoties uz to, attiecīgās ierīces versija ir ievietota ierīces ekrānā. Ja tiek izmantota atsaucīga web dizains, izmanto vienu kodu un tas tiek automātiski samazināts, lai tas atbilstu mobilajiem ekrāniem.
Jūs varētu vēlēties arī apskatīt šo ziņu par MSDN nosaukumu Kāpēc es gribētu pielāgotā tīmekļa dizaina izstrādi par atsaucīgu web dizainu.
UPDATE: Saistītā lapa nav pieejama Microsoft. Iespējams, ka vēlaties to pārbaudīt, izmantojot SharePoint Responsive Web Design.
