30 de set. de 2011

Criando Pop Up no Dreamwaver 8

Janelas pop ups são pequenas paginas que se abre ao iniciáramos um site com o intuito de informar algo importante, ou anunciar promoções.

01 - Neste tutorial iremos ensinar como criar essas janelas utilizando o dreamwave 8, através da aba behaviors. Figura 01

Figura 01

02 - Partindo da ideia de que você já possui um Site ou Blog, é preciso apenas criar a pagina que ira exibir a sua janela pop up, neste exemplo criei uma pagina com a imagem da minha empresa para ser exibida quando minha pagina principal for aberta coloquei o nome de popup.html e minha pagina principal chamei de teste.html. figura 02

Figura 02

03- Com a pasta Site pronta com o seu Site e sua PopUp, vamos agora por a mão na massa, abra sua pagina teste.html no DreamWave 8. Figura 03

Figura 03
04- Nesta janela selecione qualquer palavra que esteja dentro do seu site no meu exemplo selecionei o número 8, com o numero 8 selecionado vá até a opção link e digite sem aspas “javascript:;” este comando criará um link no 8 que não leva a lugar algum. Figura 04

Figura 04

05 - Depois de colocar o comando na opção Link, ainda com o 8 selecionado clique na Tag "a", como na imagem . Figura 05

Figura 05

06- Depois de Clicar na Tag , vá no lado esquerdo na opção Behaviors clique no sinal de +, depois clique em “Open Browser Windows”, figura 06

Figura 06

07- Irá aparcer a como na figura 07.

Figura 07

08- Clique em Browser e escolha a página “popup.html”, que foi criada inicialmente depois clique em OK. Figura 08

Figura 08

09- Se você for utilizar uma imagem em sua popup coloque exatamente o tamanho da imagem para a popup fica enquadrada com o tamanho da sua imagem. Figura 09

10- Agora tecle Ctrl+S para salvar e abra sua página teste.html no seu navegador. Figura 10

Figura 10

01- Neste exemplo precisei clicar no meu Link o Número 8, mas se você quiser que a PopUp abra Junto com a página principal, basta você ao Invés de clicar na Tag clique na Tag "body", item 05. Agora use a imaginação e bons testes.

by Jefferson Dantas