Dreamweaver m18
- 1. Agrupamento de Escolas da Batalha 160301 Software “Adobe DreamWeaver” O “Dreamweaver” é uma ferramenta de desenvolvimento de sites que suporta diversas linguagens de scritpting para construir sites dinâmicos. Suporta várias linguagens como por exemplo: ASP, ASP.NET, PHP, JSP, etc. Requisitos para criar aplicações Web Para criar aplicações Web no “Dreamweaver”, é preciso ter instalado no computador um servidor web e uma aplicação de servidor ou um servidor web que também funcione como aplicação de servidor, como por exemplo o IIS – Microsoft Internet Information Services. Um servidor web é um software que fornece ficheiros em resposta a pedidos dos browsers. O servidor web é chamado, algumas vezes, de servidor http. Outros servidores: Netscape Interprise Server, Apache http Server, etc. Os utilizadores Windows podem ter um servidor web no computador local, por exemplo o IIS. Para executar aplicações Web, é preciso que o servidor Web trabalhe com uma aplicação de servidor. Uma aplicação de servidor é um software que ajuda o servidor Web a processar as páginas Web. Quando a página é solicitada, o servidor Web envia a página à aplicação de servidor para processamento antes de enviá-la para o browser. No caso de pretender usar uma base de dados numa aplicação Web, deverá ter instalado no computador um sistema de gestão de base de dados e um controlador de base de dados. Aplicação Web em PHP Para executar sites dinâmicos em PHP, é preciso ter instalado no computador uma aplicação de servidor, que é um software opensource disponível na Internet. No desenvolvimento de sites dinâmicos em PHP com bases de dados, o Dreamweaver apenas oferece suporte a bases de dados MySQL. Instalação de um Servidor WEB Deverá instalar a aplicação”Wampserver” que é uma solução alternativa à instalação individual do Apache, do PHP e do MySQL. Este pacote inclui o servidor web Apache, base de dados MySQL, a aplicação Web PHP e o PHPMyadmin para fazer a gestão das bases de dados, entre outras opções. Programação e Sistemas de Informação – 3ºano – M18 1
- 2. Agrupamento de Escolas da Batalha 160301 Definir um site dinâmico no Dreamweaver Vamos aprender a desenvolver um site dinâmico em tecnologia PHP com base de dados MySql. No desenvolvimento desta aplicação Web em PHP, vai ser usado o servidor web “Apache” que se encontra disponível na aplicação “WampServer”. Como exemplo, vamos criar uma pasta com nome ”biblioteca”, dentro da pasta “wampwww”. Por uma questão de organização vamos criar também uma outra pasta com nome “imagens” dentro da pasta “biblioteca”. Antes de efectuar a definição de um site no Dreamweaver, devemos verificar se possuímos todos os requisitos necessários para desenvolvimento da aplicação Web, como: Se tem acesso a um servidor web, este pode estar a ser executado no computador local, num computador remoto ou num servidor mantido por uma empresa de alojamento na Internet; Se tem instalada uma aplicação de servidor e se a mesma está em execução com o servidor web; Por último, se já foi criada uma pasta para a aplicação Web no sistema onde está a ser executado o servidor web. Programação e Sistemas de Informação – 3ºano – M18 2
- 3. Agrupamento de Escolas da Batalha 160301 O processo de definição de um site no Dreamweaver para uma aplicação Web é constituído por três etapas: 1) Selecção de uma pasta no disco rígido como a pasta local que o Dreamweaver usará para guardar todos os ficheiros do site; 2) Selecção de uma pasta no disco rígido que está a executar o servidor Web como pasta remota; 3) Especificação da tecnologia que pretende usar e do local para onde o Dreamweaver deve enviar as páginas dinâmicas a serem processadas enquanto se trabalha. Definir a pasta local No início do desenvolvimento de uma aplicação Web, após efectuados todos os processos anteriormente referidos, passa-se à fase de criação de um novo site no Dreamweaver através do comando Site-new site. Para cada novo site, deve-se definir uma pasta local do Dreamweaver que é usada para guardar ficheiros do site, pois caso contrário, o Dreamweaver não funcionará correctamente. Siga os seguintes passos: Passo 1: Preencha com os seguintes dados Nota: Foi inserido o nome do site “biblioteca” e o caminho da pasta local do site “c:wampwwwbiblioteca”. Programação e Sistemas de Informação – 3ºano – M18 3
- 4. Agrupamento de Escolas da Batalha 160301 Definir a pasta remota O passo seguinte passaria por inserir as informações do alojamento final do site através da definição de uma pasta remota. Geralmente, a pasta remota é o local onde o site será alojado, ou seja, um servidor Web. Passo 2: No separador “Servers” escolha o botão “Add new server” No separador “Basic”, preencha com os seguintes dados: Nota: Foi adicionado o servidor “localhost”. Foi seleccionado o tipo de acesso “Local/network” ou seja usar as mesmas definições da pasta remota. No campo de texto “Web URL”, foi especificado o endereço URL usado para abrir a aplicação Web. Se o Dreamweaver for executado no mesmo sistema que o servidor Web, será possível utilizar o termo localhost como substituto do nome do domínio. Programação e Sistemas de Informação – 3ºano – M18 4
- 5. Agrupamento de Escolas da Batalha 160301 Definir a Tecnologia de Servidor O passo seguinte será definir qual a tecnologia adoptada para construir o site dinâmico e a pasta do servidor de teste para o processamento das páginas dinâmicas. O Dreamweaver precisa dos serviços de um servidor de teste para gerar e exibir o conteúdo dinâmico enquanto o leitor trabalha. O servidor de teste pode ser o computador local, um servidor de desenvolvimento ou um servidor de produção. Desde que o servidor possa processar o tipo de páginas dinâmicas a serem desenvolvidas, a escolha não fará diferença. Muitas vezes é possível usar as definições da pasta remota para o servidor de teste, pois as páginas dinâmicas colocadas na pasta remota normalmente podem ser processadas por uma aplicação de servidor. No nosso caso, vamos escolher a tecnologia de servidor “PHP MySQL” e vamos utilizar a pasta biblioteca, criada anteriormente dentro de wampwww como pasta do servidor de teste. No separador “Advanced”, preencha com os seguintes dados: Programação e Sistemas de Informação – 3ºano – M18 5
- 6. Agrupamento de Escolas da Batalha 160301 Passo 3: No separador “Advanced Settings ” escolha a opção “Local Info” Nota: Em “Default images folder”, foi especificada a pasta das imagens criada dentro da pasta “biblioteca“ através da inserção do seu caminho. Passo 4: Finalmente pressione o botão “Done” da janela “Manage sites”.Fica assim, definido o novo site dinâmico no DreamWeaver. Na barra lateral direita do ambiente de trabalho do Dreamweaver, é aberta uma janela onde é possível, através do painel Files, visualizar, organizar e gerir todos os ficheiros do site. O site “biblioteca” pode ser gerido na seguinte janela: Programação e Sistemas de Informação – 3ºano – M18 6