Y peth cyntaf y mae'r rhan fwyaf o ddylunwyr yn ei ystyried wrth adeiladu eu tudalen we yw pa benderfyniad i'w gynllunio. Yr hyn sy'n wirioneddol yw yw penderfynu pa mor eang ddylai eich dyluniad fod. Nid oes unrhyw beth o'r fath bellach fel lled gwefan safonol.
Pam Ystyried Datrysiad
Ym 1995, y monitro safonol 640x480 oedd y monitro mwyaf ar gael. Golygai hyn fod dylunwyr gwe yn canolbwyntio ar wneud y tudalennau a edrychodd yn dda mewn porwyr gwe yn cael eu gwneud y mwyaf ar fonitro 12 modfedd i 14 modfedd yn y penderfyniad hwnnw.
Y dyddiau hyn, mae datrysiad 640x480 yn ffurfio llai na 1 y cant o draffig y wefan fwyaf. Mae pobl yn defnyddio cyfrifiaduron gyda llawer iawn o benderfyniadau gan gynnwys 1366x768, 1600x900 a 5120x2880. Mewn llawer o achosion, mae dylunio ar gyfer sgrin datrysiad 1366x768 yn gweithio.
Rydyn ni ar bwynt yn hanes dylunio gwe lle nad oes raid i ni boeni llawer am ddatrysiad. Mae gan y rhan fwyaf o bobl fonitro sgrin fawr, ac nid ydynt yn gwneud y mwyaf o ffenestr eu porwr. Felly, os ydych chi'n penderfynu dylunio tudalen nad yw'n fwy na 1366 picsel o led, mae'n debyg y bydd eich tudalen yn edrych yn iawn yn y rhan fwyaf o ffenestri porwyr hyd yn oed ar fonitro mawr gyda phenderfyniadau uwch.
Lled y Porwr
Cyn i chi fynd i ffwrdd yn meddwl "yn iawn, byddaf yn gwneud fy nhudalennau 1366 picsel o led," mae mwy i'r stori hon. Un mater a anwybyddir yn aml wrth benderfynu ar lled tudalen we yw pa mor fawr yw eich cwsmeriaid yn cadw eu porwyr. Yn benodol, a ydyn nhw'n uchafu eu porwyr ar faint sgrin lawn neu a ydynt yn eu cadw'n llai na'r sgrin lawn?
Mewn un arolwg anffurfiol o gydweithwyr a oedd i gyd yn defnyddio laptop datrysiad safonol 1024x768 cwmni, roedd dau ohonynt yn cadw eu holl geisiadau eu huchafu. Roedd gan y gweddill ffenestri maint gwahanol ar agor am wahanol resymau. Mae hyn yn dangos, os ydych chi'n dylunio mewnrwyd y cwmni hwn yn 1024 picsel o led, byddai'n rhaid i 85 y cant o ddefnyddwyr sgrolio'n llorweddol i weld y dudalen gyfan.
Ar ôl ichi gyfrif am gwsmeriaid sy'n gwneud y gorau neu beidio, meddyliwch am ffiniau'r porwr. Mae gan bob porwr gwe bar sgrolio ac mae'n ffinio ar yr ochrau sy'n crebachu'r gofod sydd ar gael o 800 i oddeutu 740 picsel neu lai ar benderfyniadau 800x600 a thua 980 picsel ar y ffenestri sydd â phosibl ar ddatrysiadau 1024x768. Gelwir hyn yn "chrome" porwr a gall fynd â ffwrdd o'r lle y gellir ei ddefnyddio ar gyfer dyluniad eich tudalen.
Tudalennau Llog Sefydlog neu Liquid
Nid y lled rhifiadol gwirioneddol yw'r unig beth y mae angen i chi ei feddwl wrth ddylunio lled eich gwefan. Mae angen i chi hefyd benderfynu a fydd gennych lled sefydlog neu led hylif . Mewn geiriau eraill, a ydych am osod y lled i rif penodol (sefydlog) neu i ganran (hylif)?
Lled Sefydlog
Mae tudalennau lled sefydlog yn union fel eu bod yn gadarn. Mae'r lled wedi'i osod ar rif penodol ac nid yw'n newid waeth pa mor fawr neu fach yw'r porwr. Gall hyn fod yn dda os oes angen eich dyluniad i edrych yn union yr un fath, waeth pa mor eang neu gul yw eich porwyr darllenwyr, ond nid yw'r dull hwn yn ystyried eich darllenwyr. Bydd yn rhaid i bobl â phorwyr yn culach na'ch dyluniad sgrolio'n llorweddol, a bydd gan bobl â phorwyr eang lawer iawn o le gwag ar y sgrin.
I greu tudalennau lled sefydlog, defnyddiwch rifau picsel penodol ar gyfer lled eich adrannau tudalen.
Lled Hylif
Mae tudalennau lled hylif (a elwir weithiau'n dudalennau lled hyblyg) yn amrywio o led yn dibynnu ar ba mor eang yw'r ffenestr porwr. Mae hyn yn eich galluogi i ddylunio tudalennau sy'n canolbwyntio mwy ar eich cwsmeriaid. Y broblem gyda thudalennau lled hylif yw y gallant fod yn anodd eu darllen. Os yw hyd sgan llinell linell yn hwy na 10 i 12 gair neu'n fyrrach na 4 i 5 gair, gall fod yn anodd ei ddarllen. Mae hyn yn golygu bod gan ddarllenwyr â ffenestri porwr mawr neu fach broblemau.
I greu tudalennau lled hyblyg, defnyddiwch ganrannau neu ems ar gyfer lled eich adrannau tudalen. Dylech chi fod yn gyfarwydd â'ch eiddo max-led CSS hefyd. Mae'r eiddo hwn yn caniatáu i chi osod lled mewn canrannau, ond yna ei gyfyngu fel nad yw'n cael cymaint mor fawr na all pobl ei ddarllen.
Ac mae'r Enillydd: Gofynion Cyfryngau CSS
Yr ateb gorau y dyddiau hyn yw defnyddio ymholiadau cyfryngau CSS a dylunio ymatebol i greu tudalen sy'n addasu i led y porwr sy'n ei weld. Mae cynllun gwe-ymatebol yn defnyddio'r un cynnwys i greu tudalen we sy'n gweithio p'un a ydych chi'n ei weld yn 5120 picsel o led neu 320 picsel o led. Mae'r tudalennau gwahanol yn edrych yn wahanol, ond maent yn cynnwys yr un cynnwys. Gyda'r ymholiad cyfryngau yn CSS3, mae pob dyfais sy'n derbyn yn ateb yr ymholiad gyda'i faint, ac mae'r daflen arddull yn addasu i'r maint penodol hwnnw.