A ARTE DE GUACIRA SAMPAIO ROCHA 2008

"Tabelando" com Imagem e Som

 

 
 
 

 

Este pretende ser um passo a passo de como usar um recurso tão simples como o de criar tabelas, para obter uma 'imagem' interessante, com som e cor à sua escolha, como a que é apresentada logo acima. Esta tabela é uma criação de minha querida amiga virtual Ana Rolim - a imagem gif é de minha criação e o som wav foi editado e preparado por mim.

Siga os passos:

1
A tabela acima foi criada com uma borda de 40px, uma coluna e uma linha. Foram definidas as cores para a borda diretamente no código (clique em "Exibir/Código fonte" na barra de menus de seu navegador para visualizar)

2
Aninhe na tabela recém criada, mais três tabelas (uma dentro da outra), com o mesmo volume de borda que a primeira: 40px (veja o código). Para facilitar o seu trabalho, anote as configurações das tabelas acima:
-primeira tabela:" WIDTH: 40 percent (medida variável, conforme o resultado que queira obter, podendo então ser maior ou menor); borda: 40 pixels; centralizada"
-segunda tabela (e todas as demais): "WIDTH: 100 percent (para que a tabela fique perfeitamente aninhada na anterior); borda: 40 pixels; centralizada"

3
Dentro da última tabela coloque uma imagem de seu agrado, e se quiser, defina um som para o background.
Cuide para que o back das células da tabela e da página sejam o mesmo se quiser obter efeito semelhante ao da nossa ilustração. Vá alternando as cores das bordas para claro e escuro, de tabela para tabela (vide ilustração acima)

4
Uma opção alternativa e simples para se produzir este trabalho, é simplesmente "Exibir" o código fonte deste documento, "Copiar" a tabela inteira, do jeito em que se apresenta, "Colar" em um Editor HTML de sua preferência (ou mesmo na aba "Origem" de seu Outlook Express 5x, se quiser enviar dentro de uma mensagem), e a partir daí "Editar" o código, alterando todos os ítens de seu interesse, tais como espessura de borda, cores e, obviamente, som e imagem.

Divirta-se!

Guacira Sampaio Rocha
direitos reservados

voltar para tutoriais

home
galeria
arte virtual
scripts
Página 2
links
imagens digitais
guestbook

premios
A ARTE DE GUACIRA SAMPAIO ROCHA 2008