PplWare Mobile

Tags: responsivo

Como criar um Website responsivo #4

Nas edições anteriores da criação do nosso Website estivemos a adicionar conteúdo responsivo, como um slider, três excertos de artigos e um rodapé.

Esta semana iremos concluir esta rubrica com a adição de um menu responsivo, no cabeçalho da página, deixando uma referência a alternativas de forma a não fazer tudo isto “à mão” e a facilitar a utilização deste tipo de conteúdos.

rubrica_websites_responsivos



Como criar um Website responsivo #2

Na primeira edição desta rubrica foi criada a estrutura base de um Webite, limitando a largura do conteúdo a 1200 píxeis.

Hoje, utilizando media queries, será possível adaptar o conteúdo do Website a dimensões inferiores, começando agora o desenvolvimento de um Website verdadeiramente responsivo!

rubrica_websites_responsivos


Como criar um Website responsivo #1

No passado dia 21 de Abril a Google começou a penalizar os Websites que não estão optimizados a dispositivos móveis, fazendo com que eles possivelmente cedam o primeiro lugar, no resultado das pesquisas, a um Website que esteja adaptado a estes dispositivos. Com a introdução do CSS3, é possível criar com bastante facilidade e sem nenhum conhecimento específico de programação um Website que esteja optimizado para uma vasta gama de dispositivos, desde os ecrãs de computadores até aos smartphones.

É isso que iremos demonstrar nesta nova rubrica semanal. Começaremos hoje numa página HTML em branco e acabaremos num site completo responsivo, cumprindo todos os padrões impostos pela Google.

rubrica_websites_responsivos