Ferramentas para Sistema WebSistemas de InformaçãoAula 9 – 08/05/2013

Hospedagem

2

O que fazer?1. Encontrar uma empresa de hospedagem2. Escolher um nome para seu site (como

www.nomedosite.com.br)3. Encontrar uma maneira de jogar seus arquivos de seu

computador para um servidor da empresa de hospedagem (há algumas maneiras diferentes)

4. Mostrar seu novo site para todo o mundo.

3

Encontre uma Empresa de Hospedagem• Servidor que esteja na Web o tempo todo;• Vantagem de ter “alguém” que se preocupe em manter o

servidor no ar;• Mas, qual a empresa?• Há várias opções e planos

4

Dicas a Considerar na Escolha• Suporte técnico: a empresa de hospedagem possui um bom

sistema para lidar com suas perguntas técnicas?• Transferência de dados: é uma medida de quantas páginas e

dados a empresa de hospedagem permitirá que você envie aos seus visitantes durante um determinado período. A maioria das empresas oferecem quantidades razoáveis de transferência de dados.

• Backups: a empresa faz backups regulares de suas páginas e dados, garantindo que sejam recuperados no caso de falha de hardware do servidor?

• Nomes de domínio: a empresa de hospedagem inclui um nome de domínio em seu preço? Veja mais sobre isso na próxima página.

5

Dicas a Considerar na Escolha• Confiabilidade: a maioria das empresas de hospedagem

afirma que mantém os sites Web no ar por 99% do tempo a mais.

• Benefícios: o seu pacote inclui outros benefícios como endereços de e-mail, fóruns de discussão ou suporte para linguagens de script (algo que se tomará muito importante para você no futuro)?

6

Domínio• Serve para localizar e identificar conjunto de computadores na

Internet;

7

www.amazon.comwww.uol.com.brwww.americanas.com.br

Domínio

8

www.submarino.com.br

Há finais de domínio diferentes para propósitos diferentes: .com, .org, .gov e

também há para países diferentes. Quando for escolher um domínio, pegue

aquele que servir melhor para você

Como Obter um Nome de Domínio• A resposta mais fácil é deixar que a sua empresa de

hospedagem se preocupe com isso. Normalmente, elas incluem o registro do nome de seu domínio em seus pacotes.

• Se você preferir, experimente registro.br

9

10

Transferindo Arquivos• Na Web estamos preocupados apenas em tirar as coisas de

sua própria pasta e colocá-las na pasta raiz do servidor Web.• No seu computador estão armazenadas as suas páginas em

uma determinada pasta.• Geralmente você vai transferir seus arquivos para a pasta raiz

do seu servidor Web contratado.• A maioria das empresas de hospedagem utiliza um método de

transferência chamado FTP.

11

FTP – File Transfer Protocol• Protocolo de Transferência de Arquivo (Em português)• Há muitas aplicações que permitem a transferência de

arquivos via FTP. • Há aplicações de linha de comando e outras com interfaces

gráficas.• Filezilla (Open Source)

• Há ainda, aquelas embutidas em outras aplicações como o Dreamweaver.

12

Filezilla• Cliente FTP;• Multiplataforma;• Código livre;

• Download: https://filezilla-project.org/download.php?type=client

13

14

15

Hospedando no Google Drive

16

Drive• Ótimo lugar para armazenar arquivos HTML, CSS e JavaScript;• Seguro;• Disponível a partir de qualquer lugar;• Fácil.

17

Como funciona1. Crie uma nova pasta no Drive e compartilhe como Público;2. Carregue o seu HTML, CSS e JavaScript para esta pasta

pública;3. Abra o arquivo HTML e você verá o botão “Visualizar” na

barra de ferramentas.4. Compartilhe a URL que se parece com

www.googledrive.com/host/... a partir da janela de visualização e qualquer um poderá ver a sua página.

18

Exercícios1. Complete com as tags do html

19

tag

Sou o título número 1

Estou pronto para fazer um link para outra página

Sou uma lista, mas não tenho meus assuntos em ordem

Eu sou um verdadeiro quebrador de linhas

Sou um item que vive dentro de uma lista

Eu só quero saber da figura

Exercícios1. Complete com as tags do html

20

tag

Sou o título número 1 h1

Estou pronto para fazer um link para outra página a

Sou uma lista, mas não tenho meus assuntos em ordem ul

Eu sou um verdadeiro quebrador de linhas br

Sou um item que vive dentro de uma lista li

Eu só quero saber da figura img

Exercícios2. Qual a função da tag <title>?3. Faça um exemplo de link utilizando a tag <a> que aponte

para um endereço absoluto.4. Qual a função do atributo src da tag <img>?5. Qual a função do atributo alt da tag <img>?6. Qual o menor elemento em uma tela?

21

Exercícios7. Encontre sete erros no código abaixo

22

ExercíciosLegenda Destino O que você escreve no HTMLLegal ou não? legal.html <a href=“legal.html”>Legal ou não?</a>

Currículo cv.html

bonitinho.html <a href=“____”>Bonitinho mas ordinário</a>

Veja meu mini mini-cooper.html

Vamos jogar <a href=“megasena.html”>_____</a>

23

Fim

24