Ang Paghihiwalay ng Nilalaman Mula sa Disenyo ay Nagpapahusay sa Pamamahala ng Site
Ang CSS (Cascading Style Sheets) ay naging paraan ng de facto upang mag-istilo at mag-ipon ng mga website. Ginagamit ng mga designer ang mga estilo ng estilo upang sabihin sa isang browser kung paano dapat ipakita ang isang website sa mga tuntunin ng hitsura at pakiramdam, na sumasakop sa mga kadahilanang tulad ng kulay, espasyo, mga font at maraming iba pa.
Maaaring i-deploy ang mga estilo ng CSS sa dalawang paraan:
- Inline - sa loob ng coding ng web page mismo, sa isang indibidwal, batayan ng elemento sa pamamagitan ng elemento
- Sa isang standalone na CSS na dokumento, kung saan naka-link ang website
Mga Pinakamahusay na Kasanayan para sa CSS
Ang "pinakamahuhusay na kasanayan" ay ang mga paraan ng pagdidisenyo at pagtatayo ng mga website na napatunayan na ang pinaka-epektibo at upang bigyan ang pinakamaraming babalik para sa kasangkot sa trabaho. Ang pagsunod sa mga ito sa CSS sa disenyo ng web ay tumutulong sa mga website na tumingin at gumana pati na rin posible. Lumaki sila sa mga taon kasama ang iba pang mga wika at teknolohiya sa web, at ang standalone CSS stylesheet ay naging ginustong paraan ng paggamit.
Ang pagsunod sa mga pinakamahusay na kasanayan para sa CSS ay maaaring mapabuti ang iyong site sa mga sumusunod na paraan:
- Hiwalay ang nilalaman mula sa disenyo. Ang isa sa mga pangunahing layunin ng CSS ay alisin ang mga elemento ng disenyo mula sa HTML at ilagay ang mga ito sa ibang lokasyon para mapanatili ang taga-disenyo. Naghahain din ito upang paghiwalayin ang mga designer mula sa mga developer upang ang bawat isa ay maaaring tumuon sa kanilang mga lugar ng kadalubhasaan. Ang taga-disenyo ay hindi kailangang maging isang developer upang mapanatili ang hitsura ng isang website.
- Ginagawa ang pagpapanatili madali. Ang isa sa mga pinaka-overlooked elemento ng web disenyo ay pagpapanatili. Hindi tulad ng mga materyales sa pag-print, ang isang website ay hindi kailanman "isa at tapos na." Ang nilalaman, disenyo at pag-andar ay maaaring at dapat magbabago sa paglipas ng panahon. Ang pagkakaroon ng CSS sa isang gitnang lugar, sa halip na pagwiwisik sa buong website, ay ginagawang mas madali ang mga bagay na mapanatili.
- Patuloy na mapupuntahan ang iyong site. Ang paggamit ng mga estilo ng CSS ay tumutulong sa mga search engine at mga taong may kapansanan na makipag-ugnayan sa iyong site.
- Pinipigilan ang iyong kasalukuyang site. Sa pamamagitan ng paggamit ng mga pinakamahusay na kasanayan sa CSS, ikaw ay sumusunod sa mga pamantayan na napatunayan na matatag ngunit sapat na kakayahang umangkop upang mapaunlakan ang pagbabago sa kapaligiran ng disenyo ng web.
Ang mga Estilo ng Inline ay Hindi Pinakamahusay na Practice
Ang mga estilo ng inline, habang mayroon silang layunin, sa pangkalahatan ay hindi ang pinakamahusay na paraan upang mapanatili ang iyong website. Lumalaban sila sa bawat isa sa mga pinakamahusay na kasanayan:
- Ang mga estilo ng inline ay hindi naghihiwalay sa disenyo mula sa disenyo. Ang mga estilo ng inline ay eksaktong kapareho ng naka-embed na font at iba pang mga clunky na mga tag ng disenyo na ang mga modernong nag-develop ay nagsisilaban. Ang mga estilo ay nakakaapekto lamang sa partikular, mga indibidwal na elemento kung saan sila ay inilalapat; samantalang maaaring magbigay sa iyo ng higit pang mga butil na butil kontrol, ito rin ay gumagawa ng iba pang mga aspeto ng disenyo at pag-unlad - tulad ng pare-pareho - mas mahirap.
- Ang mga estilo ng inline ay nagdudulot ng pananakit ng ulo. Kapag nagtatrabaho ka sa mga estilo ng estilo, ang pag-uunawa kung saan nakatakda ang estilo ay maaaring maging mahirap. Kapag nakikipagtulungan ka sa isang halo ng inline, naka-embed at panlabas na mga estilo , mayroon kang maraming mga lokasyon upang suriin. Kung nagtatrabaho ka sa isang koponan ng disenyo ng web o kailangang muling mag-disenyo o mapanatili ang isang site na binuo ng ibang tao, pagkatapos ay magkakaroon ka ng mas maraming problema. Sa sandaling makita mo ang estilo at palitan ito, kailangan mong gawin ito sa bawat elemento sa bawat pahina kung saan ito inilagay. Na nagpapataas ng mga badyet ng oras at trabaho nang astronomya.
- Ang mga estilo ng inline ay hindi naa-access. Habang ang isang modernong screen reader o iba pang mga assistive na aparato ay maaaring humawak ng mga inline na mga katangian at mga tag na epektibo, ang ilang mga mas lumang mga aparato ay hindi maaaring, na maaaring magresulta sa ilang mga strangely ipinapakita mga web page. Ang mga dagdag na character at teksto ay maaaring makaapekto sa kung paano tiningnan ang iyong pahina ng robot ng search engine, gayon din, ang iyong pahina ay hindi nagagawa sa mga tuntunin ng pag-optimize ng search engine (SEO).
- Ang mga estilo ng inline ay nagiging mas malaki ang iyong mga pahina. Kung nais mo ang bawat talata sa iyong site na lumabas sa isang tiyak na paraan, maaari mong gawin ito nang isang beses na may anim na linya o kaya ng code sa isang panlabas na stylesheet. Kung gagawin mo ito sa mga estilo ng inline, gayunpaman, kailangan mong idagdag ang mga estilo sa bawat talata ng iyong site. Kung mayroon kang limang linya ng CSS, iyon ay limang linya na pinarami ng bawat talata sa iyong site. Ang bandwidth at oras ng pag-load ay maaaring magdagdag ng up sa isang Nagmamadali.
Ang Alternatibo sa Mga Estilo ng Inline: Mga Panlabas na Estilo ng Layunin
Sa halip na gumamit ng mga estilo ng inline, gumamit ng mga panlabas na stylesheet . Ibinibigay nila sa iyo ang lahat ng mga benepisyo ng CSS best practices at madaling gamitin. Nagtrabaho sa ganitong paraan, ang lahat ng mga estilo na ginamit sa iyong site ay nakatira sa isang hiwalay na dokumento na pagkatapos ay naka-link sa isang web document na may isang solong linya ng code. Ang mga panlabas na estilo ng materyal ay nakakaapekto sa anumang dokumento na nakalakip sa mga ito. Nangangahulugan iyan, kung mayroon kang 20-pahinang website kung saan ang bawat pahina ay gumagamit ng parehong stylesheet - na karaniwan kung paano ito nagagawa - maaari kang gumawa ng pagbabago sa bawat isa sa mga pahinang iyon sa pamamagitan lamang ng pag-edit ng mga estilo nang isang beses, sa isang lugar. Ang pagpapalit ng mga estilo sa isang lugar ay walang hanggan na mas maginhawang kaysa sa paghahanap sa coding na iyon sa bawat pahina ng iyong website. Ginagawa ang pang-matagalang pamamahala ng site nang mas madali.