Olá pessoal! Como é de conhecimento de todos, nós recebemos diversos e-mails diariamente, e uma dúvida que tem se destacado é quanto à criação de um sistema de banner rotativo e o phpmyadmin.
Procurei abordar o phpmyadmin em minhas colunas anteriores de forma superficial, uma vez que poderia sair um pouco sobre o tema da coluna, Dreamweaver.
Muitos agradeceram os artigos publicados, pois puderam ter uma noção do script phpmyadmin (e que de certa forma, auxilia-nos nos projetos dinâmicos). Outros não gostaram pois consideraram muito simples os artigos (de fato, como falei, abordei o tema superficialmente) e que ficou fora do escopo da coluna.
Peço desculpas para aqueles que não gostaram, e agradeço o carinho recebido pelos demais. Na medida do possível vamos agradando a todos. Então vamos para mais um artigo.
Vamos desenvolver um sistema de banner rotativo em PHP pelo Dreamweaver. O banco de dados e a tabela que utilizaremos neste artigo foi abordada no artigo Criando banco de dados e tabelas pelo phpMyAdmin.
Utilize a instrução SQL abaixo, para popular a tabela (banners) criada.
INSERT INTO `banners` VALUES
(1, "Firefox - Rediscover the web", "http://sfx-images.mozilla.org/affiliates/Banners/468x60/rediscover.png",
"http://www.spreadfirefox.com/?q=affiliates&id=0&t=53",
"468", "60", "Firefox - Rediscover the web", "_self", "2005-07-22");
INSERT INTO `banners` VALUES (2, "Firefox - The browser you can
trust", "http://sfx-images.mozilla.org/affiliates/Banners/468x60/trust.png",
"http://www.spreadfirefox.com/?q=affiliates&id=0&t=54",
"468", "60", "Firefox - The browser you can trust", "_blank",
"2005-07-22");
Agora, no Dreamweaver, crie uma nova página em PHP (ctrl + N).
Vamos criar um recordset que conterá os banners cadastrados e estes ficarâo na rotativa. Para criá-lo, siga estes passos: Application > Bindings (Ctrl + F10), Recordset (Query).
Observe a imagem:
Veja o exemplo da configuração na imagem abaixo:

Explicando
Name:
é o
nome do recordset. Dica: utilize o prefixo "rs" antes
do nome para assim ficar mais fácil a identificação
deste.
Conneciton:
Conexão
ao banco de dados:
Table:
banners, tabela
onde estão cadastrados os banners.
Após estas simples configurações, clique
no botão Advanced. Após a mudança, teremos
o painel avançado de recordset. No campo SQL, vamos adicionar
manualmente uma instrução para rotacionar os banners,
ficando assim:
SELECT * FROM banners ORDER BY rand()
Clique no botão OK para finalizarmos o recordset.
Vamos configurar a exibição dos banner na página. Clique na opção Images: image na aba Common, como mostra a imagem abaixo:
No painel Select Image Source, selecione Data Souces na opção Select file name from. Em Field, será exibido o Recordset que criamos anteriormente. Selecione nele o campo banner_url, pois este armazena o endereço de localização do banner. Após isso, clique no botão OK. Para facilitar, observe a imagem exemplificando os passos.

Se você testar a página em seu browser verá o funcionamento do mesmo, mas, podemos realizar outras configurações como: width, height, alt, link, sendo todos dinâmicos. Vamos lá.
Para configurarmos o link é muito simples. No painel Propert Inspector, clique no ícone da "pastinha" como mostra a imagem abaixo.
O painel Select File será exibido, e sua configuração é idêntica ao Select Image Source. Veja a imagem com a configuração:

Para configurar o width, height, e o target é muito simples também. Essas configurações são realizadas no painel Bindings (Ctrl + F10).
Nele, selecione o campo do recordset, por exemplo banner_width, e em seguida faça a ligação deste campo ao atributo width da tag img, como mostra a imagem a seguir:

Agora que lhe apresentei o caminho, ficará fácil para você configurar o height e o target.
Bom, espero que tenha gostado. Um abraço e até o próximo.

Boa Guerreiro! Muito boa esta matéria.
Parabéns.
*PS: Lembre-se: "A INVEJA É A ARMA DO INCOMPETENTE".

Parabéns pela matéria Leandro, e como o amigo Ricardo disse não dê importância a esse tipo de crítica destrutiva porque isso nada mais é do que fruto da inveja, e se o 'camarada' se acha melhor que ensine o que sabe a quem quer aprender, se é que sabe porque até agora o que ele demonstrou saber é falar besteira. Acredito que seja seu maior trunfo.<br><font color='red'> Só lamento por este tipo de gente.</font><br>Um abraço...
Responder comentário
Aí Leandro, valeu o tutorial. Apesar de ser um método símples, ele é funcional e foi bem detalhado com as telas e tudo mais. Não se preocupe com quem não tem nada a acrecentar.
"Pois do que há em abundância no coração, disso fala a boca." Mt 12:34

Olá Leandro!
Ppreciso saber se é possivél fazer o efeito deste site http://www.esafetransfer.com.br/, em dreamweaver. Caso seja , você poderia me dar as instruções?
obrigada
abraço
Flavia

Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!

Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!

Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!

Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!

Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!

Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!

Ae Leandro blz!? Acho q vc pode me ajudar...
Tenho um site (www.sulamericana.com.br) com 4 janelas em flash, gostaria que essas janelas ficassem no msm esquema dos banners rotativos, a cada atualização elas mudassem automáticamente....
é simples não preciso de estatisticas, nem de nada só que mudassem sozinhas...
Parabéns pelas matérias!
Abs!

http://www.esafetransfer.com.br
Responder comentário
http://www.esafetransfer.com.br
Responder comentário
http://www.esafetransfer.com.br
Responder comentário
http://www.esafetransfer.com.br
Responder comentário
Olá Leandro,
Primeiramente, ótimo tutorial
Preciso de uma dica,
como faço para fazer esses banners se alternarem sem uma sequencia fixa?
Ex. 1ª:imagemX, 2º:imagemY, 3º:imagemZ.
Grato pela atenção

Olá,
Leandro, por favor você poderia me enviar o código da tabela, pois o link do artigo contendo ela já não existe mais.
Lucas Santos
Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.
Leandro Vieira trabalha com desenvolvimento web desde 2002. Em 2005, foi convidado para integrar o time de referências profissionais do iMasters. No mesmo ano, lançou o CD-ROM Dreamweaver + PHP + MySQL recordista de vendas do TI SHOP. Em 2006, lançou o CD-ROM Curso Web Sites com AJAX, uma das primeiras referências de Ajax no Brasil. Em 2007 lançou o Curso Interativo Adobe Dreamweaver CS3 abordando as novas funcionalidades e recursos do Dreaweaver CS3. Atualmente, Leandro Vieira é desenvolvedor web, professor do iPED Premier, criador de cursos exclusivos para o TI SHOP, editor do blog leandrovieira.com e cursando Comunicação Social (Publicidade e Propaganda) na UNIVALE.
2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.