Ferramentas para Sistema Web

1. Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013

2. Hospedagem

3. O que fazer? • Encontrar uma empresa de hospedagem • Escolher um nome para seu site (como www.nomedosite.com.br) • Encontrar uma maneira de jogar seus arquivos de seu computador para um servidor da empresa de hospedagem (há algumas maneiras diferentes) • Mostrar seu novo site para todo o mundo.

4. 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

5. 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.

6. 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)?

7. Domínio • Serve para localizar e identificar conjunto de computadores na Internet; www.amazon.com www.uol.com.br www.americanas.com.br

8. Domínio 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ê

9. 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

11. 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.

12. FTP – File TransferProtocol • 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.

13. Filezilla • Cliente FTP; • Multiplataforma; • Código livre; • Download: https://filezilla-project.org/download.php?type=client

16. Hospedando no Google Drive

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

18. Como funciona • Crie uma nova pasta no Drive e compartilhe como Público; • Carregue o seu HTML, CSS e JavaScript para esta pasta pública; • Abra o arquivo HTML e você verá o botão “Visualizar” na barra de ferramentas. • 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.

19. Exercícios • Complete com as tags do html

20. Exercícios • Complete com as tags do html

21. Exercícios • Qual a função da tag <title>? • Faça um exemplo de link utilizando a tag <a> que aponte para um endereço absoluto. • Qual a função do atributo src da tag <img>? • Qual a função do atributo alt da tag <img>? • Qual o menor elemento em uma tela?

22. Exercícios • Encontre sete erros no código abaixo

23. Exercícios

24. Fim