Hoe gewilder mobiele toestelle word, hoe ongemakliker word blaai op die meeste werwe gevoel. Dit is hoekom webmeesters sedert 2012 'n oplossing gebruik wat die kyk van hulpbronne op skerms met 'n lae resolusie gemakliker maak - aanpasbare uitleg.
Moderne neiging
Vandag gebruik ongeveer vyf miljard mense op aarde selfone, met 'n derde van hulle wat slimfone het. Daarom word mobiele verkeer al hoe belangriker vir webwerf-eienaars. Dit is waarskynlik dat so 'n bron van besoekers net mettertyd sal groei. Soekenjins het vinnig op hierdie neiging gereageer. Groot korporasies "Yandex" en Google het aansienlike veranderinge aan hul algoritmes gemaak om webwerwe in soekresultate te rangskik, met inagneming van die beskikbaarheid van aanpasbare uitleg en ontwerp. Eenvoudig gestel, webhulpbronne wat vir selfone, slimfone en tablette geoptimaliseer is, sal 'n mate van voordeel bo hul mededingers hê.
Responsiewe uitlegdefinisie
Aanpasbare uitleg is 'n metode om 'n webbladraam te skep,die ligging van die blokke outomaties te verander in ooreenstemming met die skermresolusie van die toestel waarop dit bekyk word. Dit wil sê, met hierdie benadering word aparte style vir 'n verskeidenheid resolusies geskep. Hierdie effek word verkry deur spesiale CSS-lêers te skryf.
Vroeër is die probleem 'n bietjie anders opgelos. Ontwikkelaars moes baie meer "liggaamsbewegings" maak, die uitleg en ontwerp van die hoofweergawe van die webwerf skep en dieselfde doen vir die mobiele een. Afhangende van die skerm van die toestel waarop die internetprojek met die beskikbare mobiele platform bekyk is, is die toepaslike weergawe van die webwerf bekendgestel.
Hierdie benadering het homself nie op baie maniere geregverdig nie, en die meeste webmeesters het nooit die skepping van 'n mobiele weergawe aangepak nie. Nou is hierdie bestelling vervang deur aanpasbare uitleg. Deur 'n werfskelet met behulp van hierdie tegnologie te skep, konsentreer die webmeester al sy pogings om een weergawe van die projek te skep, en besoekers kan dit met dieselfde vlak van gemak op 'n groot rekenaarskerm en op 'n selfoon, slimfoon of tablet bekyk.
Voordele van responsiewe uitleg
Wat is die voordele van aanpasbare webwerf-uitleg? Daar is voorheen opgemerk dat die voordeel die korrekte vertoning van alle bladsyblokke op enige toestel is. Ook, 'n positiewe aspek van hierdie benadering in die skep van 'n sjabloon is die spoed van implementering van veranderinge. Wat beteken dit?
As die webwerf twee platforms gehad het, moes die veranderinge wat aan die uitleg gemaak isimplementeer eers in die werkende weergawe, en dan in die mobiele weergawe. As die veranderinge in die kode redelik betekenisvol was, kan die proses om sulke veranderinge aan te bring 'n lang tyd neem. Met aanpasbare uitleg word werk op die webwerf in een lêer uitgevoer. Veranderinge wat aan die uitleg van die webblad aangebring is, sal ewe gou in beide produksie- en mobiele weergawes weerspieël word.
Die nadeel van hierdie benadering, noem sommige webmeesters die kompleksiteit van die implementering daarvan. Maar met die koms van CSS 3 het die skep van 'n responsiewe uitlegsjabloon redelik eenvoudig geword. Selfs onervare webmeesters kan hul werf selfoonvriendelik maak.
Beginsels en kenmerke van aanpasbare uitleg
Watter beginsels onderlê die responsiewe uitlegmetode in webontwerp?
- Gebruik die vloeistofuitlegtipe.
- "Rubber"-beelde.
- Gebruik medianavrae (media-navrae).
- Die behoefte om van die begin van die uitleg aan mobiele toestelle te dink.
Uit hierdie fundamentele beginsels van hierdie metode om 'n sjabloon te skep, volg die volgende kenmerke van aanpasbare uitleg:
1. Ontwerp en skep van 'n webwerf-ontwerp met inagneming van werk op die hele reeks resolusies: van selfoon- tot wyeskermskerms.
2. Uitleg met deurlopende stylblaaie met behulp van medianavraagtegnologie wat in CSS 3 bekendgestel is.
3. Programmering aan die kant van beide die kliënt en die bediener om beelde na mobiele toestelle van 'n kleiner grootte en resolusie te stuur.
'n Belangrike aspek, met inagneming van watter aanpasbare uitleg geskep word, isresolusiematriks van gewilde elektroniese toestelle. Hierdie benadering tot ontwerpontwikkeling sal webblaai op enige skerm baie gemaklik maak. Maar hoe weet jy watter om by style in te sluit?
Waar om te begin met responsiewe uitleg?
Die meeste webwerwe is so gemaak dat rolbalkies op die skerms van slimfone en tablette verskyn, wat nie so gerieflik is om te navigeer nie, en die ontwerp en uitleg van baie internetprojekte eenvoudig “sweef”. Webwerwe wat geskep is vir die onderrig van webontwerp bevat 'n verskeidenheid skermresolusies van verskeie toestelle, waaronder dit die moeite werd is om die bladsye van jou werf uit te lê.
Aanpasbare uitleg, waarvan voorbeelde gereeld gevind kan word, hou baie voordele in. Wat moet in gedagte gehou word wanneer bladsyuitleg op hierdie manier benader word?
Wanneer jy aan 'n sjabloon begin werk, is dit belangrik om van tyd tot tyd te toets hoe goed die inhoud en uitlegblokke op verskillende skerms vertoon word. Om dit te doen, is dit soms genoeg om net die breedte van die blaaiervenster te verander. Die styllêer ontvang die medianavraag en herposisioneer die blokke, wat beduidende veranderinge aanbring. 'n Goeie hulpmiddel om 'n responsiewe uitlegsjabloon te toets, kan webwerwe wees wat die skerms van mobiele toestelle van verskillende modelle naboots. Sulke dienste sal jou toelaat om noukeurig te oorweeg en te evalueer hoe die ontwerp op die skerms van verskeie mobiele toestelle lyk.
Alhoewel die tegnologie van so 'n responsiewe uitleg nie so eenvoudig is nie, sal die bemeestering daarvan baie gou vrugte afwerp.
