Mikä on Bootstrap ja milloin minun pitäisi käyttää sitä?

Bootstrap tekee responsiivisten verkkosivustojen luomisesta nopeaa.

Ilmaiset ja avoimen lähdekoodin ohjelmistot tarjoavat meille useita vaihtoehtoja moniin asioihin. Tämän vuoksi on vaikea tietää, mikä niistä on paras käyttää. Aloitetaan sanomalla, että jos et tarvitse verkkosivustoa, sinun ei tarvitse tietää, mikä se on Bootstrap ja milloin sitä pitäisi käyttää.

Vanhoina aikoina verkkosivuston tekeminen selvisi hyvin muistilehtiöllä tai jopa tekstinkäsittelyohjelmalla, mutta kunSivujen interaktiivisuus lisääntyi ja sisältöä piti päivittää useammin, tuli tarpeen käyttää uusia työkaluja luoda niitä.

Mikä on Bootstrap ja milloin minun pitäisi käyttää sitä?

Toisaalta ilmestyi visuaalisia editoreja, kuten Macromedia (myöhemmin Adobe) Dreamweaver, joiden avulla voit kirjoittaa koodia sekä visuaalisesti muokata sisältöä. Linuxissa meillä oli työkaluja, kuten Kompozer tai NVU, jotka, vaikka niissä ei ollut samoja ominaisuuksia, tekivät tehtävästä melko helpon.

Jos olit hyvä koodin kirjoittamisessa, työkaluista ei ollut pulaa. Anjuta tai Eclipse olivat ihanteellisia kehitysympäristöjä asiantuntijaohjelmoijille.

Ajan mittaan sisällön johtajat ilmestyivät WordPress Drupal o JoomlaTämän tyyppinen ohjelmisto mahdollisti koodin kirjoittamisen huomioimatta jättämisen keskittyäkseen sisällön luomiseen.. Ne osoittautuivat ihanteellisiksi vaihtoehdoiksi sellaisiin paikkoihin kuin Linux Adictos jossa useat kirjoittajat päivittävät jatkuvasti sisältöä.

Selitän tätä hieman.

Koodauksen näkökulmasta verkkosivu sisältää:

  • Dokumentti tyyppi: Se kertoo selaimelle, mikä HTML-versio on käytössä.
  • HTML-säilö: Se kertoo selaimelle HTML-dokumentin alun ja lopun ja voi sisältää lisätietoja, kuten kielen.
  • Pääkontti: Se sisältää hyödyllistä tietoa selaimelle ja hakukoneille, kuten sivun otsikon, kirjoittajan, lyhyen kuvauksen sisällöstä ja luettelon asiaankuuluvista termeistä. Se myös kertoo selaimelle, mistä löytää ohjeet sisällön hahmontamiseen näytöllä.
  • Body Container: Tässä näkyy kaikki sisältö, jonka käyttäjä näkee selaimessa.
  • Käsikirjoituksen lausunto: Se kertoo selaimelle, mistä löytää ohjeita tietyillä ohjelmointikielillä, kuten Javascript tai PHP, joiden avulla voit lisätä interaktiivisuutta tai lähettää lomakkeita postitse.

Asiakirjan eri osat Body-säiliön sisällä ovat:

  • header: Tässä näkyy sivuston otsikko. Se voi sisältää logon, linkkejä, navigointipalkin tai muuta näkyvää tietoa.
  • nav: Tätä säilöä käytetään navigointivalikon luomiseen, joka antaa pääsyn sivuston pääosiin.
  • Artikla: Nimi kuvaa hyvin toimintoa. Sitä käytetään eri aiheiden erottamiseen verkkosivulla. Esimerkiksi tämä viesti, joka seuraa pääsivulla Linux Adictos.
  • jakso: Erottele artikkelin eri osat.
  • syrjään: Ryhmittelee sivun reunassa näkyvän sisällön.
  • Alatunniste: Näyttää tiedot sivun alareunassa. Sitä käytetään usein näyttämään tietoja, kuten reittiohjeita, linkkejä muille sivustoille ja valikon toistamiseen.

Tekstin eri osien merkitsemiseen on laatikoita kuten h (1-6) op, jotka osoittavat otsikot ja kappaleet vastaavasti.

Jos sisällönhaltijoita ei olisi, aina kun kirjoittajat Linux Adictos Haluaisimme julkaista artikkelin, joutuisimme kirjoittamaan koko sivun koodin uudelleen alusta.  Lisäksi meidän tulee päivittää manuaalisesti pääsivun järjestys ja artikkeliluettelo luokittain.

Ja jos järjestelmänvalvojat tekisivät uudelleensuunnittelun tai uusi näyttökoko tulee näkyviin, on tarpeen päivittää tyylisivut.

Sisällönjohtajien ongelma

Vaikka sisällön ylläpitäjät ovat ihanteellisia mainitsemissamme olosuhteissa, ne ovat resurssien tuhlausta, kun kyseessä ovat sivustot, joita ei päivitetä usein, kuten yritys- tai tiedotussivustot, joissa on vähän muutoksia.  Toisaalta ne sisältävät tietokantojen käytön ja niiden suosio tekee niistä toistuvien hyökkäysten kohteena, mikä edellyttää niiden päivittämistä.

Erityisessä tapauksessa WordPress, mielestäni siitä on tulossa bloatware. Yhä useammat teemat vaativat lisäosien asentamista, jotka monissa tapauksissa täyttävät saman toiminnon kuin ne, jotka olet jo asentanut. Ja suurin osa parhaista eduista on maksutavan alla. Ja ne eivät ole aivan halpoja.

Tässä avoimen lähdekoodin kehykset, kuten Bootstrap, ovat hyödyllisiä.  Ajattele Bootstrapia Lego-palikoiden laatikkona, jota käytetään rakentamisen sijaan verkkosivustojen rakentamiseen, jotka mukautuvat helposti kaikkiin näyttökokoihin. Sinun ei tarvitse keksiä pyörää uudelleen, sillä sen mukana tulee melkein kaikki mitä tarvitset, kuten painikkeet, kuvakkeet ja teemat. Mutta samalla sinulla on joustavuutta, jotta mallisi eivät näytä muilta.

Seuraavassa artikkelissa näemme kuinka sitä käytetään.


Jätä kommentti

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *

*

*

  1. Vastaa tiedoista: AB Internet Networks 2008 SL
  2. Tietojen tarkoitus: Roskapostin hallinta, kommenttien hallinta.
  3. Laillistaminen: Suostumuksesi
  4. Tietojen välittäminen: Tietoja ei luovuteta kolmansille osapuolille muutoin kuin lain nojalla.
  5. Tietojen varastointi: Occentus Networks (EU) isännöi tietokantaa
  6. Oikeudet: Voit milloin tahansa rajoittaa, palauttaa ja poistaa tietojasi.

  1.   Richard Watterson dijo

    Mielenkiintoinen artikkeli, vaikka mielestäni sopiva otsikko olisi sisällönhallinta ja ajankohtaiset ongelmat, tässä he eivät selittäneet mitään bootstrapista.
    Lisäksi…
    Bootstrap on kirjasto/kehys/kirjasto, jonka avulla voimme suunnitella erittäin mukavia responsiivisia sivustoja, voit luoda verkkosivuston tietämättä paljoakaan CSS:stä, voit luoda WordPress-teeman, mutta sinun tulee käyttää paljon aikaa sen optimoimiseen. maksimi.
    Sisällönhallintajärjestelmät, kuten WordPress, on suunniteltu parantamaan verkkosivuston ylläpitoa, siksi ne ovat niin joustavia, että voit luoda blogeja, yrityssivustoja, kauppoja, foorumeita jne... ja kaikki ilman, että kosket yhteen koodiriviin.
    Teemoja WordPressin tapauksessa on monia melko yksinkertaisia, henkilökohtaiseen blogiin sopivia asioita, jotka eivät vaadi enemmän visuaalista vetovoimaa. "Viehdottavien" teemojen tapauksessa nämä sisältävät yleensä laajennuksia, jotka tarjoavat teemoille enemmän toimintoja, voit lisätä lataajia, mega-valikoita, animaatioita ja paljon muuta, erittäin harvoin liitännäisissä on CSS.
    Siksi…
    1.- Vältä koko bootstrap-paketin käyttöä, lataa vain tarvitsemasi.
    2.- Sijoita WordPressissä hyvään isännöintiin, tämä parantaa latausaikojasi. Voit käyttää CDN:ää teemojesi lataamisen parantamiseksi.
    3.- Jos käytät PHP-pohjaista sisällönhallintajärjestelmää, älä odota suuria nopeuksia, on totta, että ne voidaan optimoida, mutta jonkun, jolla on tietoa, on tehtävä se.
    4.- WordPress-teeman kehittäminen ja ylläpito ei välttämättä ole halpaa tai helppoa. Haavoittuvuuksia löydetään päivittäin ja niiden ratkaiseminen ilman asianmukaista tietämystä voi olla monimutkaista, kokeneen toimittajan malliin sijoittaminen voi olla sopivinta, tietysti se on taloudellisuus, mutta se kannattaa.

    1.    Diego German Gonzalez dijo

      Se on sarjan ensimmäinen artikkeli.
      Kiitos panoksestasi

    2.    Jorge dijo

      Kiva artikkeli. Jään odottamaan jatkoa.