Introdução:

Neste projeto, as crianças aprenderão sobre posicionamente CSS construindo seu próprio robô.

Recursos Online

Nós recomendamos usar o trinket para escrever HTML & CSS online. Este projeto contém os seguintes trenkets:

As crianças também podem utilizar esse trinket em branco (jumpto.cc/trinket-blank) para escreverem seus próprios HTML e CSS, ou, alternativamente, elas podem usar esse template trinket (jumpto.cc/trinket-template).

Há também um trinket contendo exemplos de soluções para os desafios:

Recursos Offline

Este projeto pode ser completed offline se preferido. Você pode acessar os recursos do projeto clicando no link ‘Download Project Materials’ para este projeto. Esse link contém a pasta ‘Project Resources’, a qual inclui recursos que as crianças irão precisar para completar este projeto offline. Certifique-se de que cada criança tenha acesso a uma cópia desses recursos. Essa pasta inclui os seguintes arquivos:

Você também pode encontrar a versão completa dos desafios do projeto na seção ‘Volunteer Resources’, a qual contém:

(Todos os recursos acima também estão disponíveis para download nos arquivos .zip.)

Objetivos de Aprendizado

Desafios

Completando este projeto offline

Se as crianças estão completando este projeto offline, elas precisarão salvar as imagens que elas pretendem usar na mesma paste onde está o arquivo Robot.html delas.

Em seguida, elas podem adicionar o nome dos arquivos nas tags <img>:

<img id="hat" src="hat.png" />