Your SlideShare is downloading. ×
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Html web denise_lima
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Html web denise_lima

766

Published on

Introdução a Internet, Web e HTML

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
766
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. INTERNET X WEB Desenvolvimento para Web I DENISE ARISTIMUNHA DE LIMA | AGO 2010 | URCAMP | C. TÉC. EM INFORMÁTICA
  • 2. INTERNET X WEB – Qual a diferença?
  • 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. JUSTIFICATIVA – Por que se criou a Internet?
  • 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. • 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. Em 1969 foram interligados 4 computadores; 4 universidades participaram. COMO SURGIU A INTERNET | The ARPA Network
  • 8. WEB – Como surgiu a Web?
  • 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. 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. PROPOSTA DO PROJETO – Por que se criou a WEB?
  • 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. UM DOS PRIMEIROS PROJETOS DE PÁGINA
  • 14. WEB – Como funciona a WEB?
  • 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. Criado por Marc Andreessen e Eric Bina na Universidade de Illinois COMO ERAM OS NAVEGADORES
  • 17. NETSCAPE
  • 18. NAVEGADORES MAIS UTILIZADOS
  • 19. URL (Uniform Research Locator) • http (HyperText Transfer Protocol); URL E HTTP
  • 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. • http://www.editorasaraiva.com.br/paginas/index. html domínio EXEMPLO DE ENDEREÇO NA WEB
  • 22. COMO EU CRIO PÁGINAS NA WEB? – Qual linguagem utilizo?
  • 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. HTML – Por que aprender esta linguagem?
  • 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. W3C – O que é?
  • 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. • 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. • 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. <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. HIERARQUIA – Ordem dos elementos
  • 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. http://info.cern.ch/ http://web.arqchive.org/collections/web.html REFERÊNCIAS
  • 34. E-mail: denisealima@gmail.com msn: denise@urcamp.tche.br CONTATO

×