Exercício F02 – Imagens, Listas e Links
Neste exercício você deverá gerar uma interface para um jogo de labirinto.
1) Obtenha o seu código de aluno a partir do link a seguir:
http://spreadsheets.google.com/pub?key=pD5xiFKE9oj1AmhmdcnbZQw
2) Clique no botão abaixo para gerar seu exercício. Você deverá digitar o código obtido acima.
Caso contrário, seu exercício será desconsiderado!
CHAME ESTE BOTÃO NO FIREFOX!
3) Descompacte o arquivo gerado em disco. Por exemplo, na pasta C:\temp\maze1.
Importante: para resolver o seu exercício você é proibido de alterar o local de qualquer um dos arquivos e pastas.
4) Percorra cada uma das pastas geradas dentro da pasta rooms (room1_1, room1_2, etc). Cada pasta representa uma sala em um labirinto.
5) Em cada uma destas pastas, crie um arquivo chamado index.html. Este arquivo deverá conter um link para os arquivos index.html contidos nas salas indicadas dentro do arquivo links.txt. Este link deverá ser a imagem da porta da sala destino (door.png). Coloque também um título e um pequeno parágrafo de descrição desta sala.
6) Além disso, este arquivo também conterá a imagem map.png contida nesta mesma pasta.
7)Também existem algumas salas secretas distribuídas pela estrutura de pastas. Coloque o link para essas salas secretas escondido em algum lugar desta página.
8 ) Ainda dentro deste arquivo index.html, crie uma lista de definição que explique o que é cada um dos objetos citados no arquivo obj.txt. Também coloque o link para a imagem de cada um destes objetos, os quais estão contidos dentro da pasta obj, por exemplo, C:\temp\maze1\obj.
9) Crie um arquivo chamado index.html só que agora dentro da raiz da pasta descompactada. Por exemplo, crie o arquivo C:\temp\maze1\index.html
10) Neste arquivo, coloque uma lista numérica que represente a estrutura de objetos da pasta obj com um link para cada imagem.
11) Também crie uma lista hierárquica que forneça link para cada um dos arquivos index.html dentro da pasta rooms que representam uma sala. Não esqueça de fazer o link para as salas secretas também!
12) extra – Por fim, ainda neste arquivo, coloque a imagem contida na pasta map (map.png). Crie um mapa de imagem no qual quando o usuário clica em cada sala ele é direcionado ao arquivo index.html correspondente à sala.
Entregue sua resposta via Correio do Eureka!!
Comentários