Serviço Nacional de Aprendizagem Comercial - Departamento Regional de Pernambuco
Avenida Visconde de Suassuna, 500 • Santo...
Serviço Nacional de Aprendizagem Comercial - Departamento Regional de Pernambuco
Avenida Visconde de Suassuna, 500 • Santo...
Serviço Nacional de Aprendizagem Comercial - Departamento Regional de Pernambuco
Avenida Visconde de Suassuna, 500 • Santo...
Serviço Nacional de Aprendizagem Comercial - Departamento Regional de Pernambuco
Avenida Visconde de Suassuna, 500 • Santo...
Serviço Nacional de Aprendizagem Comercial - Departamento Regional de Pernambuco
Avenida Visconde de Suassuna, 500 • Santo...
Próximos SlideShares
Carregando em…5
×

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

343 visualizações

Publicada em

Publicada em: Tecnologia
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
343
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
7
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

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

  1. 1. 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.
  2. 2. 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:
  3. 3. 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:
  4. 4. 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
  5. 5. 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

×