Faltam -1 dias! Inscreva-se agora! O maior encontro de profissionais web da américa latina.

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.