Was ist Bootstrap und wann sollte ich es verwenden?

Freie und Open-Source-Software bietet uns für viele Dinge mehrere Alternativen. Dies macht es schwierig zu wissen, welches man am besten verwendet. Beginnen wir damit, dass Sie nicht wissen müssen, was es ist, wenn Sie keine Website benötigen Bootstrap und wann es eingesetzt werden soll.

Früher konnte man zum Erstellen einer Website ganz gut mit Notepad oder sogar einem Textverarbeitungsprogramm auskommen, aber als SieDa die Seiten an Interaktivität gewannen und die Inhalte häufiger aktualisiert werden mussten, wurde der Einsatz neuer Tools notwendig um sie zu erstellen.

Was ist Bootstrap und wann sollte ich es verwenden?

Einerseits erschienen visuelle Editoren wie Macromedia (später Adobe) Dreamweaver, mit denen Sie sowohl Code schreiben als auch Inhalte visuell bearbeiten konnten. Unter Linux hatten wir Tools wie Kompozer oder NVU, die, obwohl sie nicht die gleichen Funktionen hatten, die Aufgabe ziemlich einfach machten.

Wenn Sie gut Code schreiben konnten, gab es keinen Mangel an Werkzeugen. Anjuta oder Eclipse waren ideale Entwicklungsumgebungen für erfahrene Programmierer.

Im Laufe der Zeit erschienen Content-Manager als Wordpress Drupal o Joomla.  Diese Art von Software ermöglichte es, das Schreiben von Code zu vernachlässigen und sich auf die Erstellung von Inhalten zu konzentrieren.. Sie erwiesen sich als ideale Alternative für Orte wie Linux Adictos in dem mehrere Autoren den Inhalt ständig aktualisieren.

Lassen Sie mich das ein wenig erklären.

Aus Sicht der Codierung enthält eine Webseite:

• Dokumentenart: Es teilt dem Browser mit, welche Version von HTML verwendet wird.
• HTML-Container: Es teilt dem Browser Anfang und Ende des HTML-Dokuments mit und kann zusätzliche Informationen wie die Sprache enthalten.
• Kopfbehälter: Es enthält nützliche Informationen für den Browser und Suchmaschinen wie den Titel der Seite, den Autor, eine kurze Beschreibung des Inhalts und eine Liste relevanter Begriffe. Außerdem teilt es dem Browser mit, wo er Anweisungen zum Rendern des Inhalts auf dem Bildschirm finden kann.
• Körperbehälter: Hier kommt der gesamte Inhalt, den der Benutzer im Browser sieht.
• Skriptaussage: Es teilt dem Browser mit, wo er Anweisungen in bestimmten Programmiersprachen wie Javascript oder PHP findet, mit denen Sie Interaktivität hinzufügen oder Formulare per E-Mail versenden können.

Die verschiedenen Teile eines Dokuments im Body-Container sind:

• Header: Hier wird der Titel der Website angezeigt. Es kann das Logo, Links, die Navigationsleiste oder andere hervorstechende Informationen enthalten.
• Navi: Dieser Container wird verwendet, um ein Navigationsmenü zu erstellen, das den Zugriff auf die Hauptteile der Website ermöglicht.
• Artikel: Der Name beschreibt die Funktion recht gut. Es wird verwendet, um verschiedene Themen innerhalb einer Webseite zu unterscheiden. Zum Beispiel dieser Beitrag, der auf der Hauptseite von folgt Linux Adictos.
• Abschnitt: Trennen Sie die verschiedenen Teile eines Artikels.
• Beiseite: Gruppiert den seitlich auf der Seite angezeigten Inhalt.
• Footer: Zeigt die Informationen unten auf der Seite an. Es wird häufig verwendet, um Informationen wie Wegbeschreibungen, Links zu anderen Websites und die Wiederholung des Menüs anzuzeigen.

Es gibt Container, um verschiedene Teile des Textes zu markieren als h (1 bis 6) op, die Titel bzw. Absätze angeben.

Wenn es keine Content-Manager gäbe, jedes Mal die Autoren von Linux Adictos Möchten wir einen Artikel veröffentlichen, müssten wir den gesamten Seitencode von Grund auf neu schreiben.  Außerdem sollten wir die Reihenfolge der Hauptseite und die Liste der Artikel nach Kategorie manuell aktualisieren.

Und wenn die Administratoren ein Redesign vornehmen oder eine neue Bildschirmgröße auftauchen würde, wäre es notwendig, die Stylesheets zu aktualisieren.

Das Problem der Content-Manager

Obwohl Content Manager unter den genannten Bedingungen ideal sind, sie sind eine Verschwendung von Ressourcen im Fall von Websites, die nicht häufig aktualisiert werden, wie z. B. Unternehmens- oder Informationswebsites mit wenigen Änderungen.  Andererseits beinhalten sie die Verwendung von Datenbanken, und ihre Popularität macht sie zum Gegenstand häufiger Angriffe, was ihre Aktualisierung erfordert.

Im speziellen Fall von WordPress wird es meiner Meinung nach zu Bloatware. Immer mehr Themes erfordern die Installation von Add-Ons, die in vielen Fällen die gleiche Funktion erfüllen wie die bereits installierten. Und die meisten der besten Vorteile liegen bei der Zahlungsmethode. Und sie sind nicht gerade billig.

Hier kommen Open-Source-Frameworks wie Bootstrap ins Spiel.  Stellen Sie sich Bootstrap als eine Kiste mit Legosteinen vor, die anstelle von Dingen verwendet werden, um Websites zu erstellen, die sich leicht an alle Bildschirmgrößen anpassen lassen. Sie müssen das Rad nicht neu erfinden, da es fast alles enthält, was Sie benötigen, wie Schaltflächen, Symbole und Themen. Aber gleichzeitig haben Sie die Flexibilität, damit Ihre Designs nicht wie andere aussehen.

Im nächsten Artikel werden wir sehen, wie man es benutzt.