Ithute kamoo liwebsaete tsa marang-rang li khethollang pontšo ho sebelisa litekanyetso tsa palo
Liithuti tse ngata tsa moqapi oa liwebsaete tse amohelehang li na le nako e thata ho sebelisa likaroloana bakeng sa litekanyetso tsa bophara. Ka ho khetheha, ho na le pherekano le hore na sebapali se bala likarolo tseo joang. Ka tlase u tla fumana tlhaloso e qaqileng ea hore na liphesente li sebetsana joang le lipalo tsa bophara ho websaeteng e amohelehang.
Ho sebelisa Pixels bakeng sa Melao ea Bophara
Ha o sebelisa pixels e le phaello ea bophara, liphello li totobetse haholo. Haeba u sebelisa CSS ho beha boleng ba bophara ba ntho e leng sehloohong sa tokomane ho boholo ba pixels tse 100, ntlha eo e tla ba boholo bo lekanang le boo u bo behileng ho pixels tse 100 kahare ho websaeteng ea hau kapa ka maoto kapa libakeng tse ling tsa leqephe. Pixels ke ea bohlokoa ka ho fetisisa, kahoo li-pixels tse 100 ke pixels tse 100 ho sa tsotellehe hore na hokae inthaneteng ea hau ntho e hlahang. Ka bomalimabe, ha litekanyetso tsa pixel li le bonolo ho li utloisisa, ha li sebetse hantle liwebsaeteng tse arabelang.
Ethan Marcotte o ile a qapa lentsoe "moqapi oa websaete o amohelehang", a hlalosa mokhoa ona o nang le lihlooho tse tharo tsa bohlokoa:
- Mokhanni oa metsi
- Media media
- Lipotso tsa mecha ea litaba
Lintlha tsena tse peli tsa pele, mokelikeli o nang le mokelikeli le mecha ea litaba ea metsi, li finyelloa ka ho sebelisa liperesente, ho e-na le li-pixels, bakeng sa litekanyetso tsa boleng.
Ho sebelisa Liphesente bakeng sa Melao ea Bophara
Ha o sebelisa liphesente ho theha bophara bakeng sa ntho e itseng, boholo ba sebele bo bonts'itsoeng bocha bo tla fapana ho ea ka hore na bo ngotsoe hokae. Liphesente ke boleng bo lekanyelitsoeng, ho boleloang hore boholo boo bo bontsitsoeng bo amana le likarolo tse ling tsa tokomane ea hau.
Ka mohlala, haeba u beha bophara ba setšoantšo ho 50%, sena ha se bolele hore setšoantšo se tla bontša halofo ea boholo ba eona bo tloaelehileng. Ena ke maikutlo a tloaelehileng a fosahetseng.
Haeba setšoantšo se na le boholo ba pixels 600, joale ho sebelisa bohlokoa ba CSS ho bo bontša ka 50% ha ho bolele hore e tla ba pixelse tse 300 ka hare ho sebadi sa hau sa marang-rang. Tekanyo ena ea peresente e baloa ho latela karolo e nang le setšoantšo seo, eseng boholo ba tlhaho ea setšoantšo ka boeona. Haeba setshelo (seo se ka bang karohano kapa se seng sa HTML sebopeho) ke bophara ba 1000 pixels, joale setšoantšo se tla hlahisa li-pixelse tse 500 ho tloha ha kakaretso eo e le karolo ea 50% ea bophara ba setshelo. Haeba karolo e nang le lisebelisoa tse 400 e le bophara, joale setšoantšo se tla hlahisa li-pixels tse 200 feela, kaha boleng boo ke 50% ea setshelo. Setšoantšo se potsoeng mona se na le boholo ba 50% bo itšetlehileng ka ho feletseng ka karolo e nang le eona.
Hopola, moralo o amohelehang o na le mokelikeli. Lisebelisoa le boholo bo tla fetoha ha boholo ba lisebelisoa / lisebelisoa li fetoha . Haeba u nahana ka sena ka mantsoe a mabeli, a sa sebete, ho tšoana le ho ba le lebokose la lebokose leo u le tlatsang ka lisebelisoa tsa ho paka. Haeba u re lebokose le lokela ho qeta halofo le tlatsitsoe ka boitsebiso boo, palo ea ho paka e hlokahalang e tla fapana ho ea ka boholo ba lebokose. Ho ts'oana ho joalo bakeng sa bophara ba liphesente ho marang-rang.
Liphesente tse thehiloeng ho Liphesente tse ling
Mohlala oa setšoantšo / sekontiri, ke sebelisitse litekanyetso tsa pixel bakeng sa ntho e nang le ntlha ho bontša kamoo setšoantšo se amohelang se tla bontša kateng. Ha e le hantle, karolo e nang le eona e ne e tla be e behoa ho karolo ea palo le setšoantšo, kapa lisebelisoa tse ling, ka hare ho setshelo seo se tla fumana litekanyetso tsa tsona ho latela karolo ea peresente.
Mona ke mohlala o mong o bontšang sena ka katleho.
E re o na le websaeteng moo setša kaofela se nang le karohano le sehlopha sa "setshelo" (se tloaelehileng web design practice). Ka hare ho karohano eo ho na le likarohano tse ling tse tharo tseo qetellong u tlang ho li etsa ho bontša lihlopha tse 3 tse totobetseng. Hore HTML e ka shebahala tjena:
Hona joale, o ka sebelisa CSS ho beha boholo ba karohano ea "setshelo" ho bolela 90%. Mohlala ona, karohano ea setshelo ha e na karolo e 'ngoe e e potolohileng ntle le' mele, eo re sa e behelang ho bohlokoa leha e le bofe. Ka nako e sa lekanyetsoang, 'mele o tla fana ka fensetere ea sebadi sa 100%. Ka lebaka leo, karolo ea "likarolo" ea karohano e tla thehiloe boholo ba sefensetere sa sebadi. Ha fensetere eo ea sebapali e fetoha ka boholo, ho joalo le ka boholo ba "setshelo" sena. Kahoo haeba fensetere ea sebapali e pharaletseng ka bophara ba 2000, karohano ena e tla hlahisa li-pixels tsa 1800. Sena se baloa e le karolo ea 90 lekholong ea 2000 (2000 x .90 = 1800), e leng boholo ba sebapali.
Haeba karolo e 'ngoe le e' ngoe ea "col" e fumanoang ka har'a "setshelo" e behiloeng ho boholo ba 30%, joale e mong le e mong oa bona e tla ba li-pixels tse 540 kahare ho mohlala ona. Sena se baloa e le 30% ea li-pixelse tse 1800 tseo setshelo sena se se hlahisang (1800 x .30 = 540). Haeba re fetotse karolo ea tekete eo, likarohano tse ka hare li tla boela li fetohe ka boholo boo ba bo fanang kahobane ba itšetlehile ka seo se nang le sona.
A re ke re nahane hore lifensetere tsa sebapali li sala li le pixels ka bophara ba 2000, empa re fetola palo ea palo ea sejana ho 80% ho e-na le 90%. Seo se bolela hore se tla fana ka li-pixels tsa 1600 bophara hona joale (2000 x .80 = 1600). Esita le haeba re sa fetole CSS ka boholo ba likarohano tsa rona tsa "col" tse 3, 'me u li tlohela ka 30%, li tla li fapana ka mokhoa o fapaneng hona joale ho tloha ha li na le ntlha, e leng moelelo oa tsona, e fetohileng. Lihlopha tsena tse tharo li tla fana ka li-pixels tse 480 ka bophara, e leng 30% ea 1600, kapa boholo ba setshelo (1600 x .30 = 480).
Ho nka sena ka ho eketsehileng, haeba ho ne ho e-na le setšoantšo ka hare ho e 'ngoe ea likarohano tsena tsa "kolone"' me setšoantšo seo se ne se le boholo bo sebelisoang ka peresente, moelelo oa eona oa "sizing" e ne e tla ba "kolone" ka boeona. Ha karohano eo ea "khala" e fetohile ka boholo, joalo le setšoantšo se ka hare ho sona. Kahoo haeba boholo ba sebapali kapa "sejana" se fetotsoe, seo se tla ama likarohano tse tharo tsa "khala", e leng se ka fetolang boholo ba setšoantšo ka hare ho "col". Joalokaha u ka bona, tsena kaofela lia amana ha ho tluoa ho litekanyetso tsa mahlaseli a tsamaisoang ke palo.
Ha u nahana kamoo karolo e ka hare ho leqephe la websaete e tla fana ka ha tekanyo ea peresente e sebelisetsoa bophara ba eona, u lokela ho utloisisa moelelo oa seo karolo eo e lulang ka eona marakeng.
Ka kakaretso
Liphesente li phetha karolo ea bohlokoa ho theha sebaka sa liwebsaete tse arabelang . Ho sa tsotellehe hore na ke litšoantšo tse fokolang ho latela kapa ho sebelisa bophara ba palo bakeng sa ho etsa mokhabo oa metsi o nang le litekanyo tse ling, ho utloisisa lipalo tsena ho tla hlokahala ho finyella ponahalo eo ue batlang.