Vad är Bootstrap och när ska jag använda det?

Bootstrap gör det snabbt att bygga responsiva webbplatser.

Gratis och öppen källkod erbjuder oss flera alternativ för många saker. Detta gör det svårt att veta vilken som är bäst att använda. Låt oss börja med att säga att om du inte behöver en webbplats behöver du inte veta vad det är Bootstrap och när den ska användas.

Förr i tiden kunde du klara dig bra med anteckningsblock eller till och med en ordbehandlare för att skapa en webbplats, men som duEftersom sidorna blev mer interaktiva och innehållet måste uppdateras oftare, blev det nödvändigt att använda nya verktyg för att skapa dem.

Vad är Bootstrap och när ska jag använda det?

Å ena sidan dök det upp visuella redigerare som Macromedia (senare Adobe) Dreamweaver som gjorde att du kunde skriva kod såväl som visuellt redigera innehåll. I Linux hade vi verktyg som Kompozer eller NVU som, även om de inte hade samma funktioner, gjorde uppgiften ganska enkel.

Om du var bra på att skriva kod så var det ingen brist på verktyg. Anjuta eller Eclipse var idealiska utvecklingsmiljöer för expertprogrammerare.

Med tiden dök innehållshanterare ut som Wordpress Drupal o JoomlaDenna typ av mjukvara gjorde det möjligt att bortse från kodskrivning för att fokusera på innehållsskapande.. De visade sig vara det perfekta alternativet för platser som Linux Adictos där flera författare ständigt uppdaterar innehållet.

Låt mig förklara detta lite.

Ur kodningssynpunkt innehåller en webbsida:

  • Dokumenttyp: Den talar om för webbläsaren vilken version av HTML som används.
  • HTML-behållare: Det berättar för webbläsaren början och slutet av HTML-dokumentet och kan innehålla ytterligare information som språket.
  • Huvudbehållare: Den innehåller användbar information för webbläsaren och sökmotorerna som sidans titel, författaren, en kort beskrivning av innehållet och en lista med relevanta termer. Den talar också om för webbläsaren var den kan hitta instruktioner om hur man renderar innehållet på skärmen.
  • Kroppsbehållare: Här kommer allt innehåll som användaren kommer att se i webbläsaren.
  • Manus uttalande: Den talar om för webbläsaren var man kan hitta instruktioner på vissa programmeringsspråk som Javascript eller PHP som låter dig lägga till interaktivitet eller skicka formulär via post.

De olika delarna av ett dokument inuti Body-behållaren är:

  • Rubrik: Det är här webbplatsens titel visas. Den kan innehålla logotypen, länkar, navigeringsfältet eller annan framträdande information.
  • Navigering: Denna behållare används för att skapa en navigeringsmeny som ger åtkomst till huvuddelarna av webbplatsen.
  • Artikel: Namnet är ganska beskrivande för funktionen. Det används för att skilja olika ämnen på en webbsida. Till exempel detta inlägg som följer på huvudsidan av Linux Adictos.
  • Sektion: Separera de olika delarna av en artikel.
  • Åt sidan: Grupperar innehållet som visas på sidan av sidan.
  • sidfot: Visar informationen längst ner på sidan. Det används ofta för att visa information som vägbeskrivningar, länkar till andra webbplatser och att upprepa menyn.

Det finns behållare för att markera olika delar av texten som h (1 till 6) op som anger rubriker respektive stycken.

Om det inte fanns några innehållshanterare, varje gång författarna till Linux Adictos Vi skulle vilja publicera en artikel, vi skulle behöva skriva om hela sidkoden från början.  Dessutom bör vi manuellt uppdatera ordningen på huvudsidan och listan över artiklar efter kategori.

Och om administratörerna skulle göra en omdesign eller en ny skärmstorlek skulle komma upp, skulle det vara nödvändigt att uppdatera stilmallarna.

Problemet med innehållshanterare

Även om innehållshanterare är idealiska under de förhållanden vi nämnde, de är ett slöseri med resurser när det gäller webbplatser som inte uppdateras ofta, till exempel företags- eller informationswebbplatser med få ändringar.  Å andra sidan inkluderar de användningen av databaser och deras popularitet gör dem till föremål för frekventa attacker, vilket kräver att de uppdateras.

I det speciella fallet WordPress, enligt min mening, håller det på att bli bloatware. Fler och fler teman kräver installation av tillägg som i många fall fyller samma funktion som de du redan hade installerat. Och de flesta av de bästa fördelarna finns under betalningsmetoden. Och de är inte direkt billiga.

Det är här ramverk med öppen källkod som Bootstrap kommer väl till pass.  Tänk på Bootstrap som en låda med legoklossar som istället för att bygga saker används för att bygga hemsidor som enkelt anpassar sig till alla skärmstorlekar. Du behöver inte uppfinna hjulet på nytt eftersom det kommer med nästan allt du kan behöva som knappar, ikoner och teman. Men samtidigt har du flexibiliteten så att din design inte ser ut som andra.

I nästa artikel kommer vi att se hur du använder den.


Lämna din kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *

*

*

  1. Ansvarig för data: AB Internet Networks 2008 SL
  2. Syftet med uppgifterna: Kontrollera skräppost, kommentarhantering.
  3. Legitimering: Ditt samtycke
  4. Kommunikation av uppgifterna: Uppgifterna kommer inte att kommuniceras till tredje part förutom enligt laglig skyldighet.
  5. Datalagring: databas värd för Occentus Networks (EU)
  6. Rättigheter: När som helst kan du begränsa, återställa och radera din information.

  1.   Richard Watterson sade

    En intressant artikel, även om jag tror att den passande titeln skulle vara innehållshanterare och aktuella problem, här förklarade de ingenting om bootstrap.
    Vad mer…
    Bootstrap är ett bibliotek/ramverk/bibliotek som låter oss designa väldigt snygga responsiva sajter, du kan skapa en webbplats utan att kunna så mycket om CSS, du kan skapa ett WordPress-tema, men du bör lägga mycket tid på det för att optimera det till maximalt.
    CMS som WordPress är designade för att förbättra underhållet av en webbplats, det är därför de är så flexibla, du kan skapa bloggar, företagswebbplatser, butiker, forum, etc etc... och allt utan att röra en enda rad kod.
    Teman i fallet med WordPress, det finns många ganska enkla, lämpliga för en personlig blogg, något som inte kräver mer visuell tilltal. När det gäller "attraktiva" teman inkluderar dessa vanligtvis plugins, som ger teman större funktionalitet, du kan lägga till loaders, megamenyer, animationer med mera, mycket sällan innehåller plugins CSS.
    Det är därför…
    1.- Undvik att använda hela bootstrap-paketet, ladda bara det du behöver.
    2.- För WordPress, investera i en bra hosting, detta kommer att förbättra dina laddningstider, du kan välja att använda ett CDN för att förbättra laddningen av dina teman.
    3.- Om du använder ett CMS baserat på PHP, förvänta dig inga stora hastigheter, det är sant att de kan optimeras, men någon med kunskap måste göra det.
    4.- Utvecklingen och underhållet av ett WordPress-tema är inte nödvändigtvis billigt eller lätt. Det finns många sårbarheter som upptäcks dagligen och att lösa dem utan rätt kunskap kan vara komplicerat, att investera i en mall från en erfaren redaktör kan vara det lämpligaste, naturligtvis, det är en fråga om ekonomi, men det är värt det.

    1.    Diego tyska Gonzalez sade

      Det är den första artikeln i serien.
      Tack för ditt inlägg

    2.    jorge sade

      Trevlig artikel. Jag väntar på uppföljaren.