/ / Bootstrap - o que é isso? Twitter Bootstrap - Crie e construa sites

Bootstrap - o que é isso? Twitter Bootstrap - Crie e construa sites

Quem trabalha pelo menos um pouco com a esferaO design da Web e familiarizado com o processo de criação de sites e seu design, sabe até que ponto nos últimos anos aumentamos a capacidade de visualizar seu conteúdo. Graças às tecnologias CSS, JavaScript e Flash combinadas, em qualquer site você pode fazer uma verdadeira obra-prima, uma espécie de obra de arte moderna. E, é claro, muitos designers estão fazendo isso, e um grande número de empresas solicita generosamente projetos de portal com gráficos incríveis. Além disso, o "efeito uau" da página pode ser alcançado não apenas através de um conjunto de efeitos diferentes, mas também com a ajuda de transições simples, mas bonitas, infográficos, links e muito mais.

bootstrap o que é isso

É verdade que todo designer e designer de layout sabe quePara economizar tempo ao desenvolver qualquer recurso, você precisa ter uma certa base, um modelo com base no qual você pode criar a "obra-prima" final. É exatamente para isso que a plataforma Bootstrap foi criada: hoje ajuda a economizar tempo e a simplificar a tarefa para milhares de web designers.

Bootstrap - o que é isso?

Portanto, a descrição do produto começa com suacaracterísticas gerais. Portanto, observamos que o Bootstrap é uma plataforma expressa em um conjunto de modelos exclusivos para o site. Cada um deles inclui gráficos, marcação CSS e, é claro, HTML.

inicialização do twitter

Todo esse conjunto está em um arquivo, quepode ser baixado gratuitamente na página oficial da plataforma. Portanto, todo mundo que quiser desenvolver seu próprio site pode usar esse conjunto e não precisará escrever cada página do zero, executando ações básicas: marcando o site, dividindo-o em blocos, selecionando gráficos para ícones básicos e assim por diante. Ao mesmo tempo, cada conjunto de Twitter Bootstrap é bastante individual. Ao contrário dos modelos usuais, não há nada supérfluo nele que precise ser removido ou substituído. O designer poderá criar sua ideia diretamente com base no Bootstrap.

Como começar a criar um site?

Então, nós já conhecemos a própria plataforma,Agora vamos seguir como começar a desenvolver nosso próprio site exclusivo. Primeiro, é claro, você precisa fazer o download do arquivo morto com o modelo do Twitter Bootstrap. Ele ocupa muito pouco espaço e você pode obtê-lo na página GetBootstrap. Lá, você pode escolher o posicionamento dos blocos necessários para o site. Por exemplo, há páginas na forma de uma página de destino com uma imagem, há um controle deslizante, com vários cabeçalhos, com efeitos predefinidos e assim por diante. Você só precisa fazer uma escolha e baixar o arquivo adequado ao seu site, criado com base no Bootstrap. O que é este conjunto, você verá imediatamente após o download.

menu de inicialização

Temas de personalização

De cada tópico é, como qualquersite, um conjunto de arquivos HTML, CSS e gráficos. Os desenvolvedores da plataforma procuraram trazer os padrões de design para os mesmos padrões e, ao mesmo tempo, oferecer a oportunidade máxima de personalizar seu tema. Portanto, para tornar seu site único, você precisará entender o dispositivo da plataforma, a arquitetura do site e como o código de cada modelo é escrito. Você precisa fazer isso uma vez, após o qual será mais fácil criar seus projetos usando o Bootstrap. CSS e gráficos são iguais em todos os temas. Essa é a vantagem dessa abordagem.

Tudo o que nos interessa é um arquivo CSS como nome do tópico (ele está na pasta "css"; além disso, você encontrará mais dois arquivos das configurações básicas da plataforma, não é possível tocá-los); bem como "index.html", que é o layout da página principal. Ele deve se basear nisso e em outras adições específicas na forma de controles deslizantes. Alguns efeitos Javascript já serão determinados pela sua tarefa de criar este ou aquele site. Por exemplo, no modelo padrão do Bootstrap, os menus podem ser projetados em uma cor cinza opaca. Para o seu site, é claro que você o altera para que seja feito em uma cor adequada e com todos os efeitos necessários. Essa é a própria individualização, mas, ao mesmo tempo, como existe o Bootstrap, não há necessidade de criar um menu do zero, o que economiza tempo.

bootstrap css

Oportunidades de Design

Na verdade, agora sobre as oportunidades que a plataforma Bootstrap oferece. Quais são essas perspectivas - trabalhando com esses arquivos? Parece que eles são tão notáveis?

De fato, nada disso na plataforma paraNão há desenvolvedores do Twitter. A ideia é extremamente simples, assim como sua implementação. Mas agora o designer não precisa criar a página do site a partir do zero, para dar a aparência correta. Não, agora um especialista pode começar diretamente do shell, do design do site, sem se distrair com coisas básicas como a marcação básica. Isso não é um exemplo do uso eficiente e racional do tempo?

Além disso, outro não foi anotado.A vantagem do Bootstrap é que é uma maneira de ajudar as pessoas que não têm habilidades para criar layouts de CSS de alto nível para criar seu próprio design profissional, porque todas as ferramentas que podem ser úteis para o designer de layout já estão nos modelos em questão. Uma pessoa que conhece a criação de sites básicos é capaz de muito mais. E isso é realmente uma vantagem significativa a favor do Bootstrap.

Agora o projeto está em desenvolvimento,apesar de ter sido lançado em 2011 e desde então milhares de pessoas começaram a trabalhar nele. Vamos torcer para que os desenvolvedores continuem a simplificar o trabalho com web design e ajude as pessoas a criar algo novo, individual e útil para o mundo.