Html web denise_lima

971 views

Published on

Introdução a Internet, Web e HTML

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
971
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html web denise_lima

  1. 1. INTERNET X WEB Desenvolvimento para Web I DENISE ARISTIMUNHA DE LIMA | AGO 2010 | URCAMP | C. TÉC. EM INFORMÁTICA
  2. 2. INTERNET X WEB – Qual a diferença?
  3. 3. • A internet é maior que a Web; • Foi através da Web que foi possível a todos o acesso às informações disponíveis na Internet; • A Internet deixou de ser uma instituição de natureza apenas acadêmica a partir da criação da Web. DIFERENÇAS ENTRE WEB E INTERNET
  4. 4. JUSTIFICATIVA – Por que se criou a Internet?
  5. 5. • Na década de 1950, computadores eram raros (existiam alguns supercomputadores localizados em instituições de pesquisa e universidades). • Em função da Guerra Fria, os soviéticos acabaram lançando o primeiro foguete, em resposta, o presidente do EUA, através do departamento de defesa, criou a ARPA (1958), para concorrer com os soviéticos, mas a função de construir um foguete foi delegada a Nasa um ano depois. • Mas existia a necessidade de proteger informações de possiveis ataques soviéticos. JUSTIFICATIVA PARA CRIAÇÃO DA INTERNET
  6. 6. • A Internet surgiu em Através de um projeto da agência norte- americana ARPA (Advanced Research and Projects Agency); • O objetivo era ligar 2 ou mais computadores para utilizar o mesmo periférico (ARPANET); • Esse projeto teve sua execução em1969. COMO SURGIU A INTERNET
  7. 7. Em 1969 foram interligados 4 computadores; 4 universidades participaram. COMO SURGIU A INTERNET | The ARPA Network
  8. 8. WEB – Como surgiu a Web?
  9. 9. • A Web foi desenvolvida pelo CERN (European Laboratory for Particle Physics) – Genebra, na Suíça; • O projeto foi trabalho de um grupo de pesquisas liderado por Tim Berners-lee; • A Web teve seu lançamento em 1991 após alguns anos de pesquisa. •Data oficial: 06 de agosto de 1991. COMO SURGIU A WEB | World Wide Web
  10. 10. Em 1989, propôs então um projeto de hipertexto (leitura não-linear) que permitia às pessoas trabalhar em conjunto, combinando o seu conhecimento numa rede de documentos; Foi esse projeto que ficou conhecido como a World Wide Web; COMO SURGIU A WEB | World Wide Web
  11. 11. PROPOSTA DO PROJETO – Por que se criou a WEB?
  12. 12. • Antes da Web os cientistas assim como toda a comunidade Internet, necessitavam de uma série de programas distintos para localizar, buscar e visualizar as informações • Centralizar em uma única ferramenta, as várias tarefas necessárias para se obter as informações. JUSTIFICATIVA PARA CRIAÇÂO DA WEB
  13. 13. UM DOS PRIMEIROS PROJETOS DE PÁGINA
  14. 14. WEB – Como funciona a WEB?
  15. 15. O usuário através de um Browser (IE, Mozilla Firefox, Opera, etc) faz uma requisição a um servidor O servidor processa esta requisição O Browser recebe a resposta do servidor Usuário vê a resposta através do Browser COMO FUNCIONA
  16. 16. Criado por Marc Andreessen e Eric Bina na Universidade de Illinois COMO ERAM OS NAVEGADORES
  17. 17. NETSCAPE
  18. 18. NAVEGADORES MAIS UTILIZADOS
  19. 19. URL (Uniform Research Locator) • http (HyperText Transfer Protocol); URL E HTTP
  20. 20. Domínio http://www.urcamp.tche.br/ serviço máquina Instituição rede http://registro.br/ pais DOMÍNIO | HTTP://registro.br/
  21. 21. • http://www.editorasaraiva.com.br/paginas/index. html domínio EXEMPLO DE ENDEREÇO NA WEB
  22. 22. COMO EU CRIO PÁGINAS NA WEB? – Qual linguagem utilizo?
  23. 23. Linguagem HTML • HTML (Hyper Text Markup Language) é uma linguagem de marcação de hipertexto utilizada para publicação na Web; • Um documento HTML nada mais é que um arquivo de texto simples, marcado com descritores (tags) que contêm os elementos HTML; • Softwares bloco de notas, notepad++ e editores html (dreamweaver). Link para baixar o software Notepad++: http://notepad-plus-plus.org/pt-br/release/5.7 HTML
  24. 24. HTML – Por que aprender esta linguagem?
  25. 25. • Muitos editores geram código desnecessário, o que produz o aumento do arquivo e torna o reconhecimento e a edição dos comandos mais difícil; • Saber identificar a linguagem ajuda na realização de pequenos ajustes e na alteração de documentos prontos. POR QUE APRENDER HTML?
  26. 26. W3C – O que é?
  27. 27. • O World Wide Web Consortium (W3C) é um consórcio internacional no qual as organizações associadas, profissionais de tempo integral e especialistas afins trabalham juntos para o desenvolvimento de padrões Web. • No desenvolvimento do site, o HTML deve ser criado seguindo os padrões do W3C (Web Standards) de forma que fique funcional. PADRÕES WEB
  28. 28. • O W3C realiza a sua missão ao criar padrões, normas e diretrizes que garantem o crescimento da Web a longo prazo. São mais de 400 Organizações Associadas ao Consórcio. • O W3C é dirigido conjuntamente pelo laboratório de Ciências da Computação e Inteligência Artificial do Massachusetts Institute of Technology (MIT CSAIL), nos EUA, pelo Consórcio Europeu de Pesquisa em Informática e Matemática (ERCIM), na França e pela Keio University, no Japão, além de escritórios regionais. www.w3c.org | www.w3.br PADRÕES WEB
  29. 29. • A estrutura de marcação aonde os elementos estão inseridos é chamada de tag; Exemplo: <ELEMENTO> Texto marcado </ELEMENTO> <BR> é um exemplo de tag simples; • Elementos necessitam de fechamento são chamados containers ou tag dupla. Por exemplo: <body> e </body> SINTAXE BÁSICA
  30. 30. <h1 style=“color:red”> Título I </h1> • O atributo style=“color:red” define a cor do Título I EXEMPLOS DE ATRIBUTOS DE UM ELEMENTO
  31. 31. HIERARQUIA – Ordem dos elementos
  32. 32. <HTML> <HEAD> <TITLE> Descrição do documento </TITLE> </HEAD> <BODY> <p> Informação e outros descritores HTML</p> </BODY> </HTML> • O elemento <HTML> e </HTML> marca o início e o fim de um documento HTML. HIERARQUIA DOS ELEMENTOS EM UM DOCUMENTO HTML
  33. 33. http://info.cern.ch/ http://web.arqchive.org/collections/web.html REFERÊNCIAS
  34. 34. E-mail: denisealima@gmail.com msn: denise@urcamp.tche.br CONTATO

×