Ang CSS ang pinakamaayong paagi sa pagtukod sa mga disenyo sa web page
Ang pagkakat-on sa pagsulat sa mga layout sa CSS mahimo nga malisud, ilabi na kon pamilyar ka sa paggamit sa mga lamesa aron sa paghimo sa mga laraw sa mga web page layout. Apan samtang ang HTML5 nagtugot sa mga lamesa alang sa layout, kini dili maayo nga ideya.
Ang mga Tables Dili Mahimo
Sama sa mga search engine, kadaghanan sa mga magbabasa sa screen nagbasa sa mga pahina sa web sa han-ay nga kini gipakita sa HTML. Ug ang mga lamesa mahimong lisud kaayo alang sa mga tigbasa sa screen aron sa pagpasa. Kini tungod kay ang sulod sa usa ka layout sa lamesa, samtang linyar, dili kanunay nga adunay kahulugan sa pagbasa sa wala sa tuo ug ibabaw-sa-ubos. Dugang pa, nga adunay mga lamesa nga nested, ug nagkalainlain nga lahi sa mga lamesang selyula makahimo sa panid nga lisud mahibal-an.
Mao kini ang rason nga ang paghingalan sa HTML5 nagsugyot batok sa mga lamesa alang sa layout ug kung ngano ang HTML 4.01 wala magtugot niini. Ang mapangita nga mga web page nagtugot sa daghang mga tawo sa paggamit niini ug mao ang timaan sa usa ka propesyonal nga tigdisenyo.
Uban sa CSS, mahimo nimong ipasabot ang usa ka seksyon nga nahisakop sa wala nga bahin sa panid apan ibutang kini sa katapusan sa HTML. Dayon ang screen readers ug mga search engine managsama magbasa sa importante nga mga bahin (ang sulod) una ug ang dili kaayo importante nga mga bahin (navigation) sa katapusan.
Ang mga Tableta Makalibog
Bisan kon maghimo ka og usa ka lamesa nga adunay editor sa web, ang imong mga panid sa web masulub-on gihapon ug lisud nga mahuptan. Gawas sa labing yano nga mga disenyo sa web page, kadaghanan sa mga lamesa sa layout nagkinahanglan sa paggamit sa daghan ug mga hiyas ug mga nested nga mga lamesa.
Ang pagtukod sa lamesa ingon og sayon samtang ginabuhat nimo kini, apan kinahanglan nimo nga ipadayon kini. Unom ka bulan sa linya nga kini dili sayon nga mahinumduman nganong gisul-ob nimo ang mga lamesa o pila ka mga selula ang usa ka laray ug uban pa. Dugang pa, kon imong ipadayon ang mga panid sa web ingon nga usa ka sakop sa team, kinahanglan nimo ipasabut ngadto sa matag tawo kung giunsa ang mga lamesa magtrabaho o magdahum nga sila magkuha og dugang nga panahon kung kinahanglan nila nga magbag-o.
Ang CSS mahimo usab nga komplikado, apan kini nagpadayon sa presentasyon nga bulag gikan sa HTML ug naghimo nga mas sayon nga ipadayon sa kadugayon. Dugang pa, nga adunay layout sa CSS ikaw makasulat sa usa ka CSS file, ug estilo sa imong mga panid aron makita kana. Ug kung gusto nimong usbon ang layout sa imong site, magbag-o ka lang sa usa ka CSS file, ug ang tibuok nga site chnges-dili na moagi sa matag panid sa usa ka higayon sa pag-update sa mga lamesa aron i-update ang layout.
Ang Mga Tableta Dili Mahimo
Samtang posible ang paghimo sa mga layout sa lamesa nga may mga lapad nga porsyento, sila sa kasagaran mas hinay sa pag-load ug makausab pag-ayo kon unsa ang hitsura sa imong layout. Apan kon mogamit ka og gilapdon nga lapad alang sa imong mga lamesa, ikaw adunay usa ka estrikto nga estilo nga dili maayo sa mga monitor nga lainlain sa imong kaugalingon.
Ang pagmugna og mga flexible layout nga maayo nga tan-awon sa daghang mga monitor, mga browser, ug mga resolusyon sayon ra. Sa pagkatinuod, uban sa CSS media queries, mahimo ka makahimo og lain-laing mga disenyo alang sa nagkalain-lain nga mga screen size.
Nested Tables Pag-load sa Dugang nga Dali kay sa CSS alang sa Parehong Disenyo
Ang labing komon nga paagi sa pagmugna og nindot nga mga layout nga adunay mga lamesa mao ang "mga salag". Kini nagpasabot nga ang usa (o labaw pa) nga lamesa gibutang sa sulod sa lain. Ang dugang nga mga lamesa nga gisudlan, mas dugay nga gikinahanglan alang sa web browser nga makahatag sa pahina.
Sa kadaghanan nga mga kaso, ang usa ka layout sa lamesa naggamit sa daghang mga karakter nga makamugna kay sa usa ka disenyo sa CSS. Ug ang mas diyutay nga mga karakter nagkahulogan nga dili na masudlan.
Ang mga Tables Makasakit sa Search Engine Optimization
Ang labing komon nga lamesa nga gimugna sa layout adunay usa ka navigation bar sa wala nga bahin sa panid ug ang nag-unang sulod sa tuo. Sa diha nga ang paggamit sa mga lamesa, kini (sa kinatibuk-an) nagkinahanglan nga ang una nga sulod nga nagpakita sa HTML mao ang left-hand navigation bar. Ang mga search engine naghatag og mga kategoriya sa mga pahina base sa sulod, ug daghang mga makina ang nagtino nga ang sulod nga gipakita sa ibabaw sa panid mas mahinungdanon kay sa uban nga mga sulod. Busa, usa ka panid nga adunay una nga pag-abri sa wala, magapakita nga adunay sulod nga dili kaayo importante kay sa paglayag.
Sa paggamit sa CSS, mahimo nimong ibutang ang importante nga sulod una sa imong HTML ug dayon gamit ang CSS aron mahibal-an kung asa kini ibutang sa disenyo. Kini nagpasabot nga ang mga search engine makakita una sa mahinungdanon nga unod, bisan kung ang disenyo nagdala niini nga ubos sa panid.
Mga Tabara Dili Kanunay Gipinta ang Maayo
Daghang disenyo sa lamesa dili maayo ang pag-imprinta tungod kay kini lapad kaayo alang sa tig-imprinta. Busa, aron mahimo kini nga himuong, ang mga browser magputol sa mga lamesa ug mag-imprinta sa mga seksyon sa ubos nga moresulta sa mga pahina nga wala kaayo mapiho. Usahay mahuman nimo ang mga panid nga tan-aw og maayo, apan ang tibuok tuo nga bahin wala na. Ang ubang mga pahina mag-imprinta sa mga seksyon sa nagkalain-laing mga panid
Uban sa CSS mahimo ka makahimo og usa ka lain nga estilo sa estilo alang sa pag-imprinta sa panid.
Ang mga Tables for Layout Dili Balido sa HTML 4.01
Ang mga hulagway sa HTML 4 nag-ingon: "Ang mga lamesa dili angay gamiton ingon nga usa ka paagi sa pag-andam sa sulod sa dokumento ingon nga kini adunay mga problema sa paghubad sa dili makita nga media."
Busa, kung gusto ka magsulat sa balido nga HTML 4.01, dili ka magamit nga mga lamesa alang sa layout. Kinahanglan ka lamang mogamit sa mga lamesa alang sa tabular data. Ug ang tabular nga datos sa kinatibuk-an susama sa butang nga mahimo nimo ipakita sa usa ka spreadsheet o posible nga usa ka database.
Apan ang HTML5 nagbag-o sa mga lagda ug karon mga lamesa alang sa layout, samtang wala girekomendar, karon balido HTML. Ang espesipikasyon sa HTML5 nag-ingon: "Ang mga tabla dili angay gamiton ingon nga mga gamit sa layout."
Tungod kay ang mga lamesa alang sa layout lisud alang sa mga magbabasa sa screen aron makalahi, ingon nga akong gihisgutan sa ibabaw.
Ang paggamit sa CSS sa posisyon ug paghan-ay sa imong mga panid mao lamang ang balido nga HTML 4.01 nga paagi aron makuha ang mga disenyo nga imong gigamit sa paggamit sa mga lamesa aron makamugna. Ug ang HTML5 hugot nga nagsugyot niini nga pamaagi.
Ang Mga Lamesa alang sa Layout Mahimo nga Impact sa Imong mga Prospekto sa Job
Samtang nagkadaghan ang mga bag-ong designers nga nagkat-on sa HTML ug CSS, ang imong mga kahanas sa paghan-ay sa mga han-ay sa lamesa mahimong dili kaayo ug dili kaayo panginahanglan. Oo, tinuod nga ang mga kustomer dili kasagarang mosulti kanimo sa eksakto nga teknolohiya nga imong gamiton aron sa pagtukod sa ilang mga web page. Apan nangayo sila kanimo sa mga butang sama sa:
- Mapuslan nga mga panid sa web: ang mga disenyo nga mahimong makita sa mga magbabasa sa screen gimandoan sa daghang mga nasud ug mga korporasyon nga mas dali ug mas importante kada adlaw.
- Mapanalipdan nga mga web pages: mga disenyo nga ilang mahimo uban kanila bisan pa dili nimo kini mapadayon sa umaabot.
- Flexible nga mga disenyo: mga disenyo nga naglihok sa daghang mga browser, resolusyon, ug mga gamit.
- Pag-download og mga panid sa panid: ang gikusgon ang nagkadako ug mas importante, bisan sa SEO.
- Maimprinta nga mga disenyo: mga panid nga walay imprinta nga mga script o dugang mga panid.
Kung dili ka makaluwas kung unsa ang gipangayo sa mga kliyente, mohunong sila sa pagduol kanimo alang sa mga desinyo, tingali dili karon, apan tingali sa sunod tuig o sa tuig human. Mahimo ka ba nga makahimo sa pag-antus sa imong negosyo tungod kay dili nimo gusto nga magsugod sa pagkat-on sa usa ka teknik nga gigamit sukad sa ulahing bahin sa dekada 1990?
Ang Moral: Pagkat-on sa Paggamit sa CSS
Ang CSS mahimong malisud sa pagkat-on, apan ang bisan unsang butang nga mapuslanon takus sa paningkamot. Ayaw itago ang imong mga kahanas gikan sa pagkanaog. Pagkat-on sa CSS ug pagtukod sa imong mga panid sa web sa paagi nga kini gitukod nga adunay CSS alang sa layout.