BOOTSTRAP APRESENTAÇÃO

•

IFG

0

Adrieli Santos

20.08.2015

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

BOOTSTRAP
Adrieli Santos
Bootstrap = inicialização
Bootstrap é um framework front-end. Possui diversos componentes de UI e plugins javascript.
Bootstrap possui web design responsivo
O QUE É Bootstrap?
BOOTSTRAP
Adrieli Santos
BOOTSTRAP
Adrieli Santos
O Bootstrap foi um ferramenta desenvolvida inicialmente por Mark Otto e Jacob Thorton
Em agosto de 2011, a estrutura Bootstrap foi lançada como um projeto de software livre no Github.
Em agosto de 2013, dois anos após a versão original, o Bootstrap 3 foi lançado
HISTÓRICO
BOOTSTRAP
Adrieli Santos
BOOTSTRAP
Adrieli Santos
Possui documentação detalhada e de fácil entendimento;
É otimizado para o desenvolvimento de layouts responsivos;
Possui componentes suficientes para o desenvolvimento de qualquer site ou sistema web com interface simples;
Facilita a criação e edição de layouts por manter padrões;
Funciona em todos os navegadores atuais
Download fácil e totalmente free
VANTAGENS DO BOOTSTRAP
BOOTSTRAP
Adrieli Santos
BOOTSTRAP
Adrieli Santos
Seu código terá de seguir os “padrões de desenvolvimento Bootstrap”
Tema padrão e comum do Bootstrap (caso não faça ajustes visuais, seu projeto se parecerá com outros que também utilizam o Bootstrap).
DESVANTAGENS DO BOOTSTRAP
BOOTSTRAP
Adrieli Santos
A estrutura é simples e seu pacote contém três tipos diferentes de arquivos (CSS, JavaScrpipt e Fonts), que vêm devidamente organizados em suas pastas
Montar um layout é simples e rápido utilizando sua documentação. Como toda a estrutura do CSS já vem definida, basta procurar o componente necessário e adicionar seu código. Em poucos minutos seu layout toma forma e está pronto para uso! E o mesmo acontece com o JavaScript.
COMO FUNCIONA O BOOTSTRAP
BOOTSTRAP
Adrieli Santos
BOOTSTRAP
Adrieli Santos
Compatível com HTML5 e CSS3, o framework possibilita a criação de layouts responsivos e o uso de gris, permitindo que seu conteúdo seja organizado em até 12 colunas e que comporte-se de maneira diferente para cada resolução.
O objetivo principal e lógico do Bootstrap é consumir o menor tempo possível no desenvolvimento de um website, seja ele uma página simples estática ou um grande portal dinâmico.
SOBRE O BOOTSTRAP
BOOTSTRAP
Adrieli Santos
O sistema de grids possibilita a divisão em até 12 colunas de mesma largura.
Se você não deseja dividir seu conteúdo, basta usar uma única coluna de largura 12.
Se você deseja dividir seu conteúdo em 2 partes iguais, de mesma largura, basta criar 2 colunas de largura 6 cada uma.
Se você deseja dividir seu conteúdo em 4 partes iguais, de mesma largura, basta criar 4 colunas de largura 4 cada uma.
SISTEMA DE GRIDS NO BOOTSTRAP
BOOTSTRAP
Adrieli Santos
SISTEMA DE GRIDS NO BOOTSTRAP
BOOTSTRAP
Adrieli Santos
Faça o download do framework no site do desenvolvedor http://getbootstrap.com
Após realizar o download, adicione os arquivos “bootstrap.min.css” e “bootstrap.min.js” nas respectivas pastas do seu projeto.
Chame o CSS e o JS dentro da tag <head> do seu HTML
Não existe um arquivo executável
Para utilizar o bootstrap
BOOTSTRAP
Adrieli Santos
http://blog.hostdime.com.br/materias/tecnologia/poupe-trabalho-com-o-bootstrap/
http://pt.slideshare.net/korzzus/bootstrap-desenvolvendo-uma-interface-responsiva-na-prtica
https://www.prestashop.com/blog/pt/2014/03/06/o-que-e-o-bootstrap-verdades-e-mitos-parte-1-de-2/
http://www.tutorialwebdesign.com.br/o-que-e-bootstrap/
http://thiagonasc.com/desenvolvimento-web/desenvolvendo-com-bootstrap-3-um-framework-front-end-que-vale-a-pena
Web Desing Responsivo – Tárcio Zemel
referencias
BOOTSTRAP
Adrieli Santos