Hvad er Bootstrap, og hvornår skal jeg bruge det?

Bootstrap gør det hurtigt at bygge responsive hjemmesider.

Gratis og open source-software giver os flere alternativer til mange ting. Det gør det svært at vide, hvilken der er bedst at bruge. Lad os starte med at sige, at hvis du ikke har brug for et websted, behøver du ikke at vide, hvad det er Bootstrap og hvornår det skal bruges.

I gamle dage kunne man fint klare sig for at lave en hjemmeside med notesblok eller endda et tekstbehandlingsprogram, men som manDa siderne blev mere interaktive, og indholdet skulle opdateres hyppigere, blev det nødvendigt at bruge nye værktøjer at skabe dem.

Hvad er Bootstrap, og hvornår skal jeg bruge det?

På den ene side dukkede visuelle editorer op som Macromedia (senere Adobe) Dreamweaver, der gjorde det muligt for dig at skrive kode såvel som visuelt redigere indhold. I Linux havde vi værktøjer som Kompozer eller NVU, der, selvom de ikke havde de samme funktioner, gjorde opgaven ret let.

Hvis du var god til at skrive kode, var der ingen mangel på værktøjer. Anjuta eller Eclipse var ideelle udviklingsmiljøer for ekspertprogrammører.

Over tid optrådte content managers som WordPress, Drupal o JoomlaDenne type software gjorde det muligt at se bort fra kodeskrivning for at fokusere på skabelse af indhold.. De viste sig at være det ideelle alternativ til steder som f.eks Linux Adictos hvor flere forfattere løbende opdaterer indholdet.

Lad mig forklare dette lidt.

Fra et kodningssynspunkt indeholder en webside:

  • Dokument type: Det fortæller browseren, hvilken version af HTML der bruges.
  • HTML-beholder: Det fortæller browseren starten og slutningen af ​​HTML-dokumentet og kan indeholde yderligere oplysninger såsom sproget.
  • Hovedbeholder: Den indeholder nyttige oplysninger til browseren og søgemaskiner såsom sidens titel, forfatteren, en kort beskrivelse af indholdet og en liste over relevante termer. Den fortæller også browseren, hvor man kan finde instruktioner om, hvordan man gengiver indholdet på skærmen.
  • Kropsbeholder: Her kommer alt indhold, som brugeren vil se i browseren.
  • Script erklæring: Det fortæller browseren, hvor man kan finde instruktioner på visse programmeringssprog, såsom Javascript eller PHP, der giver dig mulighed for at tilføje interaktivitet eller sende formularer med posten.

De forskellige dele af et dokument inde i Body-beholderen er:

  • header: Det er her titlen på hjemmesiden vises. Det kan indeholde logoet, links, navigationslinjen eller anden fremtrædende information.
  • Navigation: Denne beholder bruges til at oprette en navigationsmenu, der giver adgang til de vigtigste dele af webstedet.
  • Artikel: Navnet er ret beskrivende for funktionen. Det bruges til at skelne mellem forskellige emner på en webside. For eksempel dette indlæg, der følger på hovedsiden af Linux Adictos.
  • Afsnit: Adskil de forskellige dele af en artikel.
  • Bortset: Grupperer indholdet, der vises på siden af ​​siden.
  • footer: Viser oplysningerne nederst på siden. Det bruges ofte til at vise information såsom anvisninger, links til andre websteder og gentagelse af menuen.

Der er beholdere til at markere forskellige dele af teksten som h (1 til 6) op, der angiver henholdsvis titler og afsnit.

Hvis der ikke var nogen indholdsadministratorer, hver gang forfatterne af Linux Adictos Vi vil gerne udgive en artikel, vi bliver nødt til at omskrive hele sidekoden fra bunden.  Derudover bør vi manuelt opdatere rækkefølgen af ​​hovedsiden og listen over artikler efter kategori.

Og hvis administratorerne skulle lave et redesign eller en ny skærmstørrelse dukkede op, ville det være nødvendigt at opdatere typografiarkene.

Problemet med content managers

Selvom indholdsadministratorer er ideelle under de forhold, vi nævnte, de er spild af ressourcer i tilfælde af websteder, der ikke opdateres ofte, såsom firma- eller informative websteder med få ændringer.  På den anden side inkluderer de brugen af ​​databaser, og deres popularitet gør dem til genstand for hyppige angreb, hvilket kræver, at de opdateres.

I det særlige tilfælde med WordPress er det efter min mening ved at blive bloatware. Flere og flere temaer kræver installation af tilføjelser, der i mange tilfælde opfylder samme funktion som dem, du allerede havde installeret. Og de fleste af de bedste fordele er under betalingsmetoden. Og de er ikke helt billige.

Det er her, open source frameworks som Bootstrap kommer til nytte.  Tænk på Bootstrap som en kasse af legoklodser, der i stedet for at bygge ting bruges til at bygge hjemmesider, der nemt tilpasser sig alle skærmstørrelser. Du behøver ikke at genopfinde hjulet, da det kommer med næsten alt, hvad du kan få brug for, såsom knapper, ikoner og temaer. Men samtidig har du fleksibiliteten, så dine designs ikke ligner andre.

I den næste artikel vil vi se, hvordan du bruger det.


Efterlad din kommentar

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *

*

*

  1. Ansvarlig for data: AB Internet Networks 2008 SL
  2. Formålet med dataene: Control SPAM, management af kommentarer.
  3. Legitimering: Dit samtykke
  4. Kommunikation af dataene: Dataene vil ikke blive kommunikeret til tredjemand, undtagen ved juridisk forpligtelse.
  5. Datalagring: Database hostet af Occentus Networks (EU)
  6. Rettigheder: Du kan til enhver tid begrænse, gendanne og slette dine oplysninger.

  1.   Richard Watterson sagde han

    En interessant artikel, selvom jeg tror, ​​at den passende titel ville være content managers og aktuelle problemer, her forklarede de ikke noget om bootstrap.
    Hvad mere...
    Bootstrap er et bibliotek/framework/bibliotek, der giver os mulighed for at designe meget flotte responsive sider, du kan lave en hjemmeside uden at vide ret meget om CSS, du kan lave et WordPress tema, men du skal bruge meget tid på det for at optimere det til maksimum.
    CMS som WordPress er designet til at forbedre vedligeholdelsen af ​​en hjemmeside, det er derfor de er så fleksible, at du kan lave blogs, virksomhedshjemmesider, butikker, fora osv osv... og alt sammen uden at røre en eneste linje kode.
    Temaer i tilfælde af WordPress, er der mange ganske enkle, velegnet til en personlig blog, noget der ikke kræver mere visuel appel. I tilfælde af "attraktive" temaer inkluderer disse normalt plugins, som giver temaerne større funktionalitet, du kan tilføje loaders, mega menuer, animationer og mere, meget sjældent inkluderer plugins CSS.
    Det er derfor…
    1.- Undgå at bruge hele bootstrap-pakken, indlæs kun det du skal bruge.
    2.- For WordPress, invester i en god hosting, dette vil forbedre dine indlæsningstider, du kan vælge at bruge et CDN til at forbedre indlæsningen af ​​dine temaer.
    3.- Hvis du bruger et CMS baseret på PHP, skal du ikke forvente store hastigheder, det er rigtigt, at de kan optimeres, men nogen med viden skal gøre det.
    4.- Udvikling og vedligeholdelse af et WordPress-tema er ikke nødvendigvis billigt eller nemt. Der er mange sårbarheder, der opdages dagligt, og at løse dem uden den rette viden kan være kompliceret, at investere i en skabelon fra en erfaren redaktør kan være det mest passende, selvfølgelig, det er et spørgsmål om økonomi, men det er det værd.

    1.    Diego tyske Gonzalez sagde han

      Det er den første artikel i serien.
      Tak for dit input

    2.    Jorge sagde han

      Fin artikel. Jeg venter på fortsættelsen.