SlideShare uma empresa Scribd logo
Programaçã
o
Web
Responsiva
Professor Me. Aucionio Miranda
Email: prof.aucioniomiranda@gmail.com
Hom
e
Next
Contatc
t
About
us
1
Introduçã
o
Hom
e
Next
Contatc
t
About
us
O que é
internet
O que chamamos de
Internet é um conjunto de
recursos (programas e
equipamentos) interligados.
Entre esses recursos estão o
seu celular ou computador,
e também as redes de
várias universidades,
empresas e setores
governamentais.
Next
O que é
internet
UMA GRANDE REDE SEM CENTRO
Uma ideia fundamental que
deu origem à Internet foi a
criação de uma rede de
computadores que não
dependesse de um
computador central para
funcionar.
Next
Hom
e
Next
Contatc
t
About
us
A Internet é um sistema global de redes
de computadores interligadas que
utilizam um conjunto próprio de
protocolos (TCP/IP) com o
propósito de servir progressivamente
usuários no mundo inteiro.
Obs: a Internet também é conhecida como rede
pública ou rede externa.
Você já parou para pensar como todas essas
informações circulam nessa imensa rede?
Como, diariamente, milhões de pessoas, em seus
equipamentos, conseguem trocar informações, em
altíssima velocidade? Você sabia que, ao enviar uma
mensagem, no seu WhatsApp, primeiro ela é enviada
ao servidor dessa rede, lá nos EUA, para depois ser
encaminhada
ao
destinatário? Tudo isso graças a
uma grande estrutura física que
oferece suporte a
tais
operações,
uma espécie de
espinha
dorsal da
Internet
Assinale a alternativa que apresenta o termo
que corresponde a uma espécie de espinha
dorsal da Internet, na qual as informações
circulam entre os computadores
interconectados e cuja estrutura física
pode ser compreendida por
cabos de fibra óptica intercontinentais, tanto
aéreos quanto submarinos.
a
b
c
d
e
Backbone
Broadcastin
g
VPN (Virtual Private
Network) WAN (Wide Area
Network)
BackBone
No contexto de redes de computadores, o backbone
(espinha dorsal), na Internet, significa um meio de
transferência de dados de alta capacidade e em alta
velocidade, ao longo de centenas ou milhares de
quilômetros. Essa rede também é a responsável pelo
envio e pelo recebimento de
dados que ocorrem entre as
cidades brasileiras ou destas
para outros países.
Internet
BackBone
A interligação pode ser feita tanto por meio de
cabos de fibra óptica aéreos e submarinos
quanto por satélites.
Internet
Apesar de a Internet ser uma rede
mundial de acesso amplo e gratuito, os
usuários domésticos a utilizam por meio
de algum provedor de acesso, isto
é, uma empresa privada que cobra
pelo acesso ao serviço.
Hom
e
CERTO ERRADO
Contatc
t
About
us
A Internet foi projetada para ser
altamente tolerante a falhas, de modo a
manter a transmissão do tráfego,
mesmo no caso de ataques nucleares
em várias partes da rede de
computadores.
Hom
e
CERTO ERRADO
Contatc
t
About
us
Qual o principal
objetivo da
internet?
Next
Hom
e
Contatc
t
About
us
INTERNET
Video
sob
demand
a
Redes sociais
E-Reader
Busca
E-mail
Transport
e
Nuvem
Computaciona
l
Dee
p
Web
EAD
Wik
i
Voip
Blo
g
Entre as ferramentas necessárias para o
uso da Internet estão os browsers.
Hom
e
Contatc
t
About
us
CERTO ERRADO
Em português, significa “rede de alcance
mundial”, também conhecida como “web” e
“www”. Trata-se de um sistema de documentos
em hipermídia, interligados e executados na
Internet. Os documentos podem estar na
forma de vídeos, sons, hipertextos e figuras.
Todas as páginas que acessamos via
navegadores
(browsers)e através de
buscas
no
Google
WWW – World Wide
Web:
A World Wide Web, www, ou
simplesmente Web, é um:
conjunto de protocolos
HTTP
sinônimo de Internet
sistema de
hipertexto
a
b
c
d
e
web browser para interagir com páginas
web
servidor web responsável por aceitar os
pedidos HTTP e respondê-los
A Internet é uma rede mundial de
computadores que possibilita o
acesso, por meio de um navegador, a
páginas web que estejam localizadas
nos mais diversos pontos do planeta;
Internet e WWW, portanto, são
termos que podem ser considerados
sinônimos.
Hom
e
CERTO ERRADO
Contatc
t
About
us
Com o surgimento da WWW (World
Wide Web), o acesso a arquivos de
conteúdo apenas textual evoluiu para
arquivos que agregam diversos
formatos, com destaque para os
documentos hipermídia, que são a
união de hipertexto com multimídia,
ou seja, textos com links, imagens,
sons, vídeos, entre outros recursos.
Hom
e
CERTO ERRADO
Contatc
t
About
us
Interne
t
Extranet
Intrane
t
Next
Intranet
na Internet, TCP/IP.
A Intranet é uma rede de
computadores privada que se assenta
sobre a suíte de protocolos da Internet,
porém, de uso exclusivo de
determinado local.
Apesar de seu uso interno, que permite
o acesso a dados corporativos, a Intranet
também possibilita que computadores
localizados em uma filial, desde que
conectados à Internet com uma senha,
acessem conteúdos que estejam na sua
matriz.
EXEMPLO
A rede de uma empresa, que só pode ser acessada pelos seus
utilizadores ou colaboradores internos, na qual são utilizados
os mesmos programas e protocolos de comunicação
ExtraNET
Rede de computadores que permite acesso externo
controlado, para negócios específicos ou propósitos
educacionais. Em um contexto de business-to-business,
uma Extranet também pode ser vista como parte
da empresa que é estendida a usuários externos
(“rede extraempresa”), tais como representantes e
clientes.
comum do termo Extranet refere-se
à
Outro uso
designação da “parte privada” de um site, em que
somente “usuários registrados” podem navegar,
previamente autenticados por sua senha (login).
As organizações cada vez mais utilizam as facilidades tanto
da Internet quanto da Intranet para receber e passar
informações. A respeito dessas duas formas de organização
dos computadores em rede, é correto afirmar que:
geralmente, na Intranet, o acesso é restrito a determinado
público
computadores que utilizam Intranet não têm acesso à
Internet
a
b
c
somente na Internet é possível realizar a troca de
informações
por meio de mensagens
d o caráter corporativo da Intranet impede a inserção de
vídeos
nos conteúdos
e computadores que usam Intranet devem estar
instalados no mesmo edifício
Como funciona
a WEB?
Next
Hom
e
Contatc
t
About
us
Cliente e servidores
Computadores conectados à web são chamados clientes e
servidores. Um diagrama simplificado de como eles
interagem pode ter essa aparência:
Clientes são os típicos
dispositivos conectados à
internet dos usuários da
web e programas de
acesso à Web disponíveis
nesses dispositivos
Servidores são computadores que
armazenam páginas, sites ou
aplicativos. Quando o dispositivo de
um cliente quer acessar uma
página, uma cópia dela é baixada
do servidor para a máquina do
cliente para ser apresentada no
navegador web do usuário.
Cliente e servidores
vamos imaginar que a web é uma estrada. Em um extremo
da estrada, temos o cliente, que é como sua casa.
No extremo oposto, temos o servidor, que é como uma
loja onde você quer comprar algo.
Sua conexão de
Internet: permite que você
mande e receba dados na
web. É basicamente como a
rua entre sua casa e a loja.
TCP/IP: são protocolos de comunicação que definem como os
dados trafegam pela web. São como os mecanismos de
transporte que te permitem ir ao shopping, fazer um pedido e
comprar seus produtos. Em nosso exemplo, é como um carro
ou uma bicicleta (ou qualquer outra coisa que você possa usar)
Cliente e servidores
HTTP: Protocolo de
Transferência de Hypertexto
(Hypertext Transfer Protocol)
é um protocolo de
aplicação que define uma
linguagem para clientes e
servidores se comunicarem
entre si. É como a linguagem
que você usa para
encomendar seus produtos.
DNS: São como um catálogo de endereços para sites. Quando você
digita um endereço web no seu navegador, o navegador procura
no servidor de DNS para localizar o endereço real do site, antes
que ele possa recuperar o site. O navegador precisa encontrar em
qual servidor web a página está hospedada para que ele possa
mandar mensagens HTTP ao lugar certo
Cliente e servidores
● Arquivos de Código: os sites são feitos principalmente
de
HTML, CSS e JavaScript.
Arquivos componentes: um website é feito de muitos arquivos
diferentes, que são como as diferentes partes dos produtos que
você comprou na loja. Esses arquivos são divididos em dois
tipos principais:
● Recursos: esse é o nome
coletivo para todas as
outras coisas que
compõem um site, como
imagens, música, vídeos,
documentos do Word e
PDFs
Quando digitamos um endereço da web no seu navegador
(pela nossa analogia é como ir andando até a loja):
DNS
O navegador vai para o
servidor de DNS e encontra o
endereço verdadeiro de onde o
site está hospedado (você
encontra o endereço da loja)
Response
Se o servidor aprovar a
requisição do cliente, o
servidor enviará ao cliente
uma mensagem "200
OK“.
Acesso
O navegador monta os
pequenos pedaços em
um site completo e o
mostra a você
HTTP
O navegador manda uma
mensagem de requisição
HTTP para o servidor,
pedindo que envie uma
cópia do site ao cliente
Next
Hom
e
Next
Contatc
t
About
us
A WEB
gráfic
a
Qual a
importância
do
ambiente
gráfico na
Web
Para Pesquisar e
discutir
Next
Programaçã
o
Web
Responsiva
Professor Me.: Henrique
Miller
Email:
henriquemiller123@gmail.com
Hom
e
Next
Contatc
t
About
us

Mais conteúdo relacionado

Semelhante a AULA 01 - WEB RESPONSIVA - 12-02-2025.pptx (20)

PDF
Apostila básica sobre internet
andremarcioneumann
 
PDF
Noesde internetexplorer
fabiojuniorpantoja
 
PPTX
Conceitos relacionados à internet
wisley2017
 
PPTX
Apresentação INTERNET
henriquecorreio
 
PPTX
Power point aps 05 pronto
julia santana
 
PPTX
Slide Internet
Narley Junio Pereira
 
DOCX
Ana carreira
anacarreira2
 
PPTX
Internet
Rita Galrito
 
PDF
Informática complemento
1256445
 
DOCX
Tecnologias de informação e comunicação
telmaberto
 
DOCX
Tecnologias de informação e comunicação
telmaberto
 
PPTX
WebDesign - Aula01 - Introdução à Internet.pptx
GabrielaMota46
 
PDF
Internet v1 [modo de compatibilidade]
navegananet
 
DOC
Intranet & extranet
rosemerepfarias1
 
PPTX
Internet – primeira aula
Carine Furlanetto
 
PPT
Rede mundial de computadores
Clayton de Almeida Souza
 
PPT
Ferramentas Web 2.0
Silvia Pereira
 
PPTX
Trabalho de informatica slide
Lalleska Brandão
 
PDF
Html - Capitulo 02
Alvaro Gomes
 
PPTX
Internet
Mateus Nogueira
 
Apostila básica sobre internet
andremarcioneumann
 
Noesde internetexplorer
fabiojuniorpantoja
 
Conceitos relacionados à internet
wisley2017
 
Apresentação INTERNET
henriquecorreio
 
Power point aps 05 pronto
julia santana
 
Slide Internet
Narley Junio Pereira
 
Ana carreira
anacarreira2
 
Internet
Rita Galrito
 
Informática complemento
1256445
 
Tecnologias de informação e comunicação
telmaberto
 
Tecnologias de informação e comunicação
telmaberto
 
WebDesign - Aula01 - Introdução à Internet.pptx
GabrielaMota46
 
Internet v1 [modo de compatibilidade]
navegananet
 
Intranet & extranet
rosemerepfarias1
 
Internet – primeira aula
Carine Furlanetto
 
Rede mundial de computadores
Clayton de Almeida Souza
 
Ferramentas Web 2.0
Silvia Pereira
 
Trabalho de informatica slide
Lalleska Brandão
 
Html - Capitulo 02
Alvaro Gomes
 
Internet
Mateus Nogueira
 

Mais de GLAUCECARVALHO4 (9)

PPTX
01 aula - Introdução a Topicos em Ambiente WEB 01.pptx
GLAUCECARVALHO4
 
PPTX
01 aula - Introdução a Topicos em Ambiente WEB.pptx
GLAUCECARVALHO4
 
PDF
Apostila_PowerBi para estudo iniciante.pdf
GLAUCECARVALHO4
 
PDF
Aula 01 - Introdução ao sistema REDES Teste.pdf
GLAUCECARVALHO4
 
PPTX
Aula 01 - Introdução ao conceito de Rede de computadores.pptx
GLAUCECARVALHO4
 
PPT
Rede de Computadores - Introdução_2025.ppt
GLAUCECARVALHO4
 
PPTX
AULA 01 - Tóp. Ambiente WEB - 10-02-2025.pptx
GLAUCECARVALHO4
 
PPTX
Aula 00 - Apresentação da Disciplina 1.pptx
GLAUCECARVALHO4
 
PPTX
Aula sobre Sistemas Distribuidos Atualizado
GLAUCECARVALHO4
 
01 aula - Introdução a Topicos em Ambiente WEB 01.pptx
GLAUCECARVALHO4
 
01 aula - Introdução a Topicos em Ambiente WEB.pptx
GLAUCECARVALHO4
 
Apostila_PowerBi para estudo iniciante.pdf
GLAUCECARVALHO4
 
Aula 01 - Introdução ao sistema REDES Teste.pdf
GLAUCECARVALHO4
 
Aula 01 - Introdução ao conceito de Rede de computadores.pptx
GLAUCECARVALHO4
 
Rede de Computadores - Introdução_2025.ppt
GLAUCECARVALHO4
 
AULA 01 - Tóp. Ambiente WEB - 10-02-2025.pptx
GLAUCECARVALHO4
 
Aula 00 - Apresentação da Disciplina 1.pptx
GLAUCECARVALHO4
 
Aula sobre Sistemas Distribuidos Atualizado
GLAUCECARVALHO4
 
Anúncio

Último (8)

PPTX
Desenvolvimento-de-Produtos-Inovadores.pptx
ssuser1d7565
 
PPTX
Gestão de Mudanças - O que é e como é implementada
Gateware Group
 
PDF
Certificado em Redes Neurais Artificiais em Python
CaioSilva506151
 
PPTX
Computacao-e-Tecnologias-Digitais-Por-Que-Aprender.pptx
RobertaOliveiradaFon1
 
PDF
Apresentação de Manipulação de strings em Python .pdf
Gabriel Vitor
 
PDF
Explorando o Futuro do Corpo: Implantes Neurais e o Biohacking dos Sentidos
cooperliora
 
PDF
Apresentação sobre Funções Matemáticas e o módulo.pdf
Gabriel Vitor
 
PPTX
Gestão de Mudanças - Fases do processo de mudança organizacional
Gateware Group
 
Desenvolvimento-de-Produtos-Inovadores.pptx
ssuser1d7565
 
Gestão de Mudanças - O que é e como é implementada
Gateware Group
 
Certificado em Redes Neurais Artificiais em Python
CaioSilva506151
 
Computacao-e-Tecnologias-Digitais-Por-Que-Aprender.pptx
RobertaOliveiradaFon1
 
Apresentação de Manipulação de strings em Python .pdf
Gabriel Vitor
 
Explorando o Futuro do Corpo: Implantes Neurais e o Biohacking dos Sentidos
cooperliora
 
Apresentação sobre Funções Matemáticas e o módulo.pdf
Gabriel Vitor
 
Gestão de Mudanças - Fases do processo de mudança organizacional
Gateware Group
 
Anúncio

AULA 01 - WEB RESPONSIVA - 12-02-2025.pptx

  • 1. Programaçã o Web Responsiva Professor Me. Aucionio Miranda Email: prof.aucioniomiranda@gmail.com Hom e Next Contatc t About us
  • 3. O que é internet O que chamamos de Internet é um conjunto de recursos (programas e equipamentos) interligados. Entre esses recursos estão o seu celular ou computador, e também as redes de várias universidades, empresas e setores governamentais. Next
  • 4. O que é internet UMA GRANDE REDE SEM CENTRO Uma ideia fundamental que deu origem à Internet foi a criação de uma rede de computadores que não dependesse de um computador central para funcionar. Next
  • 5. Hom e Next Contatc t About us A Internet é um sistema global de redes de computadores interligadas que utilizam um conjunto próprio de protocolos (TCP/IP) com o propósito de servir progressivamente usuários no mundo inteiro. Obs: a Internet também é conhecida como rede pública ou rede externa.
  • 6. Você já parou para pensar como todas essas informações circulam nessa imensa rede? Como, diariamente, milhões de pessoas, em seus equipamentos, conseguem trocar informações, em altíssima velocidade? Você sabia que, ao enviar uma mensagem, no seu WhatsApp, primeiro ela é enviada ao servidor dessa rede, lá nos EUA, para depois ser encaminhada ao destinatário? Tudo isso graças a uma grande estrutura física que oferece suporte a tais operações, uma espécie de espinha dorsal da Internet
  • 7. Assinale a alternativa que apresenta o termo que corresponde a uma espécie de espinha dorsal da Internet, na qual as informações circulam entre os computadores interconectados e cuja estrutura física pode ser compreendida por cabos de fibra óptica intercontinentais, tanto aéreos quanto submarinos. a b c d e Backbone Broadcastin g VPN (Virtual Private Network) WAN (Wide Area Network)
  • 8. BackBone No contexto de redes de computadores, o backbone (espinha dorsal), na Internet, significa um meio de transferência de dados de alta capacidade e em alta velocidade, ao longo de centenas ou milhares de quilômetros. Essa rede também é a responsável pelo envio e pelo recebimento de dados que ocorrem entre as cidades brasileiras ou destas para outros países. Internet
  • 9. BackBone A interligação pode ser feita tanto por meio de cabos de fibra óptica aéreos e submarinos quanto por satélites. Internet
  • 10. Apesar de a Internet ser uma rede mundial de acesso amplo e gratuito, os usuários domésticos a utilizam por meio de algum provedor de acesso, isto é, uma empresa privada que cobra pelo acesso ao serviço. Hom e CERTO ERRADO Contatc t About us
  • 11. A Internet foi projetada para ser altamente tolerante a falhas, de modo a manter a transmissão do tráfego, mesmo no caso de ataques nucleares em várias partes da rede de computadores. Hom e CERTO ERRADO Contatc t About us
  • 12. Qual o principal objetivo da internet? Next Hom e Contatc t About us
  • 14. Entre as ferramentas necessárias para o uso da Internet estão os browsers. Hom e Contatc t About us CERTO ERRADO
  • 15. Em português, significa “rede de alcance mundial”, também conhecida como “web” e “www”. Trata-se de um sistema de documentos em hipermídia, interligados e executados na Internet. Os documentos podem estar na forma de vídeos, sons, hipertextos e figuras. Todas as páginas que acessamos via navegadores (browsers)e através de buscas no Google WWW – World Wide Web:
  • 16. A World Wide Web, www, ou simplesmente Web, é um: conjunto de protocolos HTTP sinônimo de Internet sistema de hipertexto a b c d e web browser para interagir com páginas web servidor web responsável por aceitar os pedidos HTTP e respondê-los
  • 17. A Internet é uma rede mundial de computadores que possibilita o acesso, por meio de um navegador, a páginas web que estejam localizadas nos mais diversos pontos do planeta; Internet e WWW, portanto, são termos que podem ser considerados sinônimos. Hom e CERTO ERRADO Contatc t About us
  • 18. Com o surgimento da WWW (World Wide Web), o acesso a arquivos de conteúdo apenas textual evoluiu para arquivos que agregam diversos formatos, com destaque para os documentos hipermídia, que são a união de hipertexto com multimídia, ou seja, textos com links, imagens, sons, vídeos, entre outros recursos. Hom e CERTO ERRADO Contatc t About us
  • 20. Next Intranet na Internet, TCP/IP. A Intranet é uma rede de computadores privada que se assenta sobre a suíte de protocolos da Internet, porém, de uso exclusivo de determinado local. Apesar de seu uso interno, que permite o acesso a dados corporativos, a Intranet também possibilita que computadores localizados em uma filial, desde que conectados à Internet com uma senha, acessem conteúdos que estejam na sua matriz. EXEMPLO A rede de uma empresa, que só pode ser acessada pelos seus utilizadores ou colaboradores internos, na qual são utilizados os mesmos programas e protocolos de comunicação
  • 21. ExtraNET Rede de computadores que permite acesso externo controlado, para negócios específicos ou propósitos educacionais. Em um contexto de business-to-business, uma Extranet também pode ser vista como parte da empresa que é estendida a usuários externos (“rede extraempresa”), tais como representantes e clientes. comum do termo Extranet refere-se à Outro uso designação da “parte privada” de um site, em que somente “usuários registrados” podem navegar, previamente autenticados por sua senha (login).
  • 22. As organizações cada vez mais utilizam as facilidades tanto da Internet quanto da Intranet para receber e passar informações. A respeito dessas duas formas de organização dos computadores em rede, é correto afirmar que: geralmente, na Intranet, o acesso é restrito a determinado público computadores que utilizam Intranet não têm acesso à Internet a b c somente na Internet é possível realizar a troca de informações por meio de mensagens d o caráter corporativo da Intranet impede a inserção de vídeos nos conteúdos e computadores que usam Intranet devem estar instalados no mesmo edifício
  • 24. Cliente e servidores Computadores conectados à web são chamados clientes e servidores. Um diagrama simplificado de como eles interagem pode ter essa aparência: Clientes são os típicos dispositivos conectados à internet dos usuários da web e programas de acesso à Web disponíveis nesses dispositivos Servidores são computadores que armazenam páginas, sites ou aplicativos. Quando o dispositivo de um cliente quer acessar uma página, uma cópia dela é baixada do servidor para a máquina do cliente para ser apresentada no navegador web do usuário.
  • 25. Cliente e servidores vamos imaginar que a web é uma estrada. Em um extremo da estrada, temos o cliente, que é como sua casa. No extremo oposto, temos o servidor, que é como uma loja onde você quer comprar algo. Sua conexão de Internet: permite que você mande e receba dados na web. É basicamente como a rua entre sua casa e a loja. TCP/IP: são protocolos de comunicação que definem como os dados trafegam pela web. São como os mecanismos de transporte que te permitem ir ao shopping, fazer um pedido e comprar seus produtos. Em nosso exemplo, é como um carro ou uma bicicleta (ou qualquer outra coisa que você possa usar)
  • 26. Cliente e servidores HTTP: Protocolo de Transferência de Hypertexto (Hypertext Transfer Protocol) é um protocolo de aplicação que define uma linguagem para clientes e servidores se comunicarem entre si. É como a linguagem que você usa para encomendar seus produtos. DNS: São como um catálogo de endereços para sites. Quando você digita um endereço web no seu navegador, o navegador procura no servidor de DNS para localizar o endereço real do site, antes que ele possa recuperar o site. O navegador precisa encontrar em qual servidor web a página está hospedada para que ele possa mandar mensagens HTTP ao lugar certo
  • 27. Cliente e servidores ● Arquivos de Código: os sites são feitos principalmente de HTML, CSS e JavaScript. Arquivos componentes: um website é feito de muitos arquivos diferentes, que são como as diferentes partes dos produtos que você comprou na loja. Esses arquivos são divididos em dois tipos principais: ● Recursos: esse é o nome coletivo para todas as outras coisas que compõem um site, como imagens, música, vídeos, documentos do Word e PDFs
  • 28. Quando digitamos um endereço da web no seu navegador (pela nossa analogia é como ir andando até a loja): DNS O navegador vai para o servidor de DNS e encontra o endereço verdadeiro de onde o site está hospedado (você encontra o endereço da loja) Response Se o servidor aprovar a requisição do cliente, o servidor enviará ao cliente uma mensagem "200 OK“. Acesso O navegador monta os pequenos pedaços em um site completo e o mostra a você HTTP O navegador manda uma mensagem de requisição HTTP para o servidor, pedindo que envie uma cópia do site ao cliente Next