Como se constrói uma página web — Tecnologia, 11–13 anos

Uma página web não é apenas uma imagem na internet. O HTML descreve a sua estrutura e significado, enquanto o CSS controla o aspecto dessa estrutura no ecrã.

A ideia

O HTML organiza as partes da página com significado: um título, um parágrafo, uma lista ou uma ligação. O CSS acrescenta escolhas visuais, como cor, espaçamento e tamanho. O navegador lê ambos e desenha a página, em vez de receber uma imagem gigante.

Porque foi necessário

Uma página feita apenas de imagens seria difícil de pesquisar, alterar ou ler em voz alta com software de apoio. Os primeiros criadores da web precisavam de uma forma comum de descrever documentos para que diferentes navegadores os mostrassem. Separar significado e aparência também facilita usar a mesma página em vários ecrãs.

Um exemplo resolvido

Para criar uma página pequena, escreve o título “A nossa horta” e depois “Plantámos seis feijões”. Marca o primeiro como título e o segundo como parágrafo em HTML. Acrescenta CSS para pôr o título verde e organizar o texto num esquema legível; o navegador junta estas instruções.

O erro comum

É comum tratar HTML e CSS como duas formas concorrentes de desenhar uma página. É compreensível, porque ambos podem aparecer no mesmo ficheiro ou mudar o que vemos. Têm funções diferentes: o HTML diz o que é cada parte, enquanto o CSS diz qual deve ser o seu aspecto.

Onde é utilizado

Sites de notícias, páginas de escolas, lojas online e formulários são construídos com conteúdo web estruturado. A mesma página pode reorganizar-se num telemóvel, tablet ou monitor grande. Ferramentas de pesquisa e leitores de ecrã também podem usar a estrutura, não apenas a decoração visível.

Continua a explorar

Outras línguas

A carregar o MyLeoNes™…