Laboratório de Informática 1 e 2 (2009)

(entrega máxima até 16/11)
Este exercício está baseado na aula sobre layout CSS e nos exemplos fornecidos na aula referente a este assunto.
1) Faça o download do arquivo a seguir:
Exemplos de layout
2) Este arquivo contém um conjunto de pastas. Em cada pasta há uma imagem que representa um layout a partir da imagem Resposta_1.png. Verifique que [...]

Este é um exercício que aumentará nas próximas semanas. Segue sua especificação inicial no formato do item O07.
Selecione um site de notícias qualquer / blog ou similar.
Recrie a página inicial deste site apenas usando o que aprendeu na aula sobre posicionamento CSS e seus conhecimentos anteriores.
Em sua interface você deve apresentar:

as notícias apresentadas em um [...]

Seu objetivo é criar uma interface que permita a interação com o Jogo dos 15.
Este jogo, criado por Sam Loyd em 1872 tem como objetivo a reordenação de um quadrado numérico.
Em sua versão em JavaScript / HTML / CSS pedem-se algumas implementações extra:
* conte o número de movimentos até chegar na solução;
* conte o tempo [...]

Controle do Moedeiro de uma Máquina de Venda de Refrigerantes
Objetivo
– Controlar o moedeiro (caixa) de uma máquina de venda de refrigerantes. O programa, escrito em JavaScript, deve permitir o pagamento de uma bebida, aceitando moedas (0.1, 0.25, 0.5 e 1.0 real) e cédulas (2.0 reais). O programa deve fornecer (informar) o troco, quando necessário, baseado [...]

Na última aula, trabalhamos com a linguagem JavaScript.
No começo de nossa disciplina, lá na Aula 03, ou seja, antes mesmo de você ter o primeiro contato com qualquer linguagem de programação fizemos o exercício O03, o qual já lidava com alguns conceitos de JavaScript.
Sua tarefa hoje será REFAZER o exercício O03. A diferença, agora, é [...]

Pasta de entrega do trabalho F08 foi criada no Eureka, módulo Plano de Trabalho.

CSS Sprite é uma técnica comum para a criação de menus, botões e montagem em geral de sua interface.
Dois exemplos da técnica vão a seguir:

Exemplo CSS Sprite
Exemplo CSS Sprite 2

A) Crie um botão em HTML/CSS utilizando a imagem em anexo.
Observe que o botão possui 3 estados: normal, visitado e quando o mouse passa sobre ele.
Para [...]

Carregando…

Carregando…

O objetivo deste exercício é o treino dos seletores que aprendeu na aula de hoje.
Para a resolução destes exercícios você trabalhará apenas com o arquivo exercicio_css.html, disponibilizado no link.
Em momento algum você alterará esse arquivo, mexendo apenas dentro da seção marcada no código:
<style type=”text/css”>
/* Alterar apenas aqui o seu arquivo */
</style>
Na entrega de seu exercício [...]

Neste exercício você deverá gerar uma interface para um formulário. O objetivo é que você conheça os principais componentes de formulário.
1) Obtenha o seu código de aluno a partir do link a seguir. Este código é numérico e está ao lado de seu nome.
http://spreadsheets.google.com/pub?key=pD5xiFKE9oj3zjpUy8k94Ow&gid=1
2) Clique no botão abaixo para gerar seu exercício. Você deverá digitar [...]

Olá, Pessoal,
Segue em anexo, exemplo de resposta esperada para o exercício F02. Observe que esta resposta é apenas parcial, e só dá dicas de como espero que seja parte de seu resultado.

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!
Gerar exercício!
3) Descompacte o arquivo gerado em disco. [...]

Este é um exercício opcional, mas é altamente recomendável que você o faça. Exercícios opcionais podem (ou não) ser usados em uma avaliação, mas sempre são úteis para explorar algum conceito importante em nossa disciplina.
1) Acesse o link do Poster sobre a Linguagem JavaScript. Imprima e tenha este poster como referência para nossa disciplina!
2) Execute, [...]

Responda o exercício O02.
Este é um exercício opcional para ser desenvolvido em classe e que pode (ou não) ser usado em uma avaliação.
Exercícios opcionais servem para ilustrar conceitos e exemplificar o estilo dos exercícios de prova.
Especificação aqui.

Responda o exercício O01.
Este é um exercício opcional para ser desenvolvido em classe e que pode (ou não) ser usado em uma avaliação.
Exercícios opcionais servem para ilustrar conceitos e exemplificar o estilo dos exercícios de prova.
Veja especificação no link.