Definir um site com o Adobe Dreamweaver
Antes de começarmos a desenvolver o nosso site e depois da fase de planeamento, devemos começar por definir o site no Dreamweaver. Para isso devemos criar uma pasta raiz, ou root folder, onde o site será organizado.
Dentro da pasta raiz podemos criar uma pasta para as imagens, a qual poderá conter outras subpastas para mais imagens; uma pasta para ficheiros javascript; uma pasta para ficheiros CSS; uma pasta para ficheiros HTML; e outras pastas para outros tipos de ficheiros que possamos usar no site, flash, XML, pdfs, sons, etc. Na raiz deve estar o index.html, ou seja, o ficheiro que o browser vai renderizar quando escrevermos o domínio.
A pasta raiz, com a pasta das imagens dentro, deve estar criada quando definirmos o site com o Dreamweaver, as restantes pastas e ficheiros podemos defini-los a partir do painel files do Dreamweaver.
É importante, na atribuição de nomes aos ficheiros, não usarmos caracteres com acentos(ç â ã à á) e, preferencialmente só letras minúsculas, sem espaços.
Com o Dreamweaver aberto, no painel files(se não estiver aberto vamos ao menu window e seleccionamos Files ou clicámos em F8) clicámos em manage sites.
No menu popup clicámos em new e escolhemos site.
Clicámos na tab Advanced e, tal como podemos ver na imagem, temos à esquerda uma conjunto de categorias, desde Local Info até Spry. Destas, é importante definir a local info, ou seja, a informação local do site e a remote info (informação remota, no servidor), quando quisermos fazer o upload do site.
Na categoria local info definimos o nome do site, a localização da pasta raiz (previamente criada), a localização da pasta das imagens e clicámos em enable cache.
Na categoria remote info especificamos o acesso ao servidor, normalmente por FTP. Em host directory especificamos a pasta raiz no lado do servidor. O login e a password são fornecidos pela empresa a quem for contratado o serviço de alojamento. A não ser que haja algum problema com uma firewall, em principio não precisamos de especificar nada relativamente a isso.
Devemos clicar em manter a sincronização da informação.
No caso de trabalharmos com um site dinâmico, com uma ou mais bases de dados e termos um servido instalado localmente, especificamos na categoria testing server o modelo de servidor, qual a linguagem usada, asp, Couldfiusion; JSP, PHP MySQL, etc. PHP MySQL é, provavelmente a mais usada, por ser open source.
Definimos o tipo de acesso como Local/Network e especificamos o caminho até à pasta onde está o servidor.
Depois de definidas as categorias acima referidas estamos prontos a iniciar o desenvolvimento do site no Dreamweaver. Para tal só temos que clicar no botão done.
No painel files podemos, agora, visualizar a estrutura do site, onde está definida uma pasta raiz, com o nome do site e dentro dela um conjunto de outras pastas para outros tipos de ficheiros e o index.html, a página de início do site. De notar que não é obrigatório ter uma estrutura deste tipo, ou exactamente esta estrutura, para que o site esteja online e a funcionar. Mas, é de todo recomendável que assim seja para uma organização saudável e eficaz do conteúdo do site. De outra forma imaginemos uma site onde na pasta raiz só existe a pasta das imagens e todo o restante conteúdo está na raiz. É fácil imaginar que seria extremamente penoso de gerir.
Upload e download de ficheiros.
Depois de termos um domínio e um alojamento contratado, podemos fazer o upload do site. Para isso clicámos no ícone do canto superior direito do painel files e acedemos a um menu popup que não é mais que o painel Files com uma nova estrutura, em diptico. Do lado direito vemos o site que estivemos a trabalhar localmente, do lado esquerdo o directório no lado do servidor. Para ligarmos ao servidor clicámos no primeiro ícone à esquerda, a ligação deve estabelecer-se em poucos segundos.
Para fazermos o upload de ficheiros podemos, simplesmente, arrastar as pastas ou ficheiros seleccionados do lado direito (Local Files) para o lado esquerdo (Remote Files), em alternativa, seleccionamos os ficheiros e clicámos em na seta azul (Put Files), ao contrário, para fazermos o donwload de ficheiros do servidor, podemos arrastá-los para o lado direito (Local Files) ou, depois de seleccionados, clicar na seta verde (Get files).
