Premye bagay ki pi konsèpteur konsidere lè bati paj entènèt yo se sa ki rezolisyon nan konsepsyon pou. Ki sa ki reyèlman kantite lajan yo ap deside ki jan lajè konsepsyon ou ta dwe. Pa gen okenn bagay sa yo ankò kòm yon lajè sit wèb estanda.
Poukisa Konsidere Rezolisyon
An 1995, monitè yo rezolisyon estanda 640x480 yo te monitè yo pi gwo ak pi bon ki disponib. Sa vle di ke konsèpteur entènèt konsantre sou fè paj ki gade bon nan navigatè entènèt maksimize sou yon 12-pous 14-pous kontwole nan rezolisyon sa a.
Jou sa yo, 640x480 rezolisyon fè moute mwens pase 1 pousan nan pifò sit entènèt trafik. Moun yo itilize òdinatè ki gen pi gwo rezolisyon ki gen ladan 1366x768, 1600x900 ak 5120x2880. Nan anpil ka, desine pou yon ekran rezolisyon 1366x768 travay.
Nou se nan yon pwen nan istwa a nan konsepsyon sit entènèt kote nou pa gen enkyete anpil sou rezolisyon. Pifò moun gen gwo, monitè laj ak ekran epi yo pa maksimize fenèt navigatè yo. Se konsa, si ou deside konsepsyon yon paj ki pa plis pase 1366 piksèl lajè, paj ou ap pwobableman gade amann nan pi fenèt navigatè menm sou monitè gwo ak pi wo rezolisyon.
Navigatè Lajè
Anvan ou ale nan panse "oke, mwen pral fè paj mwen an 1366 piksèl lajè," gen plis nan istwa sa a. Yon pwoblèm souvan neglije lè n ap deside lajè yon paj entènèt se fason gwo kliyan ou yo kenbe navigatè yo. Espesyalman, yo maksimize navigatè yo nan yon gwosè plen ekran oswa yo kenbe yo pi piti pase ekran an plen?
Nan yon sèl enfòmèl sondaj nan ko-travayè ki tout itilize yon konpayi-estanda 1024x768 laptop rezolisyon, de kenbe tout aplikasyon yo maksimize. Rès la te gen diferan ki menm gwosè ak fenèt louvri pou plizyè rezon. Sa a montre ke si w ap desine entranèt konpayi sa a nan 1024 piksèl lajè, 85 pousan nan itilizatè ta gen woulo liv orizontal yo wè paj la tout antye.
Aprè ou kont pou kliyan ki maksimize oswa pa fè sa, reflechi sou navigatè sou fwontyè yo. Chak navigatè entènèt gen yon ba woulo ak fwontyè sou kote sa yo ki retresi espas ki disponib nan 800 alantou 740 piksèl oswa mwens sou rezolisyon 800x600 ak alantou 980 piksèl sou fenèt maksimize nan rezolisyon 1024x768. Sa a yo rele navigatè "chrome" e li ka pran lwen espas ki ka itilize pou konsepsyon paj ou.
Fiks oswa likid Paj Width
Lajan aktyèl la nimerik se pa bagay la sèlman ou bezwen panse sou lè desine lajè sit entènèt ou an. Ou bezwen tou deside si ou pral gen yon lajè fiks oswa lajè likid . Nan lòt mo, ou pral mete lajè a nan yon nimewo espesifik (fiks) oswa nan yon pousantaj (likid)?
Fiks Lajè
Paj lajè fiks yo egzakteman menm jan yo son. Lajè a fiks nan yon nimewo espesifik epi li pa chanje kèlkeswa jan gwo oswa ti navigatè a se. Sa a ka bon si ou bezwen konsepsyon ou a gade egzakteman menm pa gen pwoblèm ki jan lajè oswa etwat lektè navigatè ou a, men metòd sa a pa pran an kont lektè ou yo. Moun ki gen navigatè pi etour pase konsepsyon ou ap gen woulo liv orizontal, ak moun ki gen navigatè lajè pral gen gwo kantite espas vid sou ekran an.
Pou kreye paj lajè fiks, tou senpleman itilize nimewo pixel espesifik pou lajè yo nan divizyon paj ou.
Liquid Lajè
Lijè paj likid (pafwa rele paj lajè likid) varye nan lajè depann sou ki jan lajè fenèt navigatè a. Sa a pèmèt ou konsepsyon paj ki konsantre plis sou kliyan ou yo. Pwoblèm lan avèk paj lajè likid se ke yo ka difisil pou li. Si longè eskanè yon liy tèks pi long pase 10 a 12 mo oswa pi kout pase 4 a 5 mo, li ka difisil pou li. Sa vle di ke lektè ki gen gwo oswa ti fenèt navigatè gen pwoblèm.
Pou kreye paj lajè fleksib, tou senpleman itilize pousantaj oswa ems pou larjer divizyon paj ou yo. Ou ta dwe tou abitye tèt ou ak pwopriyete a max-lajè CSS. Pwopriyete sa a pèmèt ou mete yon lajè nan pousantaj, men Lè sa a, limite li konsa ke li pa jwenn tèlman gwo ke gen moun ki pa ka li li.
Ak gayan an se: CSS Media Queries
Solisyon ki pi bon jou sa yo se yo sèvi ak queries CSS medya ak konsepsyon reponn yo kreye yon paj ki ajiste nan lajè a nan navigatè a gade li. Yon konsepsyon wèb repons itilize kontni an menm yo kreye yon paj entènèt ki travay si ou wè li nan 5120 piksèl lajè oswa 320 piksèl lajè. Paj ki diferan ki menm gwosè yo gade diferan, men yo gen menm kontni an. Avèk rechèch medya a nan CSS3, chak aparèy k ap resevwa reponn kesyon an ak gwosè li yo, ak fèy la style ajiste nan gwosè patikilye sa a.