documento de atuação profissional - professor baesse€¦ · aula 11: site na web professora:...

Web DesignAula 11: Site na Web

Professora: Priscilla [email protected]

Motivação

• Criar o site em HTML é interessante• Do que adianta se até agora só eu posso vê-lo?• Hora de publicar o site na Web para que os

outros possam acessá-lo• Hora também de entender melhor o

funcionamento de uma página WEB

Roteiro

• Introdução

• Hospedagem

• Domínio

• Envio de Arquivos

• FTP

• HTTP

• Servidor WEB

• Cadastrando uma conta

• Acessando uma conta

• Enviando Arquivos via web

• Enviando arquivos via FTP

Introdução

• Passos essenciais para colocar meu site na web1. Encontre uma empresa de hospedagem2. Escolha um nome para seu site3. Encontre uma forma de enviar seus arquivos4. Divulgue seu site

Hospedagem

• Para colocar seu site na web você precisa de um servidor que “more na web” o tempo todo

• Você mesmo poderia criar um servidor em seu computador, mas o mais comum é utilizarmos um servidor já disponível para hospedagem de sites

Hospedagem

• Hospedagem de sites é um serviço que possibilita pessoas ou empresas sites ou sistemas on-line guardar informações, imagens, vídeo ou qualquer conteúdo acessível por web

• Provedor de hospedagem são empresas que fornecem espaços em seus servidores e conexão à internet a estes dados aos seus clientes

- Uma máquina que fica ligada 24h na internet com endereço disponível para ser acessada

Hospedagem

• Encontrar uma empresa de hospedagem que ofereça esse serviço não é complicado

• Quando você paga por esse serviço, ele pode fornecer mais recursos para seu site

Hospedagem

• Critérios importantes para escolha da empresa de hospedagem- Suporte Técnico- Transferência de Dados- Armazenamento em disco- Backup- Nomes de Domínio- Confiabilidade- Linguagens e outros recursos suportados

Hospedagem

• Exemplos de servidores gratuitos- http:// www.xpg.com.br- http://www.000webhost.com/

Importante!!!

A sua página incial deverá ter o nome de index.html, pois o servidor web

procurará por ela para abrir em primeiro lugar!

Domínio

• Você pode não saber o que significa um domínio, mas provavelmente já utilizou diversas vezes

• Domínio é um nome único utilizado para localizar um site

• Ex: www.google.com.br

nome de um domínio final de domínio: Varia de acordo

servidor específico com a finalidade desejada

Domínio

• Se você quiser um domínio único para seu site, você provavelmente vai precisar pagar por ele

• O domínio é controlado por uma unidade centralizada (ICANN)

Domínio

• Ela visa garantir que só uma pessoa possa usar um domínio de cada vez

• O pagamento é uma taxa anual para que você se mantenha dono daquele nome

Domínio

• Muitas vezes a empresa de hospedagem, oferecerá o pagamento referente ao registro de um domínio pra você

Domínio

• Quer descobrir se um domínio brasileiro está disponível?

• Acesse: https://registro.br/

Envio de Arquivos

• Depois que você encontrou sua empresa de hospedagem e acessou o seu cadastro

• Você precisará descobrir onde fica a pasta raiz e copiar suas páginas para essa essa pasta

• Alguns servidos de hospedagem oferecem ferramentas para envio de arquivos, mas um dos métodos de transferência mais tradicionalmente utilizados é utilizar o protocolo FTP

FTP

• FTP (File Transfer Protocol): Nada mais é do que um protocolo de transferência de arquivos

• Mas o que é um protocolo?• Protocolo é uma convenção ou padrão que controla e

possibilita uma conexão, comunicação, transferência de dados entre dois sistemas computacionais. De maneira simples, um protocolo pode ser definido como "as regras que governam" a sintaxe, semântica e sincronização da comunicação.

FTP

• Existem diversos aplicativos que implementam o protocolo FTP

- Os arquivos estão no seuComputador-Você precisa transferir -para o servidorPasta raiz do

servidor

FTP

• Você vai se conectar ao servidor usando FTP• Para isso, você precisará de um nome de usuário

e uma senha fornecidos pela empresa de hospedagem

• Depois de conectado ao servidor FTP, você deverá indicar a pasta de origem no seu computador e a pasta de destino no servidor

• Só depois disso, você vai transferir cópias de seus arquivos

FTP

• SFTP (Secure File Transfer Protocol): É o protocolo de transferência segura de arquivos

• Funciona quase da mesma forma que o FTP, porém é uma versão mais segura

HTTP

• É aquele http que aparece nos links, o que é?http://www.google.com

• Ele é um protocolo, assim como FTP• HTTP é utilizado para permitir ou browser

recuperar informações na WEB ou vice-versa

Servidor Web

• Aguardam as requisições enviadas pelos browsers web como por exemplo: páginas, imagens, vídeos, sons, etc

• Ao receber a solicitação, o servidor tenta localizar o recurso e, caso encontre, envia-o para o browser

Servidor WEB

• Procure chamar sua página principal de index.html ou index.htm

-Resposta HTTP- -O servidor diz:-Encontrei o arquivo,-Aqui está!

-Solicitação HTTP- -O computador diz:-Será que você pode me dar um arquivo?

Cadastrando uma conta

• Acesso o site: http://www.000webhost.com/


• Cadastre-se no site:


• Preencha as informações:

Acessando uma conta

• Você receberá um e-mail para ativar seu site• Acesse seu e-mail e click no link para ativação• Depois volte no site e acesso a sua conta

Acessando uma conta

Acessando uma conta

• Selecione o Go to CPanel

Enviando Arquivos via Web

• Ao mover a barra de rolagem, selecione a opção:


• Você deverá enviar suas páginas para o diretóriopublic_html

Enviando Arquivos

• Para enviar seus arquivos selecione o botão upload


• Selecione o arquivo que deseja enviar


• Após selecionar o arquivo desejado, você precisará confirmar a ação para ser concluída


• Então, a inclusão do seu arquivo será confirmada

Enviando Arquivos via FTP

• Se você enviar arquivos utilizando uma ferramenta web disponibilizada pela provedor de hospedagem, toda vez que você mudar de provedor, é possível que precise aprender a utilizar ferramentas diferentes

• Você pode enviar arquivos via ferramenta FTP• Exs: Putty, FileZilla


• Vamos aprender a enviar arquivos usando FileZilla

• Faça o download do FileZilla em: http://filezilla-project.org/download.php• Depois instale o FileZilla em seu computador


• Usando filezilla, você pode se conectar ao servidor onde ficarão armazenados seus arquivos


• Você precisará preencher algumas informações


• O “000webhost” disponibiliza essas informações pra você

• Volte na tela do CPanel da sua conta no “000webhost”


• Selecione a opção View FTP Details


• Aqui você terá as informações que precisa


• Espere um momento!• Nessa tela, eu tenho nome do host, nome do

usuário, senha********• Bem, a senha eu sei que será a mesma que eu

cadastrei quando criei minha conta• Mas e a porta? - Você pode utilizar a porta 21, essa porta diz que

estou usando o protocolo ftp para essa conexão


• Depois de realizada a conexão, a sua pasta raiz no servidor 000webhost será exibida


• No lado esquerdo, você vizualiza os diretórios e arquivos no seu computador


• Enquanto no lado direito, você vizualiza os diretórios e arquivos no servidor 000webhost


• Para enviar os arquivos, basta selecionar a pasta onde estão os arquivos que você dseja enviar


• Ao selecionar essa pasta, os arquivos aparecerão logo abaixo


• No lado direito, onde estão os diretórios e arquivos no servidor, selecione public_html


• Selecione o arquivo desejado e click com o botão direito para realizar o upload


• Ao clicar no botão upload, seu arquivo será enviado para o servidor


• Se você quiser enviar mais de um arquivo, segure ctrl ou shift e selecione os arquivos desejados


• Depois de enviar os arquivos, é só colocar o endereço do seu site no navegador e conferir o resultado do seu trabalho publicado na web

• Lembre-se que para isso você deverá estar conectado a internet porque seu site agora está lá!

• Obs: No caso do 000webhost, o diretório de destindo deverá ser public_html, se você enviar seus arquivos para /, não vai funcionar

documento de atuação profissional - professor baesse€¦ · aula 11: site na web professora:...

Documents