CSS se pi bon fason pou kreye desen paj entènèt
Aprann yo ekri kouman CSS ka difisil, sitou si ou abitye avèk lè l sèvi avèk tab yo kreye anpenpan paj wèb Layouts. Men, pandan ke HTML5 pèmèt tab pou layout, se pa yon bon lide.
Tablo yo pa aksesib
Jis tankou motè rechèch, ki pi ekran lektè li paj wèb nan lòd la yo ke yo ap parèt nan HTML la. Ak tab ka trè difisil pou lektè ekran an parse. Sa a se paske kontni an nan yon layout tab, pandan y ap lineyè, pa toujou fè sans lè li kite-a-dwa ak tèt-a-anba. Plus, ak tab enbrike, ak divès kalite viraj sou selil yo tab ka fè paj la trè difisil figi soti.
Sa a se rezon ki fè spesifikasyon nan HTML5 rekòmande kont tab pou layout ak poukisa HTML 4.01 anile li. Paj entènèt aksesib pèmèt plis moun sèvi ak yo epi yo make nan yon designer pwofesyonèl.
Avèk CSS, ou ka defini yon seksyon kòm ki sou bò gòch nan paj la, men mete li dènye nan HTML la. Lè sa a, ekran lektè ak motè rechèch sanble ap li pati pyès sa yo enpòtan (kontni an) premye ak pati yo mwens enpòtan (Navigasyon) dènye.
Tablo yo se difisil
Menm si ou kreye yon tab avèk yon editè entènèt, paj wèb ou yo ap toujou trè konplike ak difisil yo kenbe. Eksepte pou desen paj wèb yo ki pi senp, ki pi tablo Layout mande pou itilize nan yon anpil nan ak atribi ak nan tab enbrike.
Bati tab la ka sanble fasil pandan w ap fè li, men Lè sa a, ou bezwen kenbe li. Sis mwa desann liy lan li ka pa tankou fasil a sonje poukisa ou enbrike tab yo oswa ki jan anpil selil te nan yon ranje ak sou sa. Plus, si ou kenbe paj wèb kòm yon manm ekip, ou gen pou esplike tout moun ki jan tab yo travay oswa atann yo pran plis tan lè yo bezwen fè chanjman.
CSS ka konplike kòm byen, men li kenbe prezantasyon an separe de HTML a ak fè li pi fasil yo kenbe nan tan an kouri. Plus, ak Layout CSS ou ka ekri yon sèl CSS dosye, ak style tout paj ou yo gade fason sa. Men, lè ou vle chanje Layout a nan sit ou a, ou tou senpleman chanje yon sèl CSS dosye, ak sit la antye chnges-pa gen okenn ankò ale nan tout paj yon sèl nan yon moman mete ajou tab yo aktyalizasyon Layout la.
Tablo yo enplexib
Pandan ke li se posib yo kreye kouman tab ak lajè pousantaj, yo souvan pi dousman chaje epi yo ka dramatikman chanje ki jan layout ou sanble. Men, si ou itilize larj espesifik pou tab ou, ou fini ak yon Layout trè rijid ki pa pral gade bon sou monitè ki gwosè yon fason diferan de pwòp ou yo.
Kreye kouman fleksib ki gade bon sou monitè anpil, navigatè, ak rezolisyon se relativman fasil. An reyalite, ak demann CSS medya, ou ka kreye desen separe pou ekran gwosè diferan.
Tablo enbrike chaj pi dousman pase CSS pou menm Design la
Fason ki pi komen yo kreye kouman anpenpan ak tab se tab "nich". Sa vle di ke yon sèl (oswa plis) tab yo mete andedan yon lòt. Tablo yo plis ki enbrike, pi long la li pral pran pou navigatè entènèt la rann paj la.
Nan pifò ka yo, yon Layout tab sèvi ak karaktè plis yo kreye pase yon konsepsyon CSS. Ak mwens karaktè vle di mwens download.
Tablo ka Hurt Search Engine optimization
Tab la ki pi komen kreye Layout gen yon ba navigasyon sou bò gòch nan paj la ak kontni prensipal la sou bò dwat la. Lè w ap itilize tab yo, sa a (jeneralman) egzije pou premye kontni ki montre nan HTML la se ba navigasyon bò gòch la. Motè rechèch kategorize paj ki baze sou kontni an, ak motè anpil detèmine ke kontni parèt nan tèt la nan paj la ki pi enpòtan pase lòt kontni. Se konsa, yon paj ki gen navigasyon bò gòch premye, ap parèt gen kontni ki gen mwens enpòtan pase navigasyon an.
Sèvi ak CSS, ou ka mete kontni an enpòtan premye nan HTML ou ak Lè sa a, sèvi ak CSS detèmine kote li ta dwe mete nan desen an. Sa vle di ke motè rechèch pral wè kontni an enpòtan an premye, menm si konsepsyon an mete li pi ba desann sou paj la.
Tablo yo pa t toujou ekri byen
Anpil desen tab pa enprime byen paske yo tou senpleman twò lajè pou enprimant lan. Se konsa, fè yo anfòm, navigatè ap koupe tab yo koupe ak ekri an lèt detache seksyon anba a ki kapab lakòz paj trè disjointed. Pafwa ou fini ak paj ki gade byen, men tout bò dwat la ki manke. Lòt paj ap enprime seksyon sou plizyè dra.
Avèk CSS ou ka kreye yon fèy style separe jis pou enprime paj la.
Tablo pou Layout yo Envalid nan HTML 4.01
HTML 4 spesifikasyon yo deklare: "Tablo pa ta dwe itilize piman kòm yon vle di nan kontni dokiman Layout kòm sa a ka prezante pwoblèm lè rann medya ki pa vizyèl."
Se konsa, si ou vle ekri valid HTML 4.01, ou pa ka sèvi ak tab pou layout. Ou ta dwe sèlman itilize tab pou done tabulaire. Ak done tabulèr jeneralman sanble yon bagay ou ta ka montre nan yon calcul oswa pètèt yon baz done.
Men, HTML5 chanje règ yo e kounye a, tab pou layout, pandan y ap pa rekòmande, yo kounye a se valid HTML. Espesifikasyon HTML5 la deklare: "Tablo pa ta dwe itilize kòm en layout."
Paske tab pou layout yo difisil pou lektè ekran yo différenciés, jan mwen mansyone pi wo a.
Sèvi ak CSS nan pozisyon ak layout paj ou a se sèlman valid HTML la 4.01 fason yo ka resevwa desen yo ou itilize yo sèvi ak tab yo kreye. Ak HTML5 rekòmande metòd sa a tou.
Tablo pou Layout ka enpak kandida travay ou
Kòm pi plis ak plis nouvo konsèpteur aprann HTML ak CSS, ladrès ou nan kouch tablo bilding yo pral nan mwens ak mwens demann. Wi, li vrè ke kliyan pa tipikman di ou teknoloji egzak ou ta dwe itilize pou konstwi paj entènèt yo. Men, yo mande ou pou bagay sa yo tankou:
- Paj entènèt aksesib: desen ki ka wè pa ekran lektè yo te obligatwa pa anpil peyi ak kòporasyon jwenn aksè pi plis ak pi enpòtan chak jou.
- Paj wèb Maintainable: desen yo ka pran avèk yo menm si ou pa pral kenbe yo nan tan kap vini an.
- Desen fleksib: desen ki travay atravè navigatè anpil, rezolisyon, ak aparèy.
- Vit téléchargement paj: vitès ap vin pi plis ak pi enpòtan, menm nan SEO.
- Desen pwodiktif: paj ki enprime san Scripts espesyal oswa paj siplemantè.
Si ou pa ka delivre sa kliyan yo mande pou yo, yo pral sispann vini nan ou pou desen, petèt pa jodi a, men petèt ane pwochèn oswa ane a apre. Èske ou ka reyèlman peye kite biznis ou soufri paske ou pa vle kòmanse aprann yon teknik ki te nan itilize depi fen ane 1990 yo?
Moral: Aprann pou itilize CSS
CSS ka difisil pou aprann, men yon bagay entérésan vo yon efò. Pa kenbe ladrès ou soti nan stagnation. Aprann CSS ak bati paj wèb ou yo jan yo te vle di yo dwe bati-yo ak CSS pou layout.