Exemplos

Ao longo do livro iremos construir um sítio web para os Nanonautas. Sempre que fizermos uma alteração ao código do sítio, poderás verificar com que aspecto ele fica no teu navegador se clicares nas ligações que encontras ao fundo desta página. Basta que procures a ligação com o número da página do livro onde estiver o código.

Podes também poupar algum trabalho copiando o teu código a partir das páginas web de exemplo e colando-o no teu sítio web. Eis uma maneira de o fazeres usando o Google Chrome (vê a página de Descargas):

  • Abre uma página.
  • Clica com o botão direito em qualquer ponto da página e selecciona «Inspeccionar».
  • Aparece um ecrã dividido, com a página web no painel do lado esquerdo e com vários tipos de informação sobre o código subjacente à página no painel do lado direito.
  • Na barra de menu do painel do lado direito, selecciona o separador «Sources» (código fonte).
  • Abre-se o separador com o código fonte.
  • Para copiares o código HTML, clica no ficheiro que tiver a extensão .htm ou .html. O código HTML aparece logo à direita.
  • Para copiares o código CSS, clica na seta ao lado da pasta chamada css e depois clica no ficheiro com extensão .css contido nessa pasta.
  • A partir do painel de inspecção, podes alterar o HTML ou o CSS, ou ligar e desligar partes da folha de estilo – faz algumas experiências para veres o efeito!

Exemplos HTML e CSS

Para veres os exemplos dados no livro, clica abaixo em «Ver exemplos». Aí acederás aos exemplos de HTML e CSS e às imagens. Os exemplos estão organizados por páginas. Se quiseres ver os ficheiros correspondentes à página 27 do livro, clica na ligação abaixo e depois na ligação «p27».

Ver exemplos