Meus Tutoriais

O Effects é um conjunto de efeitos visuais do Frameworks Spry, que pode ser adicionado em diversos elementos do HTML. No Dreamweaver os efeitos podem ser adicionados no modo Design, sem a necessidade de trabalhar diretamente com código, falicitando ainda mais a adição desses efeitos. O Effects fica localizado no Painel de Behaviors (Windows > Behaviors) como um comportamento normal, podendo ser ativado com diversos eventos.

Appear/ Fade
Esse efeito faz o elemento selecionado ir aparecendo ou surgindo na tela. Continue reading »

Olá a pessoal,
Esse tutorial espero que ajude muitas pessoas, pois tenho visto muito essa dúvida no fórum!
Vamos criar um formulário básico de contato para um site, como o exemplo abaixo:

Continue reading »

Este tutorial e uma adaptação do original que escrevi, para publicação no site da DWOnline (uma comunidade Dreamweaver).

Neste artigo abordarei o uso do (FW) Fireworks e (DW) Dreamweaver para obter um efeito de bordas arredondadas em tabelas. O objetivo é “quebrar” aquela apresentação fria, quadrada e padrão do formato retangular das tabelas tão usadas para definir layouts. É uma maneira bastante simples de se obter um visual diferente e o exemplo que vou seguir tem como finalidade apresentar a técnica geral. Com criatividade você conseguirá outros efeitos. ESTE TUTORIAL SUPÕE QUE VOCÊ TEM NOÇÕES BÁSICAS DE MANIPULAÇÃO DAS FERRAMENTAS DO FW e do . Continue reading »

Esse artigo é uma tradução de alguns trechos que explica o Nifty Corners criado pelo Alessandro Fulciniti. O Nifty Corners é uma combinação de CSS e Java script para gerar cantos arredondados sem a necessidade de imagens. A técnica é composta de quatro elementos essenciais e que juntos pesam menos de 6kb:

1. Arquivo CSS para screen
2. Arquivo CSS para print
3. Arquivo Java script para gerar o Nifty Corners Continue reading »

Esse tutorial está sendo desenvolvido para ser utilizado em flash MX, logo mais colocarei a versão do tutorial para o flash MX 2004.
Mão a obra abra o flash e crie 6 camadas (desenho, textos, campos(variaveis), ações, botões e confirmação) como mostrado na figura abaixo:

Continue reading »

Olá! Nesta vídeo aula, iremos aprender a desenvolver um slide show de fotos com efeito de transição bem simples de se fazer. Através do Dreamweaver, é criado um controle em flash que você poderá ocultar ou não através das propriedades. Você poderá adicionar quantas fotos quiser, colocar títulos e escolher o tipo de transição. Continue reading »

Cascading Style Sheets, ou simplesmente CSS, é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

Ao invés de colocar a formatação dentro do documento, o desenvolvedor cria um link (ligação) para uma página que contém os estilos, procedendo de forma idêntica para todas as páginas de um portal. Quando quiser alterar a aparência do portal basta portanto modificar apenas um arquivo.

Assistir à vídeo aula Continue reading »

Neste tutorial vamos criar um link que abre uma janela pop up do navegador com os atributos personalizados.

É possível especificar as propriedades da nova janela, inclusive o seu tamanho, nome e atributos (se ela será redimensionável, possuirá uma barra de menus, etc.). Por exemplo: é possível utilizar este comportamento para abrir uma imagem maior em outra janela quando o visitante clicar em uma imagem em miniatura; com este comportamento, é possível adequar o tamanho da nova janela ao da imagem. Continue reading »