Ceux qui travaillent au moins un peu dans le domaine de la conception Web et qui connaissent le processus de création et de conception de sites savent à quel point les possibilités de visualisation de votre contenu sont arrivées ces derniers temps. Grâce aux technologies CSS, JavaScript et Flash, combinées ensemble, n'importe quel site peut être transformé en un véritable chef-d'œuvre, une sorte d'œuvre d'art moderne. Et, bien sûr, de nombreux concepteurs le font, et un grand nombre d'entreprises commandent généreusement le développement de portails aux graphismes incroyables. De plus, "l'effet wow" de la page peut être obtenu non seulement grâce à un ensemble d'effets différents, mais également à l'aide de transitions simples mais belles, d'infographies, de liens, etc.
Vrai, chaque concepteur et concepteur de mise en page sait que pour gagner du temps lors du développement d'une ressource, vous devez disposer d'une certaine base, un modèle, sur la base duquel vous pouvez créer le "chef-d'œuvre" final. C'est pour cela que Bootstrap a été créé: aujourd'hui, il permet de gagner du temps et de faciliter les choses pour des milliers de concepteurs de sites Web.
Bootstrap - qu'est-ce que c'est ?
Donc, la description du produit doit commencer par ses caractéristiques générales. Par conséquent, nous notons que Bootstrap est une plate-forme exprimée dans un ensemblemodèles originaux pour le site. Chacun comprend des graphiques, du CSS et bien sûr du HTML.
L'ensemble est livré dans une seule archive, qui peut être téléchargée gratuitement à partir de la page officielle de la plateforme. Ainsi, quiconque souhaite développer son site peut utiliser cet ensemble, et il n'aura pas besoin d'écrire chaque page à partir de zéro, en effectuant des actions de base: baliser le site, le diviser en blocs, sélectionner des graphiques pour les icônes de base, etc. Dans le même temps, chaque ensemble de Twitter Bootstrap est assez individuel. Contrairement aux modèles auxquels nous sommes habitués, il n'y a rien de superflu qui doit être supprimé ou remplacé. Le designer pourra créer son idée directement sur la base de Bootstrap.
Comment commencer à créer un site Web ?
Donc, nous nous sommes déjà familiarisés avec la plate-forme elle-même, passons maintenant à la façon de commencer à développer votre site Web unique. Pour commencer, bien sûr, vous devez télécharger l'archive avec le modèle Twitter Bootstrap. Il prend très peu de place et vous pouvez l'obtenir sur la page GetBootstrap. Là, vous pouvez également choisir le placement des blocs dont vous avez besoin pour le site. Par exemple, il existe des pages sous forme de landing-page avec une image, avec un slider, avec plusieurs titres, avec des effets prédéfinis, etc. Il vous suffit de faire un choix et de télécharger l'archive adaptée à votre site créée sur la base de Bootstrap. Qu'est-ce que cet ensemble, vous le verrez immédiatement après le téléchargement.
Personnalisation du thème
Chaque sujet se représente, comme n'importe quel site,un ensemble de fichiers HTML, CSS et graphiques. Les développeurs de la plateforme se sont efforcés d'amener les normes de conception aux mêmes standards, tout en donnant le maximum de possibilités de personnalisation de votre thème. Par conséquent, afin de rendre votre site unique, vous devrez comprendre la structure de la plate-forme, l'architecture du site sur celle-ci et la manière dont le code de chaque modèle est écrit. Vous devez le faire une fois, après quoi il sera plus facile de créer vos projets avec Bootstrap. Le CSS et les graphismes sont les mêmes sur tous les thèmes. C'est le plus de cette approche.
Tout ce qui nous intéresse, c'est le fichier CSS avec le nom du thème (il est placé dans le dossier "css", en plus de cela, vous trouverez deux autres fichiers des paramètres de base de la plate-forme, vous peut les laisser tranquilles); ainsi que "index.html", qui est le balisage de la page principale. Vous devriez partir de cela, et d'autres ajouts spécifiques sous forme de curseurs, certains effets Javascript seront déjà déterminés par votre tâche pour créer un site particulier. Par exemple, dans le modèle Bootstrap standard, le menu peut être conçu dans une couleur gris terne. Pour votre site, bien sûr, vous le modifierez pour qu'il soit réalisé dans la bonne couleur et avec tous les effets souhaités. C'est la personnalisation même, mais comme il y a Bootstrap, il n'est pas nécessaire de créer un menu à partir de zéro, ce qui fait gagner du temps.
Opportunités pour les designers
En fait, parlons maintenant des possibilités qu'offre la plateforme Bootstrap. Quelles sont ces perspectives - de travailler avec de telles archives ? Il semblerait, pourquoi sont-ils si remarquables ?
Poen fait, il n'y a rien de tel dans la plateforme de développement de Twitter. L'idée est extrêmement simple, tout comme sa mise en œuvre. Mais désormais, un designer n'a plus à créer une page de site à partir de zéro, puis à lui donner l'apparence souhaitée. Non, désormais, un spécialiste peut partir directement du shell, de la conception du site, sans être distrait par des éléments aussi fondamentaux que le balisage principal. N'est-ce pas un exemple d'utilisation efficace et efficiente du temps ?
De plus, un autre avantage de Bootstrap n'a pas été noté - c'est un moyen d'aider les personnes qui n'ont pas de compétences de balisage CSS de haut niveau à créer leur propre conception professionnelle, car tous les outils qu'un concepteur de mise en page pourrait besoin sont déjà dans les modèles en question. Une personne qui connaît la création de sites Web est capable de bien plus. Et c'est déjà un avantage vraiment significatif en faveur de Bootstrap.
Maintenant, le projet est en cours de développement, malgré le fait qu'il a été lancé en 2011 et depuis lors, des milliers de personnes ont commencé à y travailler. Espérons que les développeurs continueront à faciliter la conception Web et à aider les gens à créer quelque chose de nouveau, personnel et utile au monde.
