Site ou layout responsivo, ou também conhecido como site flexível refere-se a um site que se ajusta automaticamente ao tamanho (resolução) do ecrã do dispositivo utilizado para visualizar o site (PC, telemóvel, tablet, etc).

Um site responsivo muda a sua aparência e disposição com base no tamanho (resolução) do ecrã em que o site é exibido.

 

 

A criação de um site responsivo envolve programação complexa. No entanto atualmente existem recursos (framework) que permitem que qualquer pessoa com conhecimentos básicos de html crie um site responsivo.

O Bootstrap é atualmente o framework mais popular para o desenvolvimento de interfaces de sites e aplicações responsivas.

 

 

Bootstrap é um framework front-end que facilita a vida dos desenvolvedores web a criar sites com tecnologia mobile (responsivo) sem ter que digitar uma linha de CSS para “fazer e acontecer”. Não é a toa que o termo “Bootstrap” em inglês significa “inicialização”, algo que possui um ponto de partida. Além disso, o Bootstrap possui uma diversidade de componentes (plugins) em JavaScript (jQuery) que auxiliam o designer a implementar: tootlip, menu-dropdown, modal, carousel, slideshow, entre outros sem a menor dificuldade, apenas acrescentando algumas configurações no código, sem a necessidade de criar scripts e mais scripts.

 

Hoje em dia, com a velocidade com que novas empresas surgem no mercado, é importante ter soluções rápidas e de baixo custo para aquelas empresas que precisam de estar online o quanto antes. Para isso, os templates podem ser a solução ideal.

Template, de forma bem resumida, é um site pronto.
Ou seja, um template traz toda a estrutura, programação e design do site. Alguns ainda trazem melhorias para funcionalidades de alguns itens do projeto, como sistema de comentários, carrinho de compras, ferramenta de notícias etc. Tudo pronto, bastando apenas duas coisas:
a contratação de um domínio e de um servidor Web para a hospedagem
e a instalação e configuração do template.

 

Free Bootstrap templates (Bootstrap 3)

Free Bootstrap templates (Bootstrap 4)

W3.CSS Web (www.w3schools.com)

 

Existem várias ferramentas para constatar a aparência de um site nos vários dispositivos. Seguem-se algumas:
Website
Website
Extensão para Google Chrome
Extensão para Google Chrome