Olá pessoal! Em minha primeira matéria para o iMasters, começarei uma série de artigos voltados à produtividade no Desenvolvimento Web.

Uma das ferramentas para o aumento da produtividade é o Dreamweaver CS3 e a poderosa Dreamweaver Developer Toolbox, extensão proprietária (paga) distribuída pela Adobe.

Ele é um conjunto de comportamentos de servidor e comandos para criação de aplicações web dinâmicas usando tecnologias PHP, ColdFusion e ASP VRScript. Esta extensão do Dreamweaver ajuda desenvolvedores de web a criar sites onde o usuário se associa (membership), portais, blogs, galerias de imagens, bem como sistemas de gerenciamento de conteúdo e outras soluções, sem requerer conhecimento avançado de programação.

Façam o Download no link abaixo.

http://www.adobe.com/products/dreamweaver/addt/

Agora que falamos um pouco sobre essa extensão, mão na massa:

– Vamos criar um formulário para cadastrar uma notícia, que tem a propriedade de fazer o UPLOAD da imagem e redimensioná-la ao mesmo tempo!

1º – Criamos a tabela no MySQL, conforme abaixo:

CREATE TABLE noticias (
  id int(11) NOT NULL auto_increment,
  noticia varchar(255) collate latin1_general_ci NOT NULL,
  texto text collate latin1_general_ci NOT NULL,
  imagem varchar(255) collate latin1_general_ci NOT NULL,
  PRIMARY KEY  (id)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

2 º – Crie um novo site no Dreamweaver, escolha a linguagem PHP e Mysql, e crie uma conexão para o Banco onde você criou esta tabela.

3 º – Vamos usar um comportamento do Developer Tool Box, o “Insert Record Form Wizard”, para fazer a inserção dos dados na tabela automaticamente.

4º – Escolha a conexão e a tabela onde os dados serão inseridos, e clique em next.

5º – Altere o tipo de campo do formulário para “File Field” (arquivo) e clique em Finish (veremos opções de validação de formulário com o DTB em artigos posteriores).

6º – Na Guia Server Behaviors selecione Developer Toolbox, File Upload e Upload and Resize Image

7º – Escolha os campos do formulário, a coluna da tabela, a pasta a receber o arquivo (lembrando que esta pasta deve ter permissão de gravação) e o redimensionamento da imagem.

8º – Por último, escolha as opções de extensão do arquivo, seu tamanho máximo e se o script deve renomear o arquivo em caso de duplicidade.

Pronto! Simples e rápido. Assim você terá tempo para desenvolver funções muito mais complexas em seus sistemas web.

Espero ter trazido um pouco mais de produtividade à sua rotina diária e em breve estarei aqui com mais artigos sobre as funcionalidades da Dreamweaver Developer Toolbox.

Baixe aqui os arquivos usados nesse exemplo.

Abraço a todos!