Bootstrap: què és? Twitter Bootstrap: disseny i desenvolupament de llocs web

Taula de continguts:

Bootstrap: què és? Twitter Bootstrap: disseny i desenvolupament de llocs web
Bootstrap: què és? Twitter Bootstrap: disseny i desenvolupament de llocs web
Anonim

Els que treballen almenys una mica amb l'àmbit del disseny web i estan familiaritzats amb el procés de creació i disseny de llocs, saben fins on han arribat les possibilitats de visualitzar el seu contingut últimament. Gràcies a les tecnologies CSS, JavaScript i Flash, combinades, qualsevol lloc es pot convertir en una autèntica obra mestra, una mena d'obra d'art modern. I, per descomptat, molts dissenyadors ho estan fent, i un gran nombre d'empreses encarrega generosament el desenvolupament de portals amb gràfics increïbles. A més, l'"efecte meravellós" de la pàgina es pot aconseguir no només mitjançant un conjunt d'efectes diferents, sinó també amb l'ajuda de transicions senzilles però boniques, infografies, enllaços i molt més.

bootstrap què és
bootstrap què és

Certo, tots els dissenyadors i dissenyadors de maquetació saben que per estalviar temps a l'hora de desenvolupar qualsevol recurs, cal tenir una determinada base, una plantilla, a partir de la qual podeu crear l'"obra mestra" final. Per això es va crear Bootstrap: avui en dia ajuda a estalviar temps i a facilitar les coses a milers de dissenyadors web.

Bootstrap: què és?

Per tant, la descripció del producte hauria de començar per les seves característiques generals. Per tant, observem que Bootstrap és una plataforma expressada en un conjuntplantilles originals per al lloc. Cadascun inclou gràfics, CSS i, per descomptat, HTML.

twitter bootstrap
twitter bootstrap

Tot el conjunt ve en un arxiu, que es pot descarregar gratuïtament des de la pàgina oficial de la plataforma. Així, qualsevol persona que vulgui desenvolupar el seu lloc pot utilitzar aquest conjunt, i no haurà d'escriure cada pàgina des de zero, fent accions bàsiques: marcar el lloc, dividir-lo en blocs, seleccionar gràfics per a les icones bàsiques, etc. Al mateix temps, cada conjunt de Twitter Bootstrap és força individual. A diferència de les plantilles a les quals estem acostumats, no hi ha res de superflu que s'hagi d'eliminar o substituir. El dissenyador podrà crear la seva idea directament a partir de Bootstrap.

Com començar a crear un lloc web?

Per tant, ja ens hem familiaritzat amb la plataforma en si, ara passem a com començar a desenvolupar el vostre lloc web únic. Per començar, és clar, heu de descarregar l'arxiu amb la plantilla de Twitter Bootstrap. Ocupa molt poc espai i el podeu obtenir a la pàgina GetBootstrap. Allà també podeu triar la col·locació dels blocs que necessiteu per al lloc. Per exemple, hi ha pàgines en forma de pàgina de destinació amb una imatge, amb un control lliscant, amb diversos títols, amb efectes preestablerts, etc. Només cal que trieu i descarregueu l'arxiu adequat per al vostre lloc creat a partir de Bootstrap. Què és aquest conjunt, ho veureu immediatament després de baixar-lo.

menú d'arrencada
menú d'arrencada

Personalització del tema

Cada tema es representa, com qualsevol lloc,un conjunt de fitxers HTML, CSS i gràfics. Els desenvolupadors de la plataforma s'han esforçat per portar les normes de disseny als mateixos estàndards, alhora que ofereixen la màxima oportunitat per personalitzar el vostre tema. Per tant, per fer que el vostre lloc sigui únic, haureu d'entendre l'estructura de la plataforma, l'arquitectura del lloc i com està escrit el codi de cada plantilla. Ho heu de fer una vegada, després serà més fàcil crear els vostres projectes amb Bootstrap. CSS i gràfics són els mateixos en tots els temes. Aquest és l'avantatge d'aquest enfocament.

L'únic que ens interessa és el fitxer CSS amb el nom del tema (està situat a la carpeta "css", a més d'ell trobareu dos fitxers més de la configuració bàsica de la plataforma, pot deixar-los sols); així com "index.html", que és el marcatge de la pàgina principal. Hauríeu de començar a partir d'això, i d' altres addicions específiques en forma de control lliscant, alguns efectes de Javascript ja estaran determinats per la vostra tasca per crear un lloc determinat. Per exemple, a la plantilla estàndard de Bootstrap, el menú pot estar dissenyat en un color gris apagat. Per al vostre lloc, és clar, el canviareu perquè es faci amb el color adequat i amb tots els efectes desitjats. Aquesta és la personalització, però com que hi ha Bootstrap, no cal crear un menú des de zero, la qual cosa estalvia temps.

bootstrap css
bootstrap css

Oportunitats per als dissenyadors

En realitat, ara sobre les possibilitats que ofereix la plataforma Bootstrap. Quines són aquestes perspectives de treballar amb aquests arxius? Sembla, per què són tan notables?

Pode fet, no hi ha res semblant a la plataforma de desenvolupadors de Twitter. La idea és extremadament senzilla, així com la seva implementació. Però ara un dissenyador no ha de crear una pàgina del lloc des de zero i després donar-li l'aspecte desitjat. No, ara un especialista pot començar directament des de l'intèrpret, des del disseny del lloc, sense distreure's amb coses tan bàsiques com el marcatge principal. No és aquest un exemple d'ús eficaç i eficient del temps?

A més, no es va assenyalar un altre avantatge de Bootstrap: que és una manera d'ajudar les persones que no tenen habilitats de marcatge CSS d' alt nivell a crear el seu propi disseny professional, perquè totes les eines que un dissenyador de maquetació podria necessitat ja estan a les plantilles en qüestió. Una persona que sap com crear llocs web és capaç de molt més. I això ja és un avantatge realment important a favor de Bootstrap.

Ara el projecte està en desenvolupament, malgrat que es va posar en marxa l'any 2011 i des de llavors milers de persones han començat a treballar-hi. Esperem que els desenvolupadors continuïn facilitant el disseny web i ajudant la gent a crear quelcom nou, personal i útil per al món.

Recomanat: