Trabalho de Conclusão do Curso Avançado

Neste trabalho final do curso Avançado do Cantinho Formatação estamos trazendo um script que necessita, para a formatação, o preparo prévio no PSP de imagens (peças) usando o plugin Alien Skin Xenofex 2. Veja o modelo ilustrativo.

Pegue AQUI o tutorial explicativo do preparo das imagens no PSP.

Material: 01 background principal, as 05 (cinco imagens preparadas no PSP), 01 background para tabela (pode ser um glitter), 01 background transparente (efeito neve), um texto e um arquivo de som.

Sugestão: caso escolha o background transparente com efeito neve, consulte a Atividade Extra 02 do Nosso Cantinho Avançado.

1 - Abra uma nova mensagem, clique na aba Origem, delete tudo o que tem lá e cole o seguinte código:



2 - Indique os caminhos dos backgrounds e das imagens, não esquecendo de preservar as aspas. Você pode aplicar o background principal pela Origem ou pela aba Editar (menu Formatar/Plano de Fundo/Imagem).

3 - Indique as MESMAS dimensões da imagem inteira e das peças nesta parte do tag STYLE

.efe {
FILTER: progid:DXImageTransform.Microsoft.Fade()
progid:DXImageTransform.Microsoft.Stretch; WIDTH: 550px; POSITION: relative; HEIGHT: 420px

O filtro StretchStyle "push" está atuando nas 4 imagens (peças do quebra-cabeça).
O filtro Fade está atuando sobre a imagem inteira tornando-a visível após o movimento das 04 peças.

4 - Indique também a largura da caixa de texto no mesmo valor da largura da imagem inteira e das peças, no tag STYLE, em .div6

No modelo a imagem inteira e as 04 peças têm 550 x 420, por isso foi indicada, para a caixa de texto, a largura de 550px.

5 - Confira pela aba Visualizar se está tudo funcionando direitinho.

6 - Faça todas as alterações nas cores das molduras, barra de rolagem, BACKGROUND-COLOR, atributos da fonte, etc. harmonizando-as com as cores da sua formatação.

7 - Na Origem, digite a sua mensagem de rodapé no lugar indicado no script.

8 - Na aba Editar, digite o texto e aplique o som. Confira o tamanho da mensagem (em kb), aplique os recursos para o banner não atrapalhar e envie seu Trabalho Final para avaliação.

Comentário FINAL

Parabéns a todos que concluíram o curso Avançado do Cantinho da Formatação! Esperamos ter atendido, ao menos parcialmente, às expectativas de vocês.

Deixo aqui registrado o agradecimento especial às moderadoras do Cantinho da Formatação, companheiras da equipe atual e anteriores, que não mediram esforços para sustentar e dar continuidade a esse projeto iniciado em julho de 2003...

... e às administradoras do Portal dos Cantinhos: Helena Monteiro e Maristela Falzetta Ellero por terem acreditado e concretizado esse sonho comigo.

Com muito carinho,

Zoia Sales Cavalcante - junho/2008

 

Helena Monteiro e Zoia Sales Cavalcante