Sa më të njohura bëhen pajisjet celulare, aq më e pakëndshme ndihet lëvizja në shumicën e sajteve. Kjo është arsyeja pse, që nga viti 2012, webmasterët kanë përdorur një zgjidhje që e bën më të rehatshme shikimin e burimeve në ekranet me rezolucion të ulët - paraqitjen adaptive.
Trend modern
Sot, rreth pesë miliardë njerëz në Tokë përdorin telefona celularë, ku një e treta e tyre kanë telefona inteligjentë. Prandaj, trafiku celular po bëhet gjithnjë e më i rëndësishëm për pronarët e faqeve të internetit. Ka të ngjarë që një burim i tillë vizitorësh do të rritet vetëm me kalimin e kohës. Motorët e kërkimit iu përgjigjën shpejt kësaj tendence. Korporatat e mëdha "Yandex" dhe Google kanë bërë ndryshime të rëndësishme në algoritmet e tyre për renditjen e faqeve në rezultatet e kërkimit, duke marrë parasysh disponueshmërinë e paraqitjes dhe dizajnit përshtatës. E thënë thjesht, burimet e uebit të optimizuara për telefonat celularë, telefonat inteligjentë dhe tabletët do të kenë një avantazh ndaj konkurrentëve të tyre.
Përkufizimi i përgjegjshëm i paraqitjes
Paraqitja adaptive është një metodë për të krijuar një kornizë të faqes në internet,duke ndryshuar automatikisht vendndodhjen e blloqeve në përputhje me rezolucionin e ekranit të pajisjes në të cilën shihet. Kjo do të thotë, me këtë qasje, krijohen stile të veçanta për një sërë rezolucionesh. Ky efekt arrihet duke shkruar skedarë të veçantë CSS.
Më parë, problemi u zgjidh pak më ndryshe. Zhvilluesit duhej të bënin shumë më tepër "lëvizje të trupit", duke krijuar paraqitjen dhe dizajnin e versionit kryesor të faqes dhe duke bërë të njëjtën gjë për atë celular. Në varësi të ekranit të pajisjes në të cilën është parë projekti i internetit me platformën celulare të disponueshme, është lançuar versioni i duhur i faqes.
Kjo qasje nuk e justifikoi veten në shumë mënyra, dhe shumica e webmasterëve nuk ndërmorën kurrë krijimin e një versioni celular. Tani kjo renditje është zëvendësuar me paraqitjen adaptive. Duke krijuar një skelet siti duke përdorur këtë teknologji, webmaster i përqendron të gjitha përpjekjet e tij në krijimin e një versioni të projektit dhe vizitorët mund ta shohin atë me të njëjtin nivel rehati si në një ekran të madh kompjuteri ashtu edhe në një telefon celular, smartphone ose tablet.
Përparësitë e paraqitjes së përgjegjshme
Cilat janë avantazhet e paraqitjes përshtatëse të faqes në internet? U vu re më parë se avantazhi është shfaqja e saktë e të gjitha blloqeve të faqeve në çdo pajisje. Gjithashtu, një aspekt pozitiv i kësaj qasjeje në krijimin e një shablloni është shpejtësia e zbatimit të ndryshimeve. Çfarë do të thotë kjo?
Nëse faqja kishte dy platforma, ndryshimet e bëra në paraqitje duhet të ishinfillimisht zbatohet në versionin e punës, dhe më pas në versionin celular. Nëse ndryshimet në kod ishin mjaft domethënëse, atëherë procesi i bërjes së ndryshimeve të tilla mund të zgjasë shumë. Me paraqitjen adaptive, puna në sit kryhet në një skedar. Ndryshimet e bëra në paraqitjen e faqes së internetit do të pasqyrohen njësoj së shpejti si në versionet e prodhimit ashtu edhe në ato celulare.
Disavantazhi i kësaj qasjeje, disa webmaster e quajnë kompleksitetin e zbatimit të saj. Por me ardhjen e CSS 3, krijimi i një modeli të përgjegjshëm të paraqitjes është bërë mjaft i thjeshtë. Edhe webmasterët pa përvojë mund ta bëjnë faqen e tyre miqësore për celularin.
Parimet dhe veçoritë e paraqitjes adaptive
Cilat parime bazohen në metodën e paraqitjes së përgjegjshme në dizajnin e uebit?
- Përdorimi i Llojit Fluid Layout.
- Imazhe "Rubber".
- Përdorimi i pyetjeve për media (pyetje mediatike).
- Nevoja për të menduar për pajisjet celulare që nga fillimi i paraqitjes.
Nga këto parime themelore të kësaj metode të krijimit të një shablloni, vijojnë veçoritë e mëposhtme të paraqitjes adaptive:
1. Dizajnimi dhe krijimi i një dizajni uebsajti duke marrë parasysh punën në të gjithë gamën e rezolucioneve: nga celulari tek ekranet me ekran të gjerë.
2. Struktura me fletë stili kaskadë duke përdorur teknologjinë e pyetjeve mediatike të prezantuara në CSS 3.
3. Programimi nga ana e klientit dhe serverit për të dërguar imazhe në pajisje celulare me madhësi dhe rezolucion më të vogël.
Një aspekt i rëndësishëm, duke marrë parasysh se cila paraqitje përshtatëse është krijuar, ështëmatrica e rezolucionit të pajisjeve elektronike të njohura. Kjo qasje për zhvillimin e dizajnit do ta bëjë shfletimin në internet në çdo ekran shumë të rehatshëm. Por si e dini se cilat të përfshini në stile?
Ku të filloni me paraqitjen reaguese?
Shumica e faqeve të internetit janë krijuar në atë mënyrë që shiritat e lëvizjes shfaqen në ekranet e telefonave inteligjentë dhe tabletëve, të cilët nuk janë aq të përshtatshëm për shfletim, dhe dizajni dhe paraqitja e shumë projekteve në internet thjesht "lundrojnë". Faqet e internetit të krijuara për mësimin e dizajnit të uebit përmbajnë një sërë rezolucionesh të ekranit të pajisjeve të ndryshme, nën të cilat ia vlen të shtroni faqet e faqes suaj.
Struktura përshtatëse, shembuj të të cilave mund të gjenden mjaft shpesh, ka shumë përparësi. Çfarë duhet të keni parasysh kur i afroheni paraqitjes së faqes në këtë mënyrë?
Kur filloni të punoni në një shabllon, është e rëndësishme të provoni periodikisht se sa mirë shfaqen blloqet e përmbajtjes dhe të paraqitjes në ekrane të ndryshme. Për ta bërë këtë, ndonjëherë mjafton vetëm të ndryshoni gjerësinë e dritares së shfletuesit. Skedari i stilit merr pyetjen e medias dhe ripozicionon blloqet, duke bërë ndryshime të rëndësishme. Një mjet i mirë për të testuar një shabllon të përgjegjshëm të paraqitjes mund të jenë faqet që imitojnë ekranet e pajisjeve celulare të modeleve të ndryshme. Shërbime të tilla do t'ju lejojnë të konsideroni dhe vlerësoni me kujdes se si duket dizajni në ekranet e pajisjeve të ndryshme celulare.
Megjithëse teknologjia e një paraqitjeje kaq të përgjegjshme nuk është aq e thjeshtë, zotërimi i saj do të japë fryte shumë shpejt.
