Ano ang Bootstrap at kailan ko ito dapat gamitin?

Pinapabilis ng Bootstrap ang pagbuo ng mga tumutugon na website.

Ang libre at open source na software ay nag-aalok sa amin ng maraming alternatibo para sa maraming bagay. Ginagawa nitong mahirap na malaman kung alin ang pinakamahusay na gamitin. Magsimula tayo sa pagsasabi na kung hindi mo kailangan ng isang website hindi mo kailangang malaman kung ano ito Bootstrap at kung kailan ito dapat gamitin.

Noong unang panahon, upang makagawa ng isang website na maaari mong makuha sa pamamagitan lamang ng notepad o kahit isang word processor, ngunit tulad moe ang mga pahina ay nakakakuha ng interaktibidad at ang nilalaman ay kailangang i-update nang mas madalas, naging kinakailangan na gumamit ng mga bagong tool upang likhain ang mga ito.

Ano ang Bootstrap at kailan ko ito dapat gamitin?

Sa isang banda, lumitaw ang mga visual editor tulad ng Macromedia (mamaya Adobe) Dreamweaver na nagpapahintulot sa iyo na magsulat ng code pati na rin ang visual na pag-edit ng nilalaman. Sa Linux mayroon kaming mga tool tulad ng Kompozer o NVU na, bagama't wala silang parehong mga tampok, ginawang medyo madali ang gawain.

Kung ikaw ay mahusay sa pagsulat ng code, walang kakulangan ng mga tool. Ang Anjuta o Eclipse ay mainam na mga kapaligiran sa pag-unlad para sa mga dalubhasang programmer.

Sa paglipas ng panahon, lumitaw ang mga tagapamahala ng nilalaman bilang WordPress Drupal o JoomlaAng ganitong uri ng software ay naging posible na balewalain ang pagsulat ng code upang tumuon sa paggawa ng nilalaman.. Sila pala ang perpektong alternatibo para sa mga lugar tulad ng Linux Adictos kung saan maraming mga may-akda ang patuloy na nag-a-update ng nilalaman.

Hayaan akong ipaliwanag ito nang kaunti.

Mula sa punto ng view ng coding, ang isang web page ay kinabibilangan ng:

  • Uri ng dokumento: Sinasabi nito sa browser kung aling bersyon ng HTML ang ginagamit.
  • lalagyan ng HTML: Sinasabi nito sa browser ang simula at pagtatapos ng HTML na dokumento at maaaring magsama ng karagdagang impormasyon gaya ng wika.
  • Lalagyan ng ulo: Kabilang dito ang kapaki-pakinabang na impormasyon para sa browser at mga search engine tulad ng pamagat ng pahina, ang may-akda, isang maikling paglalarawan ng nilalaman at isang listahan ng mga nauugnay na termino. Gayundin, sinasabi nito sa browser kung saan mahahanap ang mga tagubilin kung paano i-render ang nilalaman sa screen.
  • Lalagyan ng Katawan: Dito napupunta ang lahat ng nilalaman na makikita ng user sa browser.
  • Pahayag ng script: Sinasabi nito sa browser kung saan mahahanap ang mga tagubilin sa ilang mga programming language gaya ng Javascript o PHP na nagbibigay-daan sa iyong magdagdag ng interactivity o magpadala ng mga form sa pamamagitan ng koreo.

Ang iba't ibang bahagi ng isang dokumento sa loob ng lalagyan ng Body ay:

  • header: Dito ipinapakita ang pamagat ng website. Maaaring naglalaman ito ng logo, mga link, navigation bar o iba pang kilalang impormasyon.
  • Nabigasyon: Ginagamit ang lalagyan na ito upang lumikha ng menu ng nabigasyon na nagbibigay ng access sa mga pangunahing bahagi ng site.
  • Artikulo: Ang pangalan ay medyo naglalarawan ng pag-andar. Ito ay ginagamit upang pag-iba-ibahin ang iba't ibang paksa sa loob ng isang web page. Halimbawa, ang post na ito na sumusunod sa pangunahing pahina ng Linux Adictos.
  • Seksyon: Paghiwalayin ang iba't ibang bahagi ng isang artikulo.
  • Bukod: Ipangkat ang nilalamang ipinapakita sa gilid ng pahina.
  • Mga footer: Ipinapakita ang impormasyon sa ibaba ng pahina. Madalas itong ginagamit upang ipakita ang impormasyon tulad ng mga direksyon, mga link sa iba pang mga site, at pag-uulit ng menu.

May mga lalagyan upang markahan ang iba't ibang bahagi ng teksto bilang h (1 hanggang 6) op na nagsasaad ng mga pamagat at talata ayon sa pagkakabanggit.

Kung walang mga tagapamahala ng nilalaman, tuwing ang mga may-akda ng Linux Adictos Nais naming mag-publish ng isang artikulo, kailangan naming muling isulat ang buong code ng pahina mula sa simula.  Bilang karagdagan, dapat nating manu-manong i-update ang pagkakasunud-sunod ng pangunahing pahina at ang listahan ng mga artikulo ayon sa kategorya.

At, kung gagawa ang mga administrator ng muling pagdidisenyo o may lumabas na bagong laki ng screen, kakailanganing i-update ang mga style sheet.

Ang problema ng mga tagapamahala ng nilalaman

Bagama't ang mga tagapamahala ng nilalaman ay perpekto sa mga kundisyong binanggit namin, ang mga ito ay isang pag-aaksaya ng mga mapagkukunan sa kaso ng mga site na hindi madalas na-update, tulad ng mga website ng kumpanya o impormasyon na may kaunting mga pagbabago.  Sa kabilang banda, isinama nila ang paggamit ng mga database at ang kanilang kasikatan ay ginagawa silang object ng madalas na pag-atake, na nangangailangan ng mga ito na ma-update.

Sa partikular na kaso ng WordPress, sa aking opinyon ito ay nagiging bloatware. Parami nang parami ang mga tema na nangangailangan ng pag-install ng mga add-on na sa maraming pagkakataon ay tumutupad sa parehong function tulad ng mga na-install mo na. At, karamihan sa mga pinakamahusay na benepisyo ay nasa ilalim ng paraan ng pagbabayad. At, hindi sila eksaktong mura.

Dito magagamit ang mga open source na frameworks tulad ng Bootstrap.  Isipin ang Bootstrap bilang isang kahon ng mga Lego brick na sa halip na bumuo ng mga bagay ay ginagamit upang bumuo ng mga website na madaling umangkop sa lahat ng laki ng screen. Hindi mo kailangang muling likhain ang gulong dahil kasama nito ang halos lahat ng maaaring kailanganin mo tulad ng mga button, icon at tema. Ngunit, sa parehong oras mayroon kang kakayahang umangkop upang ang iyong mga disenyo ay hindi magmukhang iba.

Sa susunod na artikulo ay makikita natin kung paano ito gamitin.


Iwanan ang iyong puna

Ang iyong email address ay hindi nai-publish. Mga kinakailangang patlang ay minarkahan ng *

*

*

  1. Responsable para sa data: AB Internet Networks 2008 SL
  2. Layunin ng data: Kontrolin ang SPAM, pamamahala ng komento.
  3. Legitimation: Ang iyong pahintulot
  4. Komunikasyon ng data: Ang data ay hindi maiparating sa mga third party maliban sa ligal na obligasyon.
  5. Imbakan ng data: Ang database na naka-host ng Occentus Networks (EU)
  6. Mga Karapatan: Sa anumang oras maaari mong limitahan, mabawi at tanggalin ang iyong impormasyon.

  1.   Richard Watterson dijo

    Isang kawili-wiling artikulo, kahit na sa tingin ko ang naaangkop na pamagat ay mga tagapamahala ng nilalaman at kasalukuyang mga problema, dito ay hindi nila ipinaliwanag ang anumang bagay tungkol sa bootstrap.
    Ano pa…
    Ang Bootstrap ay isang library/framework/library na nagbibigay-daan sa amin na magdisenyo ng napakagandang tumutugon na mga site, maaari kang lumikha ng isang website nang hindi gaanong nalalaman ang tungkol sa CSS, maaari kang lumikha ng isang tema ng WordPress, ngunit dapat kang maglaan ng maraming oras dito upang ma-optimize ito ang pinakamataas.
    Ang CMS tulad ng WordPress ay idinisenyo upang mapabuti ang pagpapanatili ng isang website, kaya naman ang mga ito ay napaka-flexible, maaari kang gumawa ng mga blog, mga website ng negosyo, mga tindahan, mga forum, atbp atbp... at lahat nang hindi hawakan ang isang linya ng code.
    Ang mga tema sa kaso ng WordPress, mayroong maraming medyo simple, na angkop para sa isang personal na blog, isang bagay na hindi nangangailangan ng higit pang visual na apela. Sa kaso ng "kaakit-akit" na mga tema, ang mga ito ay karaniwang may kasamang mga plugin, na nagbibigay sa mga tema ng higit na pagpapagana, maaari kang magdagdag ng mga loader, mega menu, animation, at higit pa, napakabihirang may kasamang CSS ang mga plugin.
    Kaya naman…
    1.- Iwasang gamitin ang buong bootstrap package, i-load lang ang kailangan mo.
    2.- Para sa WordPress, mamuhunan sa isang mahusay na hosting, ito ay mapabuti ang iyong loading oras, maaari mong piliin na gumamit ng CDN upang mapabuti ang paglo-load ng iyong mga tema.
    3.- Kung gumagamit ka ng CMS na nakabatay sa PHP, huwag mag-expect ng napakabilis, totoo na ma-optimize ang mga ito, ngunit dapat gawin ito ng may kaalaman.
    4.- Ang pagbuo at pagpapanatili ng isang tema ng WordPress ay hindi kinakailangang mura o madali. Mayroong maraming mga kahinaan na natutuklasan araw-araw at ang paglutas sa mga ito nang walang wastong kaalaman ay maaaring maging kumplikado, ang pamumuhunan sa isang template mula sa isang may karanasan na editor ay maaaring ang pinaka-angkop, siyempre, ito ay isang bagay ng ekonomiya, ngunit ito ay katumbas ng halaga.

    1.    Diego German na si Gonzalez dijo

      Ito ang unang artikulo sa serye.
      Salamat sa iyong input

    2.    Jorge dijo

      Magandang artikulo. Hihintayin ko ang sequel.