ferramentas para sistema web sistemas de informação aula 9 – 08/05/2013
TRANSCRIPT
![Page 1: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/1.jpg)
Ferramentas para Sistema WebSistemas de InformaçãoAula 9 – 08/05/2013
![Page 2: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/2.jpg)
Hospedagem
2
![Page 3: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/3.jpg)
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
![Page 4: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/4.jpg)
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
![Page 5: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/5.jpg)
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
![Page 6: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/6.jpg)
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
![Page 7: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/7.jpg)
Domínio• Serve para localizar e identificar conjunto de computadores na
Internet;
7
www.amazon.comwww.uol.com.brwww.americanas.com.br
![Page 8: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/8.jpg)
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ê
![Page 9: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/9.jpg)
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
![Page 10: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/10.jpg)
10
![Page 11: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/11.jpg)
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
![Page 12: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/12.jpg)
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
![Page 13: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/13.jpg)
Filezilla• Cliente FTP;• Multiplataforma;• Código livre;
• Download: https://filezilla-project.org/download.php?type=client
13
![Page 14: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/14.jpg)
14
![Page 15: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/15.jpg)
15
![Page 16: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/16.jpg)
Hospedando no Google Drive
16
![Page 17: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/17.jpg)
Drive• Ótimo lugar para armazenar arquivos HTML, CSS e JavaScript;• Seguro;• Disponível a partir de qualquer lugar;• Fácil.
17
![Page 18: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/18.jpg)
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
![Page 19: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/19.jpg)
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
![Page 20: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/20.jpg)
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
![Page 21: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/21.jpg)
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
![Page 22: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/22.jpg)
Exercícios7. Encontre sete erros no código abaixo
22
![Page 23: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/23.jpg)
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
![Page 24: Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013](https://reader036.vdocuments.pub/reader036/viewer/2022062522/5706385d1a28abb8238fe25f/html5/thumbnails/24.jpg)
Fim
24