Wer sich zumindest ein wenig mit dem Bereich Webdesign beschäftigt und mit dem Prozess der Seitenerstellung und -gest altung vertraut ist, weiß, wie weit die Möglichkeiten zur Visualisierung Ihrer Inh alte in letzter Zeit gekommen sind. Dank der kombinierten CSS-, JavaScript- und Flash-Technologien kann jede Website in ein echtes Meisterwerk, eine Art modernes Kunstwerk, verwandelt werden. Und natürlich tun dies viele Designer, und eine große Anzahl von Unternehmen beauftragt großzügig die Entwicklung von Portalen mit unglaublichen Grafiken. Außerdem kann der „Wow-Effekt“der Seite nicht nur durch eine Reihe verschiedener Effekte erzielt werden, sondern auch mithilfe einfacher, aber schöner Übergänge, Infografiken, Links und mehr.
Stimmt, jeder Designer und Layouter weiß, dass man, um bei der Entwicklung einer Ressource Zeit zu sparen, eine bestimmte Basis, eine Vorlage braucht, auf deren Grundlage man das endgültige „Meisterwerk“erstellen kann. Dafür wurde Bootstrap entwickelt: Heute hilft es Tausenden von Webdesignern, Zeit zu sparen und die Dinge einfacher zu machen.
Bootstrap - was ist das?
Also sollte die Beschreibung des Produkts mit seinen allgemeinen Eigenschaften beginnen. Daher stellen wir fest, dass Bootstrap eine Plattform ist, die in einem Set ausgedrückt wirdOriginalvorlagen für die Website. Jedes enthält Grafiken, CSS und natürlich HTML.
Das gesamte Set kommt in einem Archiv, das kostenlos von der offiziellen Seite der Plattform heruntergeladen werden kann. Somit kann jeder, der seine Website entwickeln möchte, dieses Set verwenden, und er muss nicht jede Seite von Grund auf neu schreiben und grundlegende Aktionen ausführen: die Website markieren, sie in Blöcke aufteilen, Grafiken für grundlegende Symbole auswählen und so weiter. Gleichzeitig ist jedes Set von Twitter Bootstrap sehr individuell. Anders als bei den gewohnten Schablonen gibt es nichts Überflüssiges, das entfernt oder ersetzt werden muss. Der Designer kann seine Idee direkt auf Basis von Bootstrap erstellen.
Wie fange ich an, eine Website zu erstellen?
Also, wir haben uns bereits mit der Plattform selbst vertraut gemacht, jetzt wollen wir damit fortfahren, wie Sie mit der Entwicklung Ihrer einzigartigen Website beginnen können. Zu Beginn müssen Sie natürlich das Archiv mit der Twitter Bootstrap-Vorlage herunterladen. Es nimmt sehr wenig Platz ein und Sie können es auf der GetBootstrap-Seite abrufen. Dort kannst du auch die Platzierung der Blöcke auswählen, die du für die Seite benötigst. Es gibt zum Beispiel Seiten in Form einer Landing-Page mit einem Bild, mit einem Slider, mit mehreren Überschriften, mit voreingestellten Effekten und so weiter. Sie müssen nur eine Auswahl treffen und das Archiv herunterladen, das für Ihre Website geeignet ist, die auf der Basis von Bootstrap erstellt wurde. Was dieses Set ist, sehen Sie sofort nach dem Download.
Anpassung des Designs
Jedes Thema stellt sich selbst dar, wie jede Website,eine Reihe von HTML-, CSS- und Grafikdateien. Die Entwickler der Plattform haben sich bemüht, die Designnormen auf die gleichen Standards zu bringen und gleichzeitig die maximale Möglichkeit zur Anpassung Ihres Themas zu geben. Um Ihre Website einzigartig zu machen, müssen Sie daher die Struktur der Plattform, die Architektur der Website darauf und die Art und Weise, wie der Code jeder Vorlage geschrieben ist, verstehen. Sie müssen dies einmal tun, danach ist es einfacher, Ihre Projekte mit Bootstrap zu erstellen. CSS und Grafiken sind bei allen Themes gleich. Das ist das Plus an diesem Ansatz.
Alles, was uns interessiert, ist die CSS-Datei mit dem Namen des Themas (sie wird im Ordner "css" abgelegt, daneben finden Sie zwei weitere Dateien mit den Grundeinstellungen der Plattform, you kann sie in Ruhe lassen); sowie "index.html", das ist das Markup der Hauptseite. Sie sollten davon ausgehen, und andere spezifische Ergänzungen in Form von Schiebereglern, einige Javascript-Effekte werden bereits von Ihrer Aufgabe bestimmt, eine bestimmte Website zu erstellen. Beispielsweise könnte das Menü in der Standard-Bootstrap-Vorlage in einer matten grauen Farbe gest altet sein. Für Ihre Website ändern Sie es natürlich so, dass es in der richtigen Farbe und mit allen gewünschten Effekten ausgeführt wird. Dies ist die eigentliche Anpassung, aber da es Bootstrap gibt, ist es nicht erforderlich, ein Menü von Grund auf neu zu erstellen, was Zeit spart.
Möglichkeiten für Designer
Eigentlich nun zu den Möglichkeiten, die die Bootstrap-Plattform bietet. Was sind diese Aussichten - mit solchen Archiven zu arbeiten? Es scheint, warum sind sie so bemerkenswert?
PoTatsächlich gibt es auf der Entwicklerplattform von Twitter nichts dergleichen. Die Idee ist denkbar einfach, ebenso ihre Umsetzung. Aber jetzt muss ein Designer eine Site-Seite nicht von Grund auf neu erstellen, um ihr dann das gewünschte Aussehen zu verleihen. Nein, jetzt kann ein Spezialist direkt von der Shell aus mit dem Design der Site beginnen, ohne von so grundlegenden Dingen wie dem Hauptmarkup abgelenkt zu werden. Ist das nicht ein Beispiel für effektive und effiziente Zeitnutzung?
Außerdem wurde ein weiterer Vorteil von Bootstrap nicht erwähnt - dass es eine Möglichkeit ist, Menschen zu helfen, die keine hochrangigen CSS-Markup-Kenntnisse haben, um ihr eigenes professionelles Design zu erstellen, da alle Tools, die ein Layout-Designer haben könnte Bedarf sind bereits in den betreffenden Vorlagen enth alten. Eine Person, die sich mit dem Erstellen von Websites auskennt, ist zu so viel mehr fähig. Und das ist schon mal ein wirklich deutliches Plus zugunsten von Bootstrap.
Jetzt befindet sich das Projekt in der Entwicklung, obwohl es bereits 2011 gestartet wurde und seitdem Tausende von Menschen damit begonnen haben, daran zu arbeiten. Hoffen wir, dass Entwickler das Webdesign weiterhin einfacher machen und Menschen dabei helfen, etwas Neues, Persönliches und Nützliches für die Welt zu schaffen.
