Post on 26-Jun-2015
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.
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
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:
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
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:
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
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
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
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