iMasters | Por uma internet mais criativa e dinâmica

Terça-feira, 06/09/2005 - 13:51 - Por Leandro Vieira
Seções relacionadas:

• Dreamweaver
• PHP

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 17 comentários

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.

Todos os artigos de Leandro Vieira

15/06/2009 - Executando códigos jQuery ao carregar a página 28/07/2008 - Firebug, campos ocultos e a segurança de seus aplicativos 11/07/2008 - Alpha.Beta.Loves You.Loves You More 18/06/2008 - Abordagem sobre tratamento de erros em PHP ou em qualquer linguagem 15/05/2008 - Por que um designer deveria conhecer PHP? 26/03/2008 - Integre o Dreamweaver a jQuery e jQuery UI 14/01/2008 - Go To Detail Page - Utilizando recursos nativos do Dreamweaver 19/11/2007 - Como alterar o Spry Accordion para exibir o painel em questão aberto 22/10/2007 - Extensão iMasters - Show If Recordset Empty/Not Empty 16/10/2007 - Diga "oi" ao jQuery lightBox Plugin 08/10/2007 - Lançado o Spry 1.6 Updater 02/10/2007 - Dreamweaver e SQL Injection 25/09/2007 - Galeria de imagens dinâmica com PHP, Spry e o Lightbox 2 - Conclusão 17/09/2007 - Recordset com vários filtros 05/09/2007 - Galeria de imagens dinâmica com PHP, Spry e o Lightbox 2 07/08/2007 - Como atualizar o Spry framework para Ajax 05/07/2007 - Spry Menu Bar 28/05/2007 - Introdução ao Spry framework para Ajax 16/05/2007 - Primeiro contato com o Dreamweaver CS3 05/04/2007 - Datas no MySQL com SQL ou PHP 29/03/2007 - As novas funcionalidades do Dreamweaver CS3 21/03/2007 - Criando um "Show Region" para um campo específico de tabela 14/02/2007 - Gecko DOM Code Hints para o Dreamweaver 18/01/2007 - w3Opacity - a simplicidade em efeitos de opacidade em elementos HTML 02/01/2007 - Cadastro com o behavior Insert Record e enviando os dados ao mesmo tempo por e-mail 29/12/2006 - Codifique menos. Viva mais. 15/12/2006 - Formatar datas no MySQL com SQL ou PHP 28/11/2006 - Valide seus formulários web com o w3FormValidation 16/11/2006 - Conexão local e remota ao MySQL com o Dreamweaver 30/10/2006 - Configurando o modo como o Dreamweaver trabalha com as CSS 18/10/2006 - Tableless com o Dreamweaver - Final 03/10/2006 - Tableless com o Dreamweaver 21/09/2006 - Exibindo os dados do usuário logado no site 12/09/2006 - Compreendendo a herança nas CSS 23/08/2006 - Extensão iMasters - Lembrete de Senha 02/08/2006 - Resolvendo os problemas de posicionamento das layers 25/07/2006 - Trabalhando com Cookies via PHP e o Dreamweaver 13/06/2006 - Dreamweaver e o novo código para inserir arquivos Flash 29/05/2006 - Extensão PHP Debugger para o Dreamweaver 22/05/2006 - Um ano de Leandro Vieira no iMasters 15/05/2006 - Sistema de publicação de fotos com comentários (Conclusão) 03/05/2006 - Sistema de publicação de fotos com comentários (RSS para os comentários das fotos) 24/04/2006 - Sistema de fotos com comentários (Realizando comentários) 06/04/2006 - Sistema de publicação de fotos com comentários (Exibindo fotos e os comentários referente a ela) 13/03/2006 - Sistema de publicação de fotos com comentários (configurando os Recordsets para exibição das fotos) 21/02/2006 - Sistema de publicação de fotos com comentários (excluir dados e foto) 14/02/2006 - Sistema de publicação de fotos com comentários (alterar dados e foto) 09/02/2006 - Sistema de publicação de fotos com comentários (postar fotos) 03/02/2006 - Sistema de publicação de fotos com comentários (planejamento) 25/01/2006 - Sistema de publicação de fotos com comentários (sugestões) 11/01/2006 - Busca instantânea com Ajax 05/01/2006 - Realizando e compreendo a ligação entre tabelas do BD 19/12/2005 - Cores alternadas das linhas de uma Dynamic Table 05/12/2005 - Desmistificando o server behavior: Delete Record 22/11/2005 - Exibindo os dados de um Feed RSS 18/11/2005 - Feed RSS com o Dreamweaver, através da extensão PlugXML RSS Creator 08/11/2005 - Contato 31/10/2005 - Exibindo a parcial de um campo do DB 13/10/2005 - Tab index 06/10/2005 - Accesskey 28/09/2005 - Meta Tags 21/09/2005 - Tag Label 14/09/2005 - Otimizando o desenvolvimento no Dreamweaver 06/09/2005 - Sistema de banners rotativos em PHP pelo Dreamweaver 30/08/2005 - Dominando banco de dados e tabelas pelo phpMyAdmin 23/08/2005 - Instalando e configurando o phpMyAdmin 15/08/2005 - Análise sobre o Dreamweaver 8 11/08/2005 - Incertezas de alinhamento 02/08/2005 - Definindo Web Standards 27/07/2005 - Criando as CSS em nível do documento - Parte final 19/07/2005 - Criando as CSS em nível do Documento - Parte 02 11/07/2005 - Criando as CSS em nível do Documento 05/07/2005 - Upload de arquivos e o nome para o db com o Dreamweaver 28/06/2005 - Uma análise das CSS no Dreamweaver 21/06/2005 - Impedimento de Cadastro Repetido - Final 14/06/2005 - Impedimento de Cadastro Repetidos 07/06/2005 - Dica: Função nl2br() PHP no Dreamweaver 31/05/2005 - Função include() e require() do PHP no Dreamweaver 24/05/2005 - Função strip_tags() do PHP no Dreamweaver

17 comentários publicados

• 1. «Boa Guerreiro!»

  Terça-feira, 06/09/2005, por Valério Cesar Souza
  

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

  Responder comentário

• 2. Muito bom

  Terça-feira, 06/09/2005, por Alex Adriano de Oliveira
  

  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

• 3. Valeu

  Quarta-feira, 07/09/2005, por Fabio Monteiro
  

  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

  Responder comentário

• 4. Menu animado

  Segunda-feira, 12/09/2005, por Danny Hajduk
  

  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
  

  Responder comentário

• 5. Banner rotativo em flash

  Sexta-feira, 28/04/2006, por Anderson Costa
  

  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!

  Responder comentário

• 6. Banner rotativo em flash

  Sexta-feira, 28/04/2006, por Anderson Costa
  

  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!

  Responder comentário

• 7. Banner rotativo em flash

  Sexta-feira, 28/04/2006, por Anderson Costa
  

  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!

  Responder comentário

• 8. Banner rotativo em flash

  Sexta-feira, 28/04/2006, por Anderson Costa
  

  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!

  Responder comentário

• 9. Banner rotativo em flash

  Sexta-feira, 28/04/2006, por Anderson Costa
  

  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!

  Responder comentário

• 10. Banner rotativo em flash

  Sexta-feira, 28/04/2006, por Anderson Costa
  

  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!

  Responder comentário

• 11. Banner rotativo em flash

  Sexta-feira, 28/04/2006, por Anderson Costa
  

  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!

  Responder comentário

• 12. Banner rotativo em flash

  Sexta-feira, 28/04/2006, por Anderson Costa
  

  http://www.esafetransfer.com.br

  Responder comentário

• 13. Banner rotativo em flash

  Sexta-feira, 28/04/2006, por Anderson Costa
  

  http://www.esafetransfer.com.br

  Responder comentário

• 14. Banner rotativo em flash

  Sexta-feira, 28/04/2006, por Anderson Costa
  

  http://www.esafetransfer.com.br

  Responder comentário

• 15. Banner rotativo em flash

  Sexta-feira, 28/04/2006, por Anderson Costa
  

  http://www.esafetransfer.com.br

  Responder comentário

• 16. Rotação ordenada

  Sexta-feira, 16/05/2008, por André Ricardo Silva
  

  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
  
  

  Responder comentário

• 17. Tabela

  Sexta-feira, 06/03/2009, por Lucas Santos
  

  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

  Responder comentário

Poste um comentário

(clique se não for cadastrado)

Login: Senha: Titulo: digite aqui seu comentário Site/blog: Enviar Receber notificação de novos comentários

Sobre o autor

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.

Indique para um amigo

Escreva aqui sua mensagem! ok

Tags relacionadas

google lançamento brasil 3g mobile desenvolvimento twitter seguranca celular firefox microsoft yahoo criação apple linux tecnologia web php android windows iphone youtube internet mercado ti crescimento

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!