fev 26
CSS possibilita definir uma variedade infinita de layouts e efeitos para um link ou um conjunto de links.

O limite é a sua imaginação!

Um link visitado, não visitado, ativo ou no estado hover (quando você passa o mouse sobre ele) pode assumir aspectos (cores, fundos, etc…) diferentes através de CSS.

Abordarei neste tutorial as técnicas básicas de manipular os quatro seletores de link.

Pseudo classes Continue reading »

fev 24

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 »

fev 17

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 »

nov 27

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 »

nov 25
Veja aqui como criar pop-up’s no seu Dreamweaver

Quem é que gosta dos chamadas Janelinhas Pop-up? Os Pop-ups tem se tornado um dos campeões de chateações do mundo da Internet e para driblar essas chateações nada melhor do que criarmos um pop-up bem mais interessante do que uma simples janelinha flutuante. Uma das alternativas bem atraentes é utilizar janelinhas pop-up transparentes. O uso de um Comportamento do DW (behaviors) pode ser adicionado em camadas que as deixam transparente. Poderemos adicionar um botão que ao clicar em fechar , após um tempo determinado ela “vai desaparecendo” (Efeito Fade) para o usuário. Ou podemos fazer com que a camada já apareça transparente. Esse recurso só funcionará se você tiver no seu DW o comportamento “Opacity Suite”. Caso não possua esse comportamento baixe-o

Continue reading »

nov 23
Padding é a quantidade de pontos que o conteúdo de um objeto fica identado no objeto, ou seja é o número de pontos em que o conteúdo está recuado dentro do objeto externo.

Utilização:
padding:10px 2px 15px 0px
padding-left:0px;
padding-right:2px;
padding-bottom:15px;
padding-top:10px;
padding:10px 0px;

Utilizando apenas padding, você deve informar os quatro cantos, sendo eles respectivamente (acima, direita, abaixo, esquerda). Ou como no último caso que o padding será para 10px de padding vertical, 0px de padding horizontal.
Ex.: Continue reading »

mai 13
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 »

out 28
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 »

ago 18
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 »