Definir um site com o Adobe Dreamweaver

Tamanho: px

Começar a partir da página:

Download "Definir um site com o Adobe Dreamweaver"

Ester Fonseca Pinheiro
8 Há anos
Visualizações:

1 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 Page 1 of 6

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

2 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. Page 2 of 6

Na categoria remote info especificamos o acesso ao servidor, normalmente por FTP. Em host directory especificamos a pasta raiz no lado do servidor.

3 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. Page 3 of 6

Couldfiusion; JSP, PHP MySQL, etc. PHP MySQL é, provavelmente a mais usada, por ser open source.

4 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 Page 4 of 6

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.

5 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). Page 5 of 6

Do lado direito vemos o site que estivemos a trabalhar localmente, do lado esquerdo o directório no lado do servidor.

6 Page 6 of 6

Documentos relacionados

Software Adobe DreamWeaver. Requisitos para criar aplicações Web

Software Adobe DreamWeaver. Requisitos para criar aplicações Web 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: