Aquellos que trabajan al menos un poco en el campo del diseño web y están familiarizados con el proceso de crear sitios y diseñarlos, saben hasta dónde han llegado las posibilidades para visualizar su contenido últimamente. Gracias a las tecnologías CSS, JavaScript y Flash combinadas, cualquier sitio puede convertirse en una verdadera obra maestra, una especie de obra de arte moderno. Y, por supuesto, muchos diseñadores están haciendo esto, y una gran cantidad de empresas encargan generosamente el desarrollo de portales con gráficos increíbles. Además, el "efecto sorpresa" de la página se puede lograr no solo a través de un conjunto de efectos diferentes, sino también con la ayuda de transiciones simples pero hermosas, infografías, enlaces y más.
Cierto, todo diseñador y maquetador sabe que para ahorrar tiempo al desarrollar cualquier recurso, debe tener una base determinada, una plantilla, sobre la base de la cual puede crear la "obra maestra" final. Para eso se creó Bootstrap: hoy ayuda a ahorrar tiempo y facilita las cosas a miles de diseñadores web.
Bootstrap: ¿qué es?
Entonces, la descripción del producto debe comenzar con sus características generales. Por lo tanto, notamos que Bootstrap es una plataforma expresada en un conjuntoplantillas originales para el sitio. Cada uno incluye gráficos, CSS y, por supuesto, HTML.
Todo el conjunto viene en un archivo, que se puede descargar de forma gratuita desde la página oficial de la plataforma. Así, cualquier persona que quiera desarrollar su sitio puede utilizar este conjunto, y no necesitará escribir cada página desde cero, realizando acciones básicas: marcar el sitio, dividirlo en bloques, seleccionar gráficos para iconos básicos, etc. Al mismo tiempo, cada conjunto de Twitter Bootstrap es bastante individual. A diferencia de las plantillas a las que estamos acostumbrados, no hay nada superfluo que deba ser eliminado o reemplazado. El diseñador podrá crear su creación directamente sobre la base de Bootstrap.
¿Cómo empezar a construir un sitio web?
Entonces, ya nos hemos familiarizado con la plataforma en sí, ahora pasemos a cómo comenzar a desarrollar su sitio web único. Para comenzar, por supuesto, debe descargar el archivo con la plantilla de Twitter Bootstrap. Ocupa muy poco espacio y puede obtenerlo en la página de GetBootstrap. Allí también puede elegir la ubicación de los bloques que necesita para el sitio. Por ejemplo, hay páginas en forma de página de destino con una imagen, con un control deslizante, con varios encabezados, con efectos preestablecidos, etc. Solo necesita elegir y descargar el archivo adecuado para su sitio creado sobre la base de Bootstrap. ¿Qué es este conjunto? Lo verá inmediatamente después de descargarlo.
Personalización del tema
Cada tema se representa a sí mismo, como cualquier sitio,un conjunto de archivos HTML, CSS y gráficos. Los desarrolladores de la plataforma se han esforzado por llevar las normas de diseño a los mismos estándares, al tiempo que brindan la máxima oportunidad para personalizar su tema. Por lo tanto, para que su sitio sea único, deberá comprender la estructura de la plataforma, la arquitectura del sitio y cómo está escrito el código de cada plantilla. Debe hacer esto una vez, después de lo cual será más fácil crear sus proyectos usando Bootstrap. CSS y gráficos son los mismos en todos los temas. Esta es la ventaja de este enfoque.
Lo único que nos interesa es el archivo CSS con el nombre del tema (se encuentra en la carpeta "css", además de él encontrarás dos archivos más de la configuración básica de la plataforma, tú puede dejarlos solos); así como "index.html", que es el marcado de la página principal. Debe comenzar con esto y otras adiciones específicas en forma de controles deslizantes, algunos efectos de Javascript ya estarán determinados por su tarea para crear un sitio en particular. Por ejemplo, en la plantilla estándar de Bootstrap, el menú puede estar diseñado en un color gris apagado. Para su sitio, por supuesto, lo cambiará para que esté hecho en el color correcto y con todos los efectos deseados. Esta es la personalización, pero dado que hay Bootstrap, no hay necesidad de crear un menú desde cero, lo que ahorra tiempo.
Oportunidades para diseñadores
En realidad, ahora sobre las posibilidades que ofrece la plataforma Bootstrap. ¿Cuáles son estas perspectivas de trabajar con tales archivos? Parecería, ¿por qué son tan notables?
Pode hecho, no hay nada de eso en la plataforma de desarrolladores de Twitter. La idea es extremadamente simple, al igual que su implementación. Pero ahora un diseñador no tiene que crear una página del sitio desde cero y luego darle el aspecto deseado. No, ahora un especialista puede comenzar directamente desde el shell, desde el diseño del sitio, sin distraerse con cosas tan básicas como el marcado principal. ¿No es este un ejemplo de uso eficaz y eficiente del tiempo?
Además, no se notó otra ventaja de Bootstrap: que es una forma de ayudar a las personas que no tienen habilidades de marcado CSS de alto nivel para crear su propio diseño profesional, porque todas las herramientas que un diseñador de diseño podría necesidad ya están en las plantillas en cuestión. Una persona que sabe sobre la construcción de sitios web es capaz de mucho más. Y esto ya es una ventaja realmente significativa a favor de Bootstrap.
Ahora el proyecto está en desarrollo, a pesar de que se lanzó en 2011 y desde entonces miles de personas han comenzado a trabajar en él. Esperemos que los desarrolladores continúen facilitando el diseño web y ayudando a las personas a crear algo nuevo, personal y útil para el mundo.
