INTERNET X WEB
  Desenvolvimento para Web I




DENISE ARISTIMUNHA DE LIMA | AGO 2010 | URCAMP | C. TÉC. EM INFORMÁTICA
INTERNET X WEB
– Qual a diferença?
• 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
JUSTIFICATIVA
– Por que se criou a Internet?
• 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
• 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
Em 1969 foram interligados
                                            4 computadores;

                                            4 universidades participaram.




COMO SURGIU A INTERNET | The ARPA Network
WEB
– Como surgiu a Web?
• 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
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
PROPOSTA DO
 PROJETO
– Por que se criou a WEB?
• 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
UM DOS PRIMEIROS PROJETOS DE PÁGINA
WEB
– Como funciona a WEB?
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
Criado por Marc Andreessen e Eric Bina na Universidade de Illinois

COMO ERAM OS NAVEGADORES
NETSCAPE
NAVEGADORES MAIS UTILIZADOS
URL (Uniform
                     Research Locator)




   • http (HyperText Transfer Protocol);


URL E HTTP
Domínio

    http://www.urcamp.tche.br/

       serviço

                     máquina
                                Instituição

                                              rede
   http://registro.br/
                                                     pais


DOMÍNIO | HTTP://registro.br/
• http://www.editorasaraiva.com.br/paginas/index.
    html




                       domínio




EXEMPLO DE ENDEREÇO NA WEB
COMO EU CRIO
PÁGINAS NA WEB?
– Qual linguagem utilizo?
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
HTML
– Por que aprender esta linguagem?
• 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?
W3C
– O que é?
• 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
• 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
• 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
<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
HIERARQUIA
– Ordem dos elementos
<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
http://info.cern.ch/
 http://web.arqchive.org/collections/web.html




REFERÊNCIAS
E-mail: denisealima@gmail.com
 msn: denise@urcamp.tche.br




CONTATO

Html web denise_lima

  • 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 quese criou a Internet?
  • 5.
    • Na décadade 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 Internetsurgiu 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 foraminterligados 4 computadores; 4 universidades participaram. COMO SURGIU A INTERNET | The ARPA Network
  • 8.
  • 9.
    • A Webfoi 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ôsentã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 daWeb 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 PRIMEIROSPROJETOS DE PÁGINA
  • 14.
  • 15.
    O usuário atravésde 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 MarcAndreessen e Eric Bina na Universidade de Illinois COMO ERAM OS NAVEGADORES
  • 17.
  • 18.
  • 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ÁGINASNA 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 queaprender esta linguagem?
  • 25.
    • Muitos editoresgeram 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.
  • 27.
    • O WorldWide 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 W3Crealiza 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 estruturade 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ítuloI </h1> • O atributo style=“color:red” define a cor do Título I EXEMPLOS DE ATRIBUTOS DE UM ELEMENTO
  • 31.
  • 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.
  • 34.
    E-mail: denisealima@gmail.com msn:denise@urcamp.tche.br CONTATO