Desde outubro de 2026, todos os sites do hPage estão automaticamente adaptados a telemóveis: todos os designs incluem um esquema para telemóvel e não há nada a configurar. A antiga definição Design para telemóvel já não existe.
Como funciona o esquema para telemóvel
- Em telemóveis e tablets, o seu site é apresentado numa só coluna: cabeçalho, menu e conteúdo uns por baixo dos outros. O menu fica recolhido atrás do cabeçalho do menu do seu design e abre-se com um toque.
- O conteúdo, as cores e os tipos de letra são os mesmos que no computador. Edita as suas páginas uma única vez; não há conteúdo separado para telemóvel a manter.
- As imagens, os vídeos e as tabelas são reduzidos à largura do ecrã. As tabelas largas com uma largura fixa deslocam-se lateralmente.
- O esquema para telemóvel aplica-se aos ecrãs táteis mais estreitos do que o seu design e a todos os ecrãs com menos de 1024 píxeis de largura. Um portátil com rato e uma janela do navegador mais estreita mantém o design para computador.
Verificar o seu site num telemóvel
- Clique em Visitar site na barra lateral para ver o endereço do seu site e abra esse endereço no navegador do seu telemóvel.
- Sem telemóvel: abra o seu site no computador e reduza a janela do navegador para menos de 1024 píxeis de largura. O site muda para o esquema para telemóvel.
- Se o seu telemóvel continuar a mostrar uma versão antiga, recarregue a página. Os navegadores móveis guardam as páginas na cache durante algum tempo.
Sugestões para imagens
- Não precisa de redimensionar as imagens para os dispositivos móveis: são reduzidas automaticamente e mantêm as proporções.
- Mantenha os ficheiros pequenos para que as páginas carreguem depressa numa ligação móvel. A compressão de imagens ao carregar ficheiros ajuda nisso.
- Evite colocar texto importante dentro das imagens: num ecrã pequeno torna-se difícil de ler. Escreva antes o texto como texto.
- As imagens que flutuam à esquerda ou à direita do texto são apresentadas mais estreitas nos telemóveis, para que o texto continue a caber ao lado delas.
Sugestões para textos e tabelas
- Escreva parágrafos curtos e utilize títulos; os blocos de texto longos são difíceis de ler num telemóvel.
- Evite larguras fixas no seu próprio HTML (por exemplo
width="800"); utilize percentagens ou nenhuma largura. - Prefira tabelas com uma largura de 100 % ou sem largura. Uma tabela com uma largura fixa desloca-se lateralmente nos telemóveis.
- As palavras e os endereços web muito longos são quebrados na margem do ecrã; um espaço ou um hífen dá ao navegador um ponto melhor para a quebra.