Html e CSS
História da Internet
● A internet é o mair meio de comunicação que toda a humanidade já viu.
● O número de internautas no mundo já é de 3,2 bilhões, segundo dados divulgados
nesta terça-feira (26/05/15) pela União Internacional das Telecomunicações, órgão
vinculado à Organização das Nações Unidas (ONU).
História da Internet
● Segundo dados, 99% das comunicações entre continentes se produzem em forma de pulso pelo mar. São mais
de 900.000 km de cabos submarinos que ficam entorno no planeta e chegam até os lugares mais afastados.
● Com a quantidade de cabos existentes nos mares poderiam dar 22 voltas na terra pelo Equador e realizar uma
viagem de ida e volta à lua. Em outras palavras, essas vias funcionam como se fossem viadutos que tornam
possíveis nossas comunicações internacionais ou a troca de grandes volumes de informação.
●
O processo é rápido, diferente das comunicações por satélites. Por isso, cerca de 90% do tráfego da internet
circula por meio desses cabos que unem os cinco continentes.
História da Internet
● As comunicações se
deram pela
nescessidadde de o
Homem primitivo passar
informações diversas
História da Internet
● A comunicação a distância se deu pela criação de um dispositivo que conseguia transmitir pulsos eletricos atraves de fios
interconectados e ainda atraves de códigos, o Telegrafo.
● O principal código utilizado pelos telégrafos foi o código Morse, que surgiu com a criação do telégrafo elétrico na década de
1830. Samuel Morse criou e registrou a patente do telégrafo no ano de 1837.
História da Internet
●
A internet revolucionou o funcionamento
tradicional das sociedades modernas como o
fizeram, a seu tempo, a imprensa, a máquina
a vapor, a eletricidade ou a telegrafia sem fio
(rádio). Hoje parece normal fazer cursos on-
line, preencher formulários administrativos a
distância ou expressar opiniões em fóruns
de discussão.
História da Internet
● Ela nasceu no final dos
anos 1960, em plena
Guerra Fria, graças à
iniciativa do Departamento
de Defesa americano, que
queria dispor de um
conjunto de comunicação
militar entre seus diferentes
centros. Uma rede que
fosse capaz de resistir a
uma destruição parcial,
provocada, por exemplo,
por um ataque nuclear.
História da Internet
● Para isso, o pesquisador Paul Baran concebeu um conjunto que teria como base um
sistema descentralizado.
● Esse cientista é considerado um dos principais pioneiros da internet.
● Ele pensou em uma rede tecida como uma teia de aranha (web, em inglês), na qual os
dados se movessem buscando a melhor trajetória possível, podendo “esperar” caso as
vias estivessem obstruídas.
● Essa nova tecnologia, sobre a qual também se debruçaram outros grupos de
pesquisadores americanos, foi batizada de packet switching, “troca de pacotes”.
História da Internet
● Em 1969, a rede ARPAnet já estava operacional.
● Ela foi o fruto de pesquisas realizadas pela Advanced Research
Project Agency (ARPA), um órgão ligado ao Departamento de
Defesa americano.
● A ARPA foi criada pelo presidente Eisenhower em 1957, depois
do lançamento do primeiro satélite Sputnik pelos soviéticos,
para realizar projetos que garantissem aos Estados Unidos a
superioridade científica e técnica sobre seus rivais do leste.
História da Internet
● A ARPAnet a princípio conectaria as universidades de Stanford, Los
Angeles, Santa Barbara e de Utah.
● Paralelamente, em 1971, o engenheiro americano Ray Tomlinson
criou o correio eletrônico.
● No ano seguinte, Lawrence G. Roberts desenvolveu um aplicativo que
permitia a utilização ordenada dos e-mails. As mensagens eletrônicas
se tornaram o instrumento mais utilizado da rede.
● A ARPAnet seguiu sua expansão durante os anos 1970 – a parte de
comunicação militar da rede foi isolada e passou a se chamar MILnet.
História da Internet
História da Internet
●
Outras redes, conectando institutos de pesquisas, foram
criadas nos Estados Unidos, Grã-Bretanha e França.
●
Faltava estabelecer uma linguagem comum a todas. Isso foi
feito com o protocolo TCP/IP, inventado por Robert Kahnet e
Vint Cerf em 1974.
●
A ARPAnet adotou essa padronização em 1976.
●
E assim começou a aventura da web com seu primeiro milhar
de computadores conectados.
●
O afluxo de usuários engendrou um fenômeno de sobrecarga.
Em 1986, uma nova rede foi lançada pela National Science
Foundation. A ARPAnet se juntou a ela quatro anos mais tarde.
História da Internet
● Uma etapa decisiva foi superada em 1990 com a criação, por um pesquisador do
Conselho Europeu para a Pesquisa Nuclear em Genebra (Cern), Tim Berners-Lee, do
protocolo HTTP (Hyper Text Transfer Protocol) e da linguagem HTML (Hyper Text Markup
Language), que permitem navegar de um site a outro, ou de uma página a outra.
● A World Wide Web (www) lançou seu voo, e a internet se abriu ao público, empresas
particulares e privadas. Uma multidão de sites apareceu.
O que é internet?
● A Internet é um sistema global de redes de computadores
interligadas que utilizam um conjunto próprio de protocolos (Internet
Protocol Suite ou TCP/IP) com o propósito de servir
progressivamente usuários no mundo inteiro. É uma rede de várias
outras redes, que consiste de milhões de empresas privadas,
públicas, acadêmicas e de governo, com alcance local e global e
que está ligada por uma ampla variedade de tecnologias de rede
eletrônica, sem fio e ópticas.
O software básico para conexão à
Internet
● Cada equipamento de hardware tem
seus programas próprios para seu
funcionamento.
● Além do software associado ao hardware
para conexão à Internet, é preciso ter
pelo menos um browser (navegador)
para se poder visitar os sites disponíveis.
● Exemplos de browser (navegador):
Netscape, Internet Explorer, Opera,
Mozilla etc.
Protocolos
● Assim como temos nossas regras sociais de comunicação (por
exemplo, em uma palestra somente uma pessoa fala; em uma
assembléia, são várias as pessoas que falam e, mesmo assim,
uma pessoa fala por vez), também os computadores precisam
de algumas regras para trocar informações.
● No caso da Internet, essas regras básicas estão reunidas no
conjunto de protocolos chamados TCP/IP.
O protocolo IP
● Na Internet cada computador tem um número IP próprio, assim como
cada casa tem um endereço único.
● Empresas que têm redes ligadas dia e noite na Internet possuem o
que se chama acesso dedicado, isto é, as conexões de sua rede têm
sempre um mesmo número IP na Internet.
● Quando temos acesso à Internet através de um provedor, usamos o
que se chama acesso discado, e nossa conexão com a Internet em
geral ganha números IP diferentes a cada acesso. Mesmo assim,
quando nosso computador se conecta ao provedor, o número IP
atribuído a ele é único em toda a Internet.
O protocolo TCP
● Suponhamos que em dado computador existem
vários programas se comunicando através da
rede em um mesmo instante - por exemplo, uma
página da Web sendo carregada enquanto se
verifica a caixa postal.
● Como o computador "sabe" que a página da Web
deve ir para o browser e os e-mails para o
programa que lê e-mails?
O protocolo TCP
● Isso é possível porque cada programa em execução recebe também seu endereço próprio dentro do computador:
no caso de programas que se comunicam pela Internet, esse endereço é o número TCP.
● Assim, continuando a comparação com endereços físicos, suponhamos que seu computador é um prédio de
apartamentos com um dado número IP; seu browser e seu programa de e-mail seriam apartamentos distintos
nesse prédio, cada qual com seu número TCP.
O protocolo TCP
Outros protocolos
● Veremos que, para cada tipo de recurso
disponível pela Internet, também existe um
protocolo de comunicação específico, além do
TCP/IP.
Recursos da Internet
● E-mail Serviço de intercâmbio assíncrono de
mensagens, o "correio eletrônico" utiliza-se dos
protocolos POP ou IMAP e SMTP .
● FTP Permite a transferência de arquivos, pelo
protocolo FTP - File Transfer Protocol.
Recursos da Internet
● Telnet Permite a conexão e interação com
computadores remotos, simulando um terminal,
pelo protocolo telnet .
● Gopher Sistema precursor da World-Wide Web,
utiliza o protocolo gopher para apresentar
menus de navegação, documentos e imagens.
O que é World-Wide Web?
● A World-Wide Web (também chamada Web ou WWW) é, termos gerais, a interface gráfica da
Internet.
● Ela é um sistema de informações organizado de maneira a englobar todos os outros sistemas de
informação disponíveis na Internet.
●
Sua idéia básica é criar um mundo de informações sem fronteiras, prevendo as seguintes
características:
– interface consistente;
– incorporação de um vasto conjunto de tecnologias e tipos de documentos;
– "leitura universal".
● Para isso, implementa três ferramentas importantes:
– um protocolo de transmissão de dados - HTTP;
– um sistema de endereçamento próprio - URL;
– uma linguagem de marcação, para transmitir documentos formatados através da rede - HTML.
HTTP
● HTTP significa HyperText Transfer Protocol - Protocolo de
Transferência de Hipertexto.
● O HTTP é o protocolo usado para a transmissão de dados no
sistema World-Wide Web.
● Cada vez que você aciona um link, seu browser realiza uma
comunicação com um servidor da Web através deste
protocolo.
URL
● O sistema de endereçamento da Web é baseado em
uma sintaxe chamada URI ( Universal Resource
Identifier - Identificador Universal de Recursos).
● Os endereços que utilizamos atualmente são os URL s,
que seguem essa sintaxe.
● URL significa Uniform Resource Locator - Localizador
Uniforme de Recursos.
● Um exemplo de URL é:
– http://www.icmc.usp.br/ensino/material/html/url.html
URL
● Esse endereço identifica:
– o protocolo de acesso ao recurso desejado ( http ),
– a máquina a ser contactada ( www.icmc.usp.br ),
– o caminho de diretórios até o recurso ( ensino/material/html/ ), e - o
recurso (arquivo) a ser obtido ( url.html ).
● Através de URL s também acionamos programas (scripts),
enviamos parâmetros para esses programas, etc.
HTML
●
HTML significa HyperText Markup Language - Linguagem de Marcação de Hipertexto.
●
Não é possível programar em linguagem HTML , pois ela é simplesmente uma linguagem de marcação:
ela serve para indicarmos formatações para textos, inserir imagens e ligações de hipertexto.
●
Os browsers são os responsáveis por identificar as marcações em HTML e apresentar os documentos
conforme o que foi especificado por essas marcações.
Aula 01
Aula 01
Aula 01
Aula 01
Aula 01
Aula 01
Aula 01
Aula 01
Aula 01

Aula 01

  • 1.
  • 2.
    História da Internet ●A internet é o mair meio de comunicação que toda a humanidade já viu. ● O número de internautas no mundo já é de 3,2 bilhões, segundo dados divulgados nesta terça-feira (26/05/15) pela União Internacional das Telecomunicações, órgão vinculado à Organização das Nações Unidas (ONU).
  • 3.
    História da Internet ●Segundo dados, 99% das comunicações entre continentes se produzem em forma de pulso pelo mar. São mais de 900.000 km de cabos submarinos que ficam entorno no planeta e chegam até os lugares mais afastados. ● Com a quantidade de cabos existentes nos mares poderiam dar 22 voltas na terra pelo Equador e realizar uma viagem de ida e volta à lua. Em outras palavras, essas vias funcionam como se fossem viadutos que tornam possíveis nossas comunicações internacionais ou a troca de grandes volumes de informação. ● O processo é rápido, diferente das comunicações por satélites. Por isso, cerca de 90% do tráfego da internet circula por meio desses cabos que unem os cinco continentes.
  • 4.
    História da Internet ●As comunicações se deram pela nescessidadde de o Homem primitivo passar informações diversas
  • 5.
    História da Internet ●A comunicação a distância se deu pela criação de um dispositivo que conseguia transmitir pulsos eletricos atraves de fios interconectados e ainda atraves de códigos, o Telegrafo. ● O principal código utilizado pelos telégrafos foi o código Morse, que surgiu com a criação do telégrafo elétrico na década de 1830. Samuel Morse criou e registrou a patente do telégrafo no ano de 1837.
  • 6.
    História da Internet ● Ainternet revolucionou o funcionamento tradicional das sociedades modernas como o fizeram, a seu tempo, a imprensa, a máquina a vapor, a eletricidade ou a telegrafia sem fio (rádio). Hoje parece normal fazer cursos on- line, preencher formulários administrativos a distância ou expressar opiniões em fóruns de discussão.
  • 7.
    História da Internet ●Ela nasceu no final dos anos 1960, em plena Guerra Fria, graças à iniciativa do Departamento de Defesa americano, que queria dispor de um conjunto de comunicação militar entre seus diferentes centros. Uma rede que fosse capaz de resistir a uma destruição parcial, provocada, por exemplo, por um ataque nuclear.
  • 8.
    História da Internet ●Para isso, o pesquisador Paul Baran concebeu um conjunto que teria como base um sistema descentralizado. ● Esse cientista é considerado um dos principais pioneiros da internet. ● Ele pensou em uma rede tecida como uma teia de aranha (web, em inglês), na qual os dados se movessem buscando a melhor trajetória possível, podendo “esperar” caso as vias estivessem obstruídas. ● Essa nova tecnologia, sobre a qual também se debruçaram outros grupos de pesquisadores americanos, foi batizada de packet switching, “troca de pacotes”.
  • 9.
    História da Internet ●Em 1969, a rede ARPAnet já estava operacional. ● Ela foi o fruto de pesquisas realizadas pela Advanced Research Project Agency (ARPA), um órgão ligado ao Departamento de Defesa americano. ● A ARPA foi criada pelo presidente Eisenhower em 1957, depois do lançamento do primeiro satélite Sputnik pelos soviéticos, para realizar projetos que garantissem aos Estados Unidos a superioridade científica e técnica sobre seus rivais do leste.
  • 10.
    História da Internet ●A ARPAnet a princípio conectaria as universidades de Stanford, Los Angeles, Santa Barbara e de Utah. ● Paralelamente, em 1971, o engenheiro americano Ray Tomlinson criou o correio eletrônico. ● No ano seguinte, Lawrence G. Roberts desenvolveu um aplicativo que permitia a utilização ordenada dos e-mails. As mensagens eletrônicas se tornaram o instrumento mais utilizado da rede. ● A ARPAnet seguiu sua expansão durante os anos 1970 – a parte de comunicação militar da rede foi isolada e passou a se chamar MILnet.
  • 11.
  • 12.
    História da Internet ● Outrasredes, conectando institutos de pesquisas, foram criadas nos Estados Unidos, Grã-Bretanha e França. ● Faltava estabelecer uma linguagem comum a todas. Isso foi feito com o protocolo TCP/IP, inventado por Robert Kahnet e Vint Cerf em 1974. ● A ARPAnet adotou essa padronização em 1976. ● E assim começou a aventura da web com seu primeiro milhar de computadores conectados. ● O afluxo de usuários engendrou um fenômeno de sobrecarga. Em 1986, uma nova rede foi lançada pela National Science Foundation. A ARPAnet se juntou a ela quatro anos mais tarde.
  • 13.
    História da Internet ●Uma etapa decisiva foi superada em 1990 com a criação, por um pesquisador do Conselho Europeu para a Pesquisa Nuclear em Genebra (Cern), Tim Berners-Lee, do protocolo HTTP (Hyper Text Transfer Protocol) e da linguagem HTML (Hyper Text Markup Language), que permitem navegar de um site a outro, ou de uma página a outra. ● A World Wide Web (www) lançou seu voo, e a internet se abriu ao público, empresas particulares e privadas. Uma multidão de sites apareceu.
  • 14.
    O que éinternet? ● A Internet é um sistema global de redes de computadores interligadas que utilizam um conjunto próprio de protocolos (Internet Protocol Suite ou TCP/IP) com o propósito de servir progressivamente usuários no mundo inteiro. É uma rede de várias outras redes, que consiste de milhões de empresas privadas, públicas, acadêmicas e de governo, com alcance local e global e que está ligada por uma ampla variedade de tecnologias de rede eletrônica, sem fio e ópticas.
  • 15.
    O software básicopara conexão à Internet ● Cada equipamento de hardware tem seus programas próprios para seu funcionamento. ● Além do software associado ao hardware para conexão à Internet, é preciso ter pelo menos um browser (navegador) para se poder visitar os sites disponíveis. ● Exemplos de browser (navegador): Netscape, Internet Explorer, Opera, Mozilla etc.
  • 16.
    Protocolos ● Assim comotemos nossas regras sociais de comunicação (por exemplo, em uma palestra somente uma pessoa fala; em uma assembléia, são várias as pessoas que falam e, mesmo assim, uma pessoa fala por vez), também os computadores precisam de algumas regras para trocar informações. ● No caso da Internet, essas regras básicas estão reunidas no conjunto de protocolos chamados TCP/IP.
  • 17.
    O protocolo IP ●Na Internet cada computador tem um número IP próprio, assim como cada casa tem um endereço único. ● Empresas que têm redes ligadas dia e noite na Internet possuem o que se chama acesso dedicado, isto é, as conexões de sua rede têm sempre um mesmo número IP na Internet. ● Quando temos acesso à Internet através de um provedor, usamos o que se chama acesso discado, e nossa conexão com a Internet em geral ganha números IP diferentes a cada acesso. Mesmo assim, quando nosso computador se conecta ao provedor, o número IP atribuído a ele é único em toda a Internet.
  • 18.
    O protocolo TCP ●Suponhamos que em dado computador existem vários programas se comunicando através da rede em um mesmo instante - por exemplo, uma página da Web sendo carregada enquanto se verifica a caixa postal. ● Como o computador "sabe" que a página da Web deve ir para o browser e os e-mails para o programa que lê e-mails?
  • 19.
    O protocolo TCP ●Isso é possível porque cada programa em execução recebe também seu endereço próprio dentro do computador: no caso de programas que se comunicam pela Internet, esse endereço é o número TCP. ● Assim, continuando a comparação com endereços físicos, suponhamos que seu computador é um prédio de apartamentos com um dado número IP; seu browser e seu programa de e-mail seriam apartamentos distintos nesse prédio, cada qual com seu número TCP.
  • 20.
  • 21.
    Outros protocolos ● Veremosque, para cada tipo de recurso disponível pela Internet, também existe um protocolo de comunicação específico, além do TCP/IP.
  • 22.
    Recursos da Internet ●E-mail Serviço de intercâmbio assíncrono de mensagens, o "correio eletrônico" utiliza-se dos protocolos POP ou IMAP e SMTP . ● FTP Permite a transferência de arquivos, pelo protocolo FTP - File Transfer Protocol.
  • 23.
    Recursos da Internet ●Telnet Permite a conexão e interação com computadores remotos, simulando um terminal, pelo protocolo telnet . ● Gopher Sistema precursor da World-Wide Web, utiliza o protocolo gopher para apresentar menus de navegação, documentos e imagens.
  • 24.
    O que éWorld-Wide Web? ● A World-Wide Web (também chamada Web ou WWW) é, termos gerais, a interface gráfica da Internet. ● Ela é um sistema de informações organizado de maneira a englobar todos os outros sistemas de informação disponíveis na Internet. ● Sua idéia básica é criar um mundo de informações sem fronteiras, prevendo as seguintes características: – interface consistente; – incorporação de um vasto conjunto de tecnologias e tipos de documentos; – "leitura universal". ● Para isso, implementa três ferramentas importantes: – um protocolo de transmissão de dados - HTTP; – um sistema de endereçamento próprio - URL; – uma linguagem de marcação, para transmitir documentos formatados através da rede - HTML.
  • 25.
    HTTP ● HTTP significaHyperText Transfer Protocol - Protocolo de Transferência de Hipertexto. ● O HTTP é o protocolo usado para a transmissão de dados no sistema World-Wide Web. ● Cada vez que você aciona um link, seu browser realiza uma comunicação com um servidor da Web através deste protocolo.
  • 26.
    URL ● O sistemade endereçamento da Web é baseado em uma sintaxe chamada URI ( Universal Resource Identifier - Identificador Universal de Recursos). ● Os endereços que utilizamos atualmente são os URL s, que seguem essa sintaxe. ● URL significa Uniform Resource Locator - Localizador Uniforme de Recursos. ● Um exemplo de URL é: – http://www.icmc.usp.br/ensino/material/html/url.html
  • 27.
    URL ● Esse endereçoidentifica: – o protocolo de acesso ao recurso desejado ( http ), – a máquina a ser contactada ( www.icmc.usp.br ), – o caminho de diretórios até o recurso ( ensino/material/html/ ), e - o recurso (arquivo) a ser obtido ( url.html ). ● Através de URL s também acionamos programas (scripts), enviamos parâmetros para esses programas, etc.
  • 28.
    HTML ● HTML significa HyperTextMarkup Language - Linguagem de Marcação de Hipertexto. ● Não é possível programar em linguagem HTML , pois ela é simplesmente uma linguagem de marcação: ela serve para indicarmos formatações para textos, inserir imagens e ligações de hipertexto. ● Os browsers são os responsáveis por identificar as marcações em HTML e apresentar os documentos conforme o que foi especificado por essas marcações.