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
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
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
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
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
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
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?
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
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