/ / Bootstrap - qu'est-ce que c'est? Twitter Bootstrap - conception et création de sites

Bootstrap - qu'est-ce que c'est? Twitter Bootstrap - conception et création de sites

Ceux qui travaillent au moins un peu avec la sphèrewebdesign et familier avec le processus de création de sites Web et leur conception, sait jusqu'où les possibilités de visualisation de votre contenu sont allés récemment. Grâce aux technologies CSS, JavaScript et Flash, combinées ensemble, de n'importe quel site il est possible de faire le chef-d'œuvre actuel, tel travail de l'art moderne. Et, bien sûr, de nombreux designers y participent, et un grand nombre d'entreprises commandent généreusement le développement de portails avec des graphismes incroyables. De plus, l'effet "wow" de la page peut être atteint non seulement à travers un ensemble d'effets différents, mais aussi avec des transitions simples mais belles, des infographies, des liens et d'autres choses.

bootstrap qu'est-ce que c'est

C'est vrai, chaque concepteur et concepteur de mise en page sait quepour gagner du temps dans le développement de toute ressource dont vous avez besoin d'avoir une certaine base, un modèle, sur la base duquel vous pouvez créer le "chef-d'œuvre" final. C'est pourquoi la plate-forme Bootstrap a été créée: aujourd'hui, elle permet de gagner du temps et de simplifier la tâche de milliers de concepteurs Web.

Bootstrap - qu'est-ce que c'est?

Alors, commencez la description du produit suit avec soncaractéristiques générales. Par conséquent, notez que Bootstrap est une plate-forme, exprimée dans un ensemble de modèles uniques pour le site. Chacun d'entre eux comprend des graphiques, des balises CSS et, bien sûr, HTML.

twitter bootstrap

Tout cet ensemble va dans une archive, quipeut être téléchargé gratuitement à partir de la page officielle de la plateforme. Ainsi, toute personne souhaitant concevoir son site peut utiliser cet ensemble et il n'aura pas besoin d'écrire chaque page à partir de rien, en effectuant des actions de base: en marquant un site, en le découpant en blocs, en sélectionnant des graphismes pour les icônes de base etc. Dans ce cas, chaque ensemble de Twitter Bootstrap est assez individuel. Contrairement aux modèles habituels, il n'y a rien de superflu qui devra être enlevé ou remplacé. Créer votre concepteur de l'esprit peut directement sur la base de Bootstrap.

Comment commencer à créer un site web?

Donc, avec la plate-forme elle-même, nous nous sommes déjà rencontrés,Maintenant, nous nous tournons vers la façon de commencer à développer votre site unique. Pour commencer, bien sûr, vous devez télécharger une archive avec le modèle Twitter Bootstrap. Il prend très peu d'espace, 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 y a des pages sous la forme d'une page d'atterrissage avec une image, il y a un curseur, avec plusieurs en-têtes, avec des effets pré-installés et ainsi de suite. Vous avez juste besoin de faire un choix et de télécharger cette archive, qui est adaptée à votre site, basée sur Bootstrap. Quel est cet ensemble, vous verrez immédiatement après le téléchargement.

menu d'amorçage

Individualisation du sujet

Chaque thème se représente, comme tout autresite, un ensemble de fichiers HTML, CSS et graphiques. Les développeurs de la plate-forme ont essayé d'amener les standards de conception aux mêmes standards, tout en offrant au maximum des opportunités pour l'individualisation de votre sujet. Par conséquent, afin de rendre votre site unique, vous aurez besoin de comprendre le dispositif de la plate-forme, l'architecture du site et comment le code de chaque modèle est prescrit. Vous devez le faire une fois, après quoi il sera plus facile de créer vos projets en utilisant Bootstrap. CSS et les graphismes sont les mêmes sur tous les sujets. Dans cela et plus cette approche.

Tout ce qui nous intéresse est un fichier CSS avecthème de titre (il est placé dans le dossier «css», à côté de lui vous y trouverez une autre plate-forme de fichier deux paramètres de base, ils ne peuvent pas toucher); et aussi "index.html", qui est un balisage de la page principale. Être rebuté par cela et d'autres ajouts spécifiques sous la forme de curseurs, certains Javascript est-effets doivent être déterminés par votre tâche pour créer un site particulier. Par exemple, dans un modèle de menu standard Bootstrap peut être conçu dans une couleur gris terne. Pour votre site, vous, bien sûr, le changer de sorte qu'il a été réalisé dans une couleur appropriée et avec tous les bons effets. C'est précisément l'individuation, mais comme il y a Bootstrap, créez un menu à partir de zéro n'est pas nécessaire, ce qui fait gagner du temps.

bootstrap css

Opportunités pour les concepteurs

En fait, maintenant sur les possibilités offertes par la plateforme Bootstrap. Quelles sont ces perspectives - travailler avec de telles archives? Il semblerait qu'ils sont si remarquables?

En fait, il n'y a rien dans la plate-forme pourdéveloppeurs de Twitter là-bas. L'idée est extrêmement simple, comme sa mise en œuvre. Mais maintenant le concepteur ne devrait pas créer une page du site à partir de zéro, afin de lui donner la forme nécessaire. Non, maintenant un spécialiste peut commencer directement à partir du shell, avec la conception du site, sans être distrait par des choses aussi simples que le balisage de base. N'est-ce pas un exemple d'utilisation efficace et rationnelle du temps?

En outre, un de plusL'avantage de Bootstrap est d'aider les personnes qui n'ont pas les compétences pour créer un balisage CSS de haut niveau à créer leur propre design professionnel, car tous les outils qui peuvent être utiles pour un codeur sont déjà dans les gabarits en question. Une personne qui connaît la création des sites de fondation est capable de beaucoup plus. Et c'est vraiment un avantage significatif en faveur de Bootstrap.

Maintenant, le projet est au stade de développement,malgré le fait qu'il a été lancé en 2011 et depuis lors, des milliers de personnes ont commencé à travailler dessus. Espérons que les développeurs continueront à simplifier le travail de conception web et à aider les gens à créer quelque chose de nouveau, d'unique et utile au monde.