dreamweaver m18

Programação e Sistemas de Informação – 3ºano – 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.


Agrupamento de


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 “\wamp\www”. 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.


Agrupamento de


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:\wamp\www\biblioteca”.


Agrupamento de


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.


Agrupamento de


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 \wamp\www como pasta do servidor de teste.

No separador “Advanced”, preencha com os seguintes dados:


Agrupamento de


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:

dreamweaver m18

Education