La unua afero plej multaj konsilistoj konsideras, kiam konstruado de ilia retpaĝo estas kia rezolucio por desegni. Kion tio vere signifas, estas decidi kiom larĝe via dezajno devus esti. Ne plu estas tia afero kiel norma retejo larĝa.
Kial Konsideri Rezolucion
En 1995, la normo 640x480 rezoluciaj monitoroj estis la plej grandaj kaj plej bonaj monitoroj haveblaj. Ĉi tio signifis, ke retejaj desegnantoj centris en faranta paĝojn, kiuj aspektis bone en retumiloj, maksimumigitaj per monitoro de 12 coloj ĝis 14 coloj ĉe tiu rezolucio.
Ĉi tiuj tagoj, 640x480 rezolucio faras malpli ol 1 procento de la plej multaj paĝaroj. Homoj uzas komputilojn kun multe pli altaj rezolucioj, inkluzive de 1366x768, 1600x900 kaj 5120x2880. En multaj kazoj, desegnante por 1366x768 rezolucio ekrano funkcias.
Ni estas punkto en la historio de retejo, kie ni ne devas zorgi pri rezolucio. Plej multaj homoj havas grandajn, larĝajn ekranajn monitorojn kaj ili ne maksimumigas iliajn retumilojn. Do se vi decidas desegni paĝon, kiu ne havas pli ol 1366 pikselojn larĝe, via paĝo verŝajne aspektos bone en la plej multaj retumiloj, eĉ en grandaj monitoroj kun pli altaj rezolucioj.
Foliumilo Larĝeco
Antaŭ ol vi foriros pensante "bone, mi faros miajn paĝojn 1366 rastrumeroj larĝe," estas pli al ĉi tiu rakonto. Oni ofte preterlasis aferon, kiam decidante la larĝeco de retpaĝo, kiom granda viaj klientoj konservas siajn retumilojn. Specife, ĉu ili maksimumigas siajn retumilojn ĉe plena-ekrana grandeco aŭ ĉu ili konservas ilin pli malgrandaj ol la plena ekrano?
En unu senkonsidera enketo de kunlaborantoj, kiuj ĉiuj uzis kompanio-norma 1024x768-rezolucan tekkomputilon, du konservis ĉiujn iliajn aplikojn maksimumigitajn. La resto havis malsamajn grandajn fenestrojn malfermitajn por diversaj kialoj. Ĉi tio ilustras, ke se vi desegnas la intraneton de ĉi tiu kompanio ĉe 1024 pikseloj larĝe, 85% de uzantoj devos movi horizontale por vidi la tutan paĝon.
Post vi konsideras klientojn, kiuj maksimumigas aŭ ne faras, pensu pri la retumiloj. Ĉiu retumilo havas ruluman stangon kaj borde de la flankoj, kiuj rompas la disponeblan spacon de 800 ĝis ĉirkaŭ 740 rastrumeroj aŭ malpli sur 800x600 rezolucioj kaj ĉirkaŭ 980 pikseloj sur maksimumaj fenestroj ĉe rezolucioj de 1024x768. Ĉi tio estas nomata retumilo "chrome" kaj ĝi povas forpreni de la uzebla spaco por via paĝo-dezajno.
Fiksa aŭ Likva Larĝeco Artikoloj
La nuna nombra larĝo ne estas la sola afero, kiun vi devas pensi pri kiam desegnanta la larĝecon de via retejo. Vi ankaŭ devas decidi ĉu vi havos fiksan larĝan aŭ likvan larĝecon . Alivorte, ĉu vi agordos la larĝecon al specifa nombro (fiksita) aŭ al procento (likva)?
Riparis Larĝecon
Riparitaj larĝaj paĝoj estas ĝuste kiel ili sonas. La larĝo estas fiksa je specifa nombro kaj ne ŝanĝas, kiom ajn granda aŭ malgranda estas la retumilo. Ĉi tio povas esti bona se vi bezonas vian dezajnon rigardi ĝuste la saman kiom ajn larĝe aŭ mallarĝa estas viaj retumiloj de legantoj, sed ĉi tiu metodo ne konsideras viajn legantojn. Homoj kun retumiloj pli mallarĝaj ol via dezajno devas movi horizontale, kaj homoj kun larĝaj retumiloj havos grandajn kvantojn de malplena spaco en la ekrano.
Por krei fiksajn larĝajn paĝojn, simple uzu specifajn pikselajn nombrojn por la larĝecoj de viaj paĝoj-dividoj.
Likva Larĝo
Larĝaj paĝoj (kelkfoje nomataj flekseblaj larĝaj paĝoj) varias laŭ larĝeco laŭ kiom larĝa la retumilo estas. Ĉi tio ebligas al vi desegni paĝojn, kiuj fokusas pli al viaj klientoj. La problemo kun likvaj larĝaj paĝoj estas ke ili povas malfacile legi. Se la scana longo de linio de teksto estas pli longa ol 10 ĝis 12 vortoj aŭ pli mallongaj ol 4 ĝis 5 vortoj, ĝi povas esti malfacile legi. Ĉi tio signifas, ke legantoj kun grandaj aŭ malgrandaj retumiloj havas problemojn.
Por krei malrigidajn larĝajn paĝojn, simple uzu procentojn aŭ ems por la larĝecoj de via paĝo-dividoj. Vi ankaŭ konatiĝu kun la CSS-larĝa propraĵo. Ĉi tiu propraĵo permesas al vi agordi larĝecon en procentoj, sed tiam limigi ĝin tiel ke ĝi ne multegas, ke homoj ne povas legi ĝin.
Kaj la gajninto estas: CSS-amaskomunikiloj
La plej bona solvo ĉi tiuj tagoj uzas CSS-komunikajn demandojn kaj respondemajn dezajnojn por krei paĝon, kiu ĝustigas al la larĝa de la retumilo. Respondema retejo desegnas la saman enhavon por krei retpaĝon, kiu funkcias ĉu vi vidas ĝin ĉe 5120 pikseloj larĝe aŭ 320 pikseloj larĝe. La malsamaj paĝoj aspektas malsama, sed ili enhavas la saman enhavon. Kun la amaskomunikilara konsulto en CSS3, ĉiu ricevanta aparaton respondas la konsulton per ĝia grandeco, kaj la stilo-folio ĝustigas al tiu aparta grandeco.