Aula 12 2 - como colocar o site na web com dreamweaver

Serviço Nacional de Aprendizagem Comercial - Departamento Regional de Pernambuco

Avenida Visconde de Suassuna, 500 • Santo Amaro • CEP 50.050-540

Recife / PE • Tel.: 0800 081 1688 • www.pe.senac.br

Como colocar o site na Web

Para colocar o seu site na Web, você precisa de um espaço em um provedor de hospedagem e de um domínio, que

é o endereço de HTTP (URL – www.nomesite.com.br) de seu site. Iremos utilizar um provedor gratuito de

hospedagem que é o FreeWebHostingArea (http://www.freewebhostingarea.com/), faça o seu cadastro no

mesmo.

Depois que temos um provedor de hospedagem, quer seja gratuito ou pago, devemos configurar o Dreamweaver

para acessar nossa conta de FTP (conta criada quando fazemos o cadastro em um provedor de hospedagem),

depois, se conectar ao provedor e enviar os nossos arquivos.

Obs.: Antes de iniciar esse passo, verifique se todos os arquivos e pastas do site estão com

um nome válido para web (sem maiúscula, sem caracteres especiais, espaço ou Ç), se existir

algum arquivo fugindo essa regra, utilize o painel de Files do Dreamweaver, para renomear

esse arquivo ou pasta (clique com o botão direito do mouse no arquivo ou pasta, aponte

para Edit e clique em Rename).

Nesse passo a passo veremos o que devemos fazer para isso. Então vamos lá:

01 – Configurar o acesso ao FTP no Dreamweaver

A primeira coisa a fazer é configurar o nosso site no Dreamweaver, dando acesso a nossa conta de FTP em

nosso provedor de hospedagem. Para isso temos que ter 4 informações importantes, que nos são dadas

pelo provedor de hospedagem na hora de nosso cadastro no mesmo:

Endereço do site (URL) http://ti268.6te.net

Endereço de FTP do meu site (FTP SERVER/HOST) ftp.6te.net ou 6te.net Nome de usuário do

FTP (FTP USER/NAME) ti268.6te.net

Senha do FTP (FTP PassWord) Está pensando que vou informar minha senha é? KKKKKKKK

Obs.: Os dados que utilizarei nesse passo a passo foram de um cadastro feito no provedor de

hospedagem Free Web Hosting Area (http://www.freewebhostingarea.com), mas o

processo é o mesmo para provedores pagos, basta apenas ter as quatro informações acima

mencionadas.

http://www.freewebhostingarea.com/




Normalmente, logo depois de contratar o serviço de hospedagem (seja pago ou gratuito) você recebe um

e-mail com todas as informações necessárias. Abaixo um e-mail enviado pelo com os dados (destacados

em vermelho).

Com estes dados, você utiliza novamente o menu Site (dessa vez escolhendo a opção “Gerênciar Site -

Manege Site”) para configurar o Site Remoto no Dreamweaver. Na janela que surgiu, escolha o site

que deseja configurar (em nosso exemplo, “Aula HTML”) e clique em “Editar - Edit”:

Com isso voltamos à janela “Configuração do site”. Nela, usaremos desta vez a opção “Servidores -

Servers” localizada no painel lateral esquerdo, em seguida, ao clicar no botão “Adicionar Novo Servidor

- Add New Server” (botão com o sinal de “+”), aparecerá a janela abaixo:




Preencha os campos de acordo com as informações que seu serviço de Hospedagem lhe forneceu.

Obs.: O campo “Diretório Raiz - Root Directory” deve informar o diretório onde vão ficar os

arquivos .html ou .php de nosso site, ou seja, a raiz do site, normalmente colocamos a barra

(“/”), pois normalmente os servidores utilizam a raiz normal do site (“/”), mas cuidado,

existem alguns provedores que determinam um diretório onde deve ser colocados esses

arquivos, essa informação deve vir junto com as demais do site no e-mail de confirmação. Se

essa pasta existir, devemos colocar a mesma nessa opção.

Depois de configurado o servidor, clique no botão “Testar – Test”, para testar a conexão. Deverá

aparecer a seguinte janela:

Obs.: Caso não aparece essa janela, revise seus dados, e se estiverem todos corretos entre

em contato com seu provedor de hospedagem para ter ajuda na configuração, pode ter

alguma configuração específica para seu servidor.

Agora é só salvar a configuração (botão “Salvar - Save”) e salvar as definições do site, clicando

novamente no botão “Salvar - Save”.

02 – Enviar os arquivos para o servidor

Nessa etapa, vamos conectar com o servidor e enviar TODOS os arquivos de

nosso site para nosso espaço de hospedagem.

02.01 – No painel de Files, no canto direito da tela, temos o botão Expande to

show local and remote site, que expande a tela de visualização do site local e

do remoto, clique nesse botão. Veja imagem ao lado:




02.02 – Aparece a tela de site local e remoto, como pode ser visto na imagem abaixo. À esquerda temos a

região de visualização do servidor, nessa região teremos os arquivos e pastas do site que estão no servido.

Por enquanto essa área está vazia, pois ainda não conectamos no servidor. À direita, temos o nosso site

local, ou seja, a pasta de nosso site que está em nosso computador.

02.03 – O próximo passo é conectar com o servidor, para que possamos ter acesso aos arquivos do mesmo.

Clique, no canto superior esquerdo da tela, no botão Connects to remote host (imagem da esquerda).

Obs.: Quando o Dreamweaver terminar a conexão, aparecerão os arquivos e pastas que

estão armazenados no servidor, isso mesmo que seja a primeira vez que está acessando, já

que quando nossa conta é criada nosso provedor de hospedagem coloca alguns arquivos lá,

para que não fique vazio. Veja imagem abaixo:

Área de

visualização

do servidor

Área de

visualização

do site local




02.04 - Apague as pastas e arquivos desnecessários do servidor (lado esquerdo da tela), para tanto basta

selecioná-los e pressionar Delete. Será solicitada uma confirmação, clique em Yes (Sim) para confirmar.

Veja imagem abaixo:

Obs.: Pode(m) existir algum(ns) arquivo(s) que não pode(em) ser apagado(os), nessa caso

esses arquivos não serão excluídos e aparecerá uma mensagem de erro.

02.05 – Agora vamos enviar os arquivos de nosso site para o servidor. Selecione o nome do site, no topo da

área do site local (lado direito da tela) e clique no botão Put File(s) ( imagem da esquerda). Será solicitada

uma confirmação (imagem da direita), clique em OK e aguarde o fim da transferência. O tempo de

transferência dos arquivos depende da velocidade de sua conexão com a internet, quantidade de

arquivos e tamanho desses arquivos.

Obs.: Caso queira enviar apenas um ou alguns arquivos, basta selecionar esses arquivos na

área da direita e clicar no botão Put File(s). Todas as vezes que você alterar algum(ns)

arquivo(s) ou pasta(s) do site, esse(s) deverá(ão) ser enviado(s) para o servidor novamente.

Pode-se também baixar arquivos do servidor para o nosso site local, para tanto basta

selecionar o arquivo ou pasta no servidor (lado esquerdo da tela) e clicar no botão Get

File(s), que se encontra do lado esquerdo do botão Put File(s).

02.06 – Agora é só testar o site, abra o navegador e digite o endereço de URL de seu site, no nosso caso:

http://ti268.6te.net

Technology

Aula 12 2 - como colocar o site na web com dreamweaver