Ankstyvieji svetainių kūrėjai neturėjo nerimauti dėl svetainių kūrimo, nes vartotojai juos peržiūrės kompiuteriuose, o tiems kompiuteriams nustatyta fiksuota ekrano skiriamoji geba. Mobiliosios revoliucijos metu daugiau ir daugiau žmonių savo mobiliuosiuose įrenginiuose - planšetiniuose kompiuteriuose ar mobiliuosiuose telefonuose - ieško informacijos. Todėl interneto svetainių kūrėjams tapo būtina sukurti internetinę svetainę, kuri būtų tinkama viskam, nuo "Windows" iki mobiliųjų įrenginių. Šis straipsnis paaiškina skirtumą tarp prisitaikanti ir jautri web dizainas ir leidžia jums nuspręsti, kuris iš jų yra geresnis jums ir jūsų organizacijai.
Atsakomasis Web dizainas
Atsakomasis Web dizainas apima papildomą kodavimą ir naudojamas vadinamas "skysčių tinklais". Skaičiai nurodyti "procentais", o ne tikslus taškų skaičius. Dėl to tinkamas tinkamo tinklalapio kodas rodomas kompiuterio ekrane ir mobiliojo telefono ekrane. Taigi, nesvarbu, kaip jūs keičiate ekrano dydį, ta pati svetainė pateikiama lengvai suprantamu būdu. Mažesnėms svetainėms tekstas ir vaizdai lengvai srautą su ekrano erdve ir talpinami į jį nepažeidžiant tinklalapio arba neapkarpant svetainės dalių.
Atsakomasis interneto dizaino metodas reikalauja naudoti CSS3, o ne tik CSS. Jame taip pat naudojami keičiamo dydžio vaizdai ir skysčių tinklai, kuriuos koduoti sunku.
Adaptyvusis interneto dizainas
Adaptyvusis žiniatinklio dizainas taip pat skiriamas tam, kad be kompiuterio ekranų būtų pateikiama žiūrimi tinklalapių lentelėse ir mobiliuosiuose telefonuose. Tačiau požiūris šiek tiek skiriasi. Atsakantis web dizainas buvo lankstumas, leidžiantis laisvą teksto srautą ir vaizdų dydį pritaikyti skirtingiems ekranams.
"Adaptive web design", kūrėjai naudoja iš anksto nustatytus ekrano dydžius ir kodą atitinkamai. Tai reiškia, kad kai vartotojas nukreipia svetainę, svetainė nustato naudojamo įrenginio tipą ir pateikia svetainę, sukurtą tam konkrečiam įrenginio ekrano dydžiui. Kai kuriais atvejais turinys gali skirtis įvairiems įrenginiams.
Pavyzdžiui, kūrėjai turėtų atsižvelgti į 1280 x 800 pikselių kompiuteriams, 8 "tabletėms ir 5" mobiliesiems telefonams. Ankstyvas adaptacinio interneto projektavimo kodas apima ekranų identifikavimą. Jei tai yra kompiuteris, rodykite kompiuterio svetainės versiją. Jei tai 8 "tabletė, rodykite planšetinio kompiuterio versiją, taip pat, jei įrenginys yra mobilusis telefonas, rodykite mobiliosios svetainės versiją. Tai pasiekiama naudojant "IF" teiginį, o po to įvairaus dydžio tiksliai nurodyti pikseliais, o ne procentais.
Jei nauji įrenginiai pasidarys skirtingomis ekrano skiriamąja geba, kūrėjai turės grįžti prie kodavimo, kad įtrauktų naujausias ekrano rezoliucijas. Taigi, prisitaikantis interneto dizainas turi keletą galimybių apkarpyti mažesniuose įrenginiuose, jei kūrėjai nėra atsargūs.
Palyginti su jautriu web dizainu, pritaikomasis web dizainas lengviau koduojamas, o dauguma kūrėjų pasirenka pastarąjį per jautrią interneto dizainą.
Atsakomybė prieš adaptuotą interneto dizainą
Atsakomybės svetaines sunku koduoti. Kodas yra sudėtingas ir naudoja procentines vertes, o ne fiksuotas taškų reikšmes. Norint sukurti svetainę, kuri lygi pagal prietaisų ekrano dydį, reikia geros koncentracijos. Priešingai, yra lengviau kurti skirtingas skirtingų įrenginių svetaines, kaip yra adaptuojamame interneto projekte. Nors darbas yra labiau adaptuojamas interneto projektavimas, nes kūrėjai kurtų skirtingas svetaines skirtingiems įrenginių dydžiams, vis tiek lengviau, negu jautrus interneto dizainas.
Kadangi rinkoje yra per daug mobiliųjų įrenginių, kūrėjai nebūtinai gali įtraukti visas ekrano rezoliucijas. Tai lemia svetainių apkarpymą mažesniuose ekranuose, kai naudojamas adaptuotas interneto dizaino metodas.
Adaptyvios interneto svetainės yra šiek tiek lėtos, nes svetainė pirmiausia išsiaiškina, koks įrenginys ir kokia ekrano raiška naudojama. Remiantis tuo, atitinkama svetainės versija yra įkelta į įrenginio ekraną. Atsakančio web dizaino atveju naudojamas vienas kodas ir jis automatiškai sumažėja, kad atitiktų mobiliuosius ekranus.
Galbūt norėsite pažvelgti į šį pranešimą MSDN pavadinimu Kodėl aš noriu pritaikyti tinkamą dizainą per jautrų web dizainą.
UPDATE: susietas puslapis nėra "Microsoft". Galbūt norėsite patikrinti "SharePoint" reaguojančią interneto dizainą.
