/ / Bootstrap - ¿qué es? Twitter Bootstrap: diseño y creación de sitios

Bootstrap: ¿qué es eso? Twitter Bootstrap: diseño y creación de sitios

Los que trabajan al menos un poco con la esferadiseño web y familiarizado con el proceso de creación de sitios web y su diseño, sabe hasta dónde han llegado recientemente las oportunidades para visualizar su contenido. Gracias a las tecnologías CSS, JavaScript y Flash, combinadas, desde cualquier sitio es posible hacer la presente obra maestra, tal obra del arte moderno. Y, por supuesto, muchos diseñadores están involucrados en esto, y una gran cantidad de compañías ordena generosamente el desarrollo de portales con gráficos increíbles. Además, el "efecto wow" de la página se puede lograr no solo a través de un conjunto de efectos diferentes, sino también con transiciones, infografías, enlaces y otras cosas simples pero hermosas.

bootstrap qué es esto

Es cierto, cada diseñador y diseñador de planos sabe quepara ahorrar tiempo en el desarrollo de cualquier recurso que necesita tener una cierta base, una plantilla, sobre la base de la cual puede crear la "obra maestra" final. Es por eso que se creó la plataforma Bootstrap: hoy en día ayuda a ahorrar tiempo y simplifica la tarea para miles de diseñadores web.

Bootstrap: ¿qué es eso?

Por lo tanto, comience la descripción del producto a continuación con sucaracterísticas generales Por lo tanto, tenga en cuenta que Bootstrap es una plataforma, expresada en un conjunto de plantillas únicas para el sitio. Cada uno de ellos incluye gráficos, marcado de CSS y, por supuesto, HTML.

twitter bootstrap

Todo este conjunto va en un archivo, quese puede descargar de forma gratuita desde la página oficial de la plataforma. Por lo tanto, cualquiera que quiera diseñar su sitio puede usar este conjunto, y no tendrá que escribir cada página desde cero, realizando acciones básicas: marcando un sitio, dividiéndolo en bloques, seleccionando gráficos para iconos de base, etc. En este caso, cada conjunto de Twitter Bootstrap es bastante individual. A diferencia de los patrones habituales, no hay nada superfluo que deba eliminarse o reemplazarse. Cree su diseñador creativo puede directamente sobre la base de Bootstrap.

¿Cómo comenzar a crear un sitio web?

Entonces, con la plataforma en sí, ya nos hemos reunido,ahora pasamos a cómo comenzar a desarrollar su sitio único. Para empezar, por supuesto, debe descargar un archivo con la plantilla Twitter Bootstrap. Ocupa muy poco espacio, y puede obtenerlo en la página 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 inicio con una imagen, con un control deslizante, con varios encabezados, con efectos preinstalados, etc. Solo tiene que elegir y descargar ese archivo, que es adecuado para su sitio, basado en Bootstrap. ¿Qué es este conjunto, lo verá inmediatamente después de la descarga.

menú de arranque

Individualización del tema

Cada tema se representa a sí mismo, como cualquier otrositio, un conjunto de archivos HTML, CSS y gráficos. Los desarrolladores de la plataforma intentaron llevar los estándares de diseño a los mismos estándares, al tiempo que brindaron las oportunidades máximas para la individualización de su tema. Por lo tanto, para que su sitio sea único, deberá comprender el dispositivo de la plataforma, la arquitectura del sitio y cómo se prescribe el código de cada plantilla. Necesitas hacer esto una vez, después de lo cual será más fácil crear tus proyectos usando Bootstrap. CSS y gráficos son los mismos en todos los temas. En esto y más este enfoque.

Todo lo que nos interesa es un archivo CSS connombre del tema (se coloca en la carpeta "css", además de allí encontrará dos archivos más de configuraciones básicas de la plataforma, se pueden dejar solos); y también "index.html", que es un marcado de la página principal. Ser repelido por esto y otras adiciones específicas en forma de controles deslizantes, algo de JavaScript is-efectos tienen que ser determinado por su tarea para crear un sitio en particular. Por ejemplo, en la plantilla estándar de Bootstrap, el menú puede diseñarse en gris aburrido. Para su sitio, usted, por supuesto, lo cambia de tal manera que se ejecuta en el color correcto y con todos los efectos necesarios. Esta es precisamente la individualización, pero como no es Bootstrap, crear un menú desde cero no es necesario, lo que ahorra tiempo.

bootstrap css

Oportunidades para diseñadores

En realidad, ahora sobre las posibilidades que brinda la plataforma Bootstrap. ¿Cuáles son estas perspectivas? ¿Trabajar con esos archivos? Parecería que son tan notables?

De hecho, no hay nada en la plataforma paradesarrolladores de Twitter allí. La idea es extremadamente simple, al igual que su implementación. Pero ahora el diseñador no debe crear una página del sitio desde cero, para darle la forma necesaria. No, ahora un especialista puede comenzar directamente desde el caparazón, con el diseño del sitio, sin distraerse con cosas tan básicas como el marcado básico. ¿No es esto un ejemplo de uso efectivo y racional del tiempo?

Además, uno másBootstrap ventaja - es una manera de ayudar a las personas que no conocen las habilidades de creación de diseño CSS en un nivel alto, para crear un diseño profesional, ya que todos los instrumentos que pueden ser útiles a una máquina de componer, ya en las plantillas en cuestión. Un hombre que sabe acerca de la creación de sitios marco es capaz de mucho más. Y esto es una ventaja muy significativa a favor de Manos a la Obra.

Ahora el proyecto está en la etapa de desarrollo,a pesar de que fue lanzado en 2011 y desde entonces miles de personas han comenzado a trabajar en él. Esperemos que los desarrolladores sigan simplificando el trabajo con el diseño web y ayuden a las personas a crear algo nuevo, individual y útil para el mundo.