Mi az a Bootstrap, és mikor kell használni?

A Bootstrap segítségével gyorsan készíthet reszponzív webhelyeket.

Az ingyenes és nyílt forráskódú szoftverek sok mindenre többféle alternatívát kínálnak számunkra. Ez megnehezíti annak meghatározását, hogy melyiket érdemes használni. Kezdjük azzal, hogy ha nincs szüksége weboldalra, akkor nem kell tudnia, mi az Bootstrap és mikor kell használni.

A régi időkben egy webhely elkészítéséhez remekül boldogult a jegyzettömb vagy akár a szövegszerkesztő, deAz oldalak interaktivitása és a tartalom gyakrabban történő frissítése miatt új eszközök alkalmazása vált szükségessé hogy létrehozzák őket.

Mi az a Bootstrap, és mikor kell használni?

Egyrészt olyan vizuális szerkesztők jelentek meg, mint a Macromedia (később Adobe) Dreamweaver, amelyek lehetővé tették a kód írását, valamint a tartalom vizuális szerkesztését. A Linuxban olyan eszközök voltak, mint a Kompozer vagy az NVU, amelyek bár nem rendelkeznek ugyanazokkal a funkciókkal, meglehetősen egyszerűvé tették a feladatot.

Ha ügyes voltál a kódírásban, nem volt hiány az eszközökben. Az Anjuta vagy az Eclipse ideális fejlesztői környezet volt a szakértő programozók számára.

Idővel a tartalomkezelők úgy jelentek meg WordPress Drupal o JoomlaAz ilyen típusú szoftverek lehetővé tették, hogy figyelmen kívül hagyják a kódírást, és a tartalomkészítésre összpontosítsanak.. Ideális alternatívának bizonyultak olyan helyekre, mint pl Linux Adictos amelyben több szerző folyamatosan frissíti a tartalmat.

Hadd magyarázzam el ezt egy kicsit.

A kódolás szempontjából egy weboldal a következőket tartalmazza:

  • Dokumentum típus: Megmondja a böngészőnek, hogy a HTML melyik verzióját használja.
  • HTML-tároló: Közli a böngészővel a HTML-dokumentum elejét és végét, és további információkat is tartalmazhat, például a nyelvet.
  • Fejtartály: A böngésző és a keresőmotorok számára hasznos információkat tartalmaz, például az oldal címét, a szerzőt, a tartalom rövid leírását és a releváns kifejezések listáját. Azt is megmondja a böngészőnek, hogy hol találhat utasításokat a tartalom képernyőn történő megjelenítéséhez.
  • Body Container: Ide kerül az összes tartalom, amit a felhasználó látni fog a böngészőben.
  • Szkript kijelentés: Megmondja a böngészőnek, hogy hol találhat olyan utasításokat bizonyos programozási nyelveken, mint például a Javascript vagy a PHP, amelyek lehetővé teszik interaktivitás hozzáadását vagy űrlapok levélben történő küldését.

A dokumentum különböző részei a Body tárolóban a következők:

  • Fejléc: Itt jelenik meg a webhely címe. Tartalmazhatja a logót, linkeket, navigációs sávot vagy más szembetűnő információt.
  • Navigáció: Ez a tároló egy navigációs menü létrehozására szolgál, amely hozzáférést biztosít a webhely fő részeihez.
  • Cikk: A név eléggé leírja a funkciót. A weboldalon belüli különböző témák megkülönböztetésére szolgál. Például ez a bejegyzés, amely a főoldalon következik Linux Adictos.
  • Szakasz: Válasszuk szét a cikk különböző részeit.
  • Félre: Csoportosítja az oldal szélén megjelenő tartalmat.
  • Lábjegyzet: Az oldal alján jeleníti meg az információkat. Gyakran használják olyan információk megjelenítésére, mint az útvonaltervek, más webhelyekre mutató hivatkozások és a menü ismétlése.

Vannak konténerek, amelyek a szöveg különböző részeit jelölik mint h (1-től 6-ig) op, amelyek a címeket és a bekezdéseket jelzik.

Ha nem lennének tartalomkezelők, minden alkalommal, amikor a szerzők Linux Adictos Szeretnénk egy cikket megjelentetni, a teljes oldal kódját a semmiből kellene átírni.  Ezenkívül manuálisan kell frissítenünk a főoldal sorrendjét és a cikkek listáját kategóriánként.

Ha pedig az adminisztrátorok újraterveznének, vagy új képernyőméret jönne elő, akkor frissíteni kell a stíluslapokat.

A tartalomkezelők problémája

Bár a tartalomkezelők ideálisak az általunk említett körülmények között, erőforrás-pazarlást jelentenek a nem gyakran frissített oldalak esetében, mint például a kevés változtatással rendelkező vállalati vagy információs webhelyek.  Másrészt tartalmazzák az adatbázisok használatát, népszerűségük pedig gyakori támadások tárgyává teszi őket, ami frissítést igényel.

A WordPress konkrét esetében véleményem szerint bloatware lesz. Egyre több téma igényli olyan kiegészítők telepítését, amelyek sok esetben ugyanazt a funkciót töltik be, mint a már telepítettek. És a legtöbb előny a fizetési mód alatt érhető el. És nem túl olcsók.

Itt jönnek jól a nyílt forráskódú keretrendszerek, például a Bootstrap.  Tekintsd a Bootstrap-et egy doboz Lego kockának, amelyet ahelyett, hogy tárgyakat építenének, olyan webhelyeket készítenek, amelyek könnyen alkalmazkodnak minden képernyőmérethez. Nem kell újra feltalálnia a kereket, mivel szinte mindent tartalmaz, amire szüksége lehet, például gombokat, ikonokat és témákat. De ugyanakkor megvan a rugalmasság, így az Ön tervei nem hasonlítanak másokra.

A következő cikkben meglátjuk, hogyan kell használni.


Hagyja megjegyzését

E-mail címed nem kerül nyilvánosságra. Kötelező mezők vannak jelölve *

*

*

  1. Az adatokért felelős: AB Internet Networks 2008 SL
  2. Az adatok célja: A SPAM ellenőrzése, a megjegyzések kezelése.
  3. Legitimáció: Az Ön beleegyezése
  4. Az adatok közlése: Az adatokat csak jogi kötelezettség alapján továbbítjuk harmadik felekkel.
  5. Adattárolás: Az Occentus Networks (EU) által üzemeltetett adatbázis
  6. Jogok: Bármikor korlátozhatja, helyreállíthatja és törölheti adatait.

  1.   Richard Watterson dijo

    Érdekes cikk, bár szerintem a tartalomkezelők és az aktuális problémák lenne a megfelelő cím, itt nem fejtettek ki semmit a bootstrapről.
    Mi több…
    A Bootstrap egy olyan könyvtár/keretrendszer/könyvtár, amivel nagyon szép reszponzív oldalakat tervezhetünk, létrehozhatunk weboldalt anélkül, hogy sokat tudnánk a CSS-ről, létrehozhatunk WordPress témát, de sok időt kell rá szánni, hogy optimalizáljuk a maximum.
    Az olyan CMS-eket, mint a WordPress, arra tervezték, hogy javítsák a webhelyek karbantartását, ezért olyan rugalmasak, blogokat, üzleti webhelyeket, üzleteket, fórumokat stb. készíthet, és mindezt egyetlen kódsor érintése nélkül.
    A WordPress esetében sok egészen egyszerű téma létezik, alkalmas személyes blogra, ami nem igényel több vizuális vonzerőt. A "vonzó" témák esetében ezek általában tartalmaznak bővítményeket, amelyek nagyobb funkcionalitást biztosítanak a témáknak, lehet betöltőket, mega menüket, animációkat és még sok mást, nagyon ritkán tartalmaznak CSS-t.
    Ezért…
    1.- Kerülje a teljes bootstrap csomag használatát, csak azt töltse be, amire szüksége van.
    2.- A WordPress esetében fektessen be egy jó tárhelyre, ez javítja a betöltési időt, és CDN-t használva javíthatja a témák betöltését.
    3.- Ha PHP alapú CMS-t használsz, ne számíts nagy sebességre, igaz, hogy optimalizálhatók, de valakinek hozzá kell járulnia.
    4.- A WordPress téma fejlesztése és karbantartása nem feltétlenül olcsó vagy egyszerű. Rengeteg sebezhetőséget fedeznek fel nap mint nap, és megfelelő ismeretek nélkül ezek megoldása bonyolult lehet, egy tapasztalt szerkesztőtől származó sablonba fektetni lehet a legmegfelelőbb, persze gazdaságosság kérdése, de megéri.

    1.    Diego német Gonzalez dijo

      Ez a sorozat első cikke.
      Köszönjük a közreműködést

    2.    Jorge dijo

      Szép cikk. Várom a folytatást.