Conteúdo a ser Abordado

O que é a Web ?

Como o site chega no seu computador ?

Como funciona a estrutura de um site ?

Entendendo as Urls
 Web

 Em poucas palavras, a web refere-se a um sistema de

interligação de documentos e recursos, através da internet. Ou
seja é um sistema que possui diversos documentos eletronicos
que podem ter diversos recursos como textos, informações, links
e aplicações automatizadas

 A web é um forma resumida do WWW ( World Wide Web ),

através dela Podemos acessar informações que estão localizadas
em outros computadores e em outras partes do mundo

 A organização da web é feita pela transmissão de hipertexto.

 A linguagem que é escrito as páginas web chama-se HTML

(Linguagem de marcação de HiperTexto)

 O hipertexto é um processo de escrita e leitura eletronica aonde

posso enviar não apenas textos, como imagens, videos, de
forma que eu possa linkar (levar a uma outra página web ou site
através do clique).
 Do Site para o Computador

 A estrutura do Site denonima-se cliente-servidor. Imagine essa

estrutura como um comercio, em que tem um garçom e um
cliente pedindo alguma coisa, A função do Garçom é servir o
cliente, ou seja, tudo que ele pedir, o garçom traz para ele, já o
cliente, apenas pede o que ele deseja. Na estrutura do site é
semelhante a isso, sendo que quando digitamos um Site Web, o
Servidor responsavel por ele (Garçom), tem a função de
conceder Páginas Web para o cliente (Navegador do Cliente),
caso eu precise de outra pagina do mesmo site, eu peço
novamente para ele e ele me concede a outra pagina.

 Quando eu apertar a teclar enter, na url (explicado em outros

capitulos), significa que eu estou pedindo para o servidor
responsavel pelo dominio (Ensinado nos proximos capitulos),
para me dar o arquivo HTML da página inicial, reparem que ele
não me entrega o arquivo do site inteiro, ele apenas me entrega
o arquivo HTML do site inicial
 Do Site Para o computador

 Pronto, carregou a página.

 Nesse processo, o cliente pediu o arquivo HTML e o servidor o

respondeu e o concedeu o Arquivo HTML.

 Caso o servidor estivesse fora do Ar ou o DNS (mostrado mais

a frente), iria aparecer uma mensagem de erro, ao invés do
página HTML
 Do Site para o Computador

 Na maioria dos sites a página inicial é para apenas encaminhar

você ao conteúdo que te interessa. E cada conteudo tem uma
página web própria, e cada pagina tem um caminho especifico
para chegar lá.

 Como eu sei o caminho para chegar numa outra página web ?. A

resposta é, não precisamos decorar o caminho para chegar nessa
página, o link (Levar a um outro lugar através do clique), me
encaminhará para o caminho Desejado.

 Ao clicarmos em EletroDomesticos, o link me encaminhará, a

outra página, então nesse caso, quando eu clico no link, eu estou
na verdade pedindo para o servidor, me concender a página web
desse conteúdo, e se carregar a página e não mostrar erro,
significa que ele me entregou a página HTML
 Do Site para o Computador

 Percebam, que nesse caso, o caminho de

“casasbahia.com.br ...” Acrescentou mais informações, ou
seja, significa que trocamos de página Web.

 O servidor, nesse caso o da “CasasBahia.com.br”, não

armazena a informação de que página eu estou acessando,
de modo que se eu pedir a mesma página novamente, ele
irá me entregar, mesmo eu estando já nela, nesse caso ele
irá agir como se eu não estivesse na página...

 Porém o meu Navegador, que está no meu PC, e não tem

nada a ver com o servidor, ele armazena as páginas mais
recentes que eu acessei. De modo que se eu quiser voltar
uma página anterior, eu não preciso digitar o caminho.
 Do Site para o Computador

 Caso eu clique na seta direcionada para a esquerda, ele irá

acessar a página que antes foi carregada, o meu navegador
armazenou o HTML da pagina anterior, para não ter que pedir
novamente ao servidor. Se o navegador for fechado ele descarta
a página web.

 Vemos que o Conteúdo “Casasbahia.com.br...” mudou

novamente, significando que eu estou em outra página Web.

 E caso eu clique nesse circulo, ele irá me entregar a mesma

página novamente. Nesse caso ele irá pedir para o servidor,
entregar a pagina com o nome “Casasbahia.com.br...”
 Como Funciona a estrutura de um site ?

 Url

 Dominio

 DNS

 HTTP
 URL | Dominio | Dns
 A URL é o caminho para se chegar a um servidor.

 Um servidor nada mais é que um computador que recebe pedidos

e responde, ou seja, a url é o caminho para se achar um
computador.

 No termo das redes, um servidor é apenas localizado por meio de

um endereço IP (um protocolo para se achar um computador), e
esse protocolo constitui-se em 4 bytes (x.x.x.x), então para cada
site, não página Web, mas, sim, site, eu precisaria decorar os 4
bytes, para se chegar no site.

 Faça o Teste e digite esses numeros na sua casa, você verá que
irá te direcionar ao site do google..

 Pois, bem, então aprendemos que para se chegar a um site,

temos que utilizar o IP do Servidor responsavel por aquele site.
 Url | Dominio | Dns

 Então porque, no topico anterior, para acessar o site da Casas

Bahia, eu digitei apenas o nome Casas Bahia e não o endereço IP
do servidor dela ?

 O que acontece, é que o ser humano é péssimo para decorar

números, imagine que para cada site que ele acessa, ele terá q
decorar o endereço IP daquele site, ele iria desistir na hora.

 E para resolver a fragilidade humana com os números, criaram o

DNS e o Dominio

 O DNS é um sistema que traduz endereços IPs para um nome, ou

seja, quando eu estou digitando o site “google.com”, na verdade
eu estou digitando “172.217.29.4”. O dns facilita a nossa vida
pois agora não precisamos decorar o IP do servidor, só
precisamos decorar o nome em que o IP está asssociado.

 Esse nome associado ao IP chama-se Dominio, ou, seja, o DNS

faz a ligação entre o Dominio e o IP, e traduz um pelo outro.

 Os dominio tem que ser único e exclusivo, para que quando voce
digitar o nome associado, não apareça o servidor errado, ou seja,
a maioria dos sites, compraram aquele nome associado, pois eles
tem que ser exclusivos.
 Url | Dominio | Dns

 Estrutura da URL:
https://www.google.com.br

 HTTPS:// iremos falar mais a frente nesse tópico

 www -> Sintaxe da Web (caso voce não digite isso numa URL,
não terá problema, pois os navegadores, auto implementa essa
sintaxe...)

 “.” -> Separar por (sintaxe, dominio, categoria)

 Google -> Dominio

 Com - > Categoria do dominio (TLD), por exemplo, o governo

pode ter um site chamado ww.Tse.gov.br, ou seja, é
divido por categoria.

 EX de Categoria:

 .Com -> Site comercial

 .Gov -> Site governamental
 .Org -> Site organizacional
 .edu -> site educacional
Etc..
 Url | Dominio | Dns

 Normalmente o TLD tem 3 letras

 “.com” significa site comercial, porém, pode haver um site com o

TLD “.com” que não seja comercial, como o “.com” se
popularizou muito, acaba perdendo essa finalidade, pois, a
maioria dos sites usam o TLD “.com”

 .br -> (opcional), determina o país de origem do domínio

 Exercicio:

 Qual é a sintaxe da web, o Dominio e a categoria do dominio ?

 Resposta: sintaxe -> www | dominio -> instagram | TLD -> com
 Url | Dominio | Dns | HTTP

 Quando digitamos a url do site, vemos algo escrito “HTTP” ou

“HTTPS” o que significa ?

 HTTP é um protocolo de aplicação (assunto de redes), em que a

Web trabalha. Resumidamente o http é um meio de
comunicação entre o cliente e o servidor, porém o http não é
recomendado, pois, ele não é criptografado, ou seja, a
comunicação pode ser interceptada e podem ter os dados
vazados, http é um procotolo sem segurança.

 O HTTPs veio como uma solução para esse problema do HTTP, ou

seja, o HTTPS, é o HTTP com criptografia, esse protocolo permite
que você troque dados, com segurança.

 Como eu sei se um site está seguro ou não ?. Você pode

visualizar se o HTTPS está na sua URL.

 Caso você não veja, dê um duplo clique na URL

 Url

 Quando digitamos um site, vemos o nosso navegador, carregar

uma página inicial.

 Mas como o servidor sabe quando enviar uma página especifica

ou uma pagina inicial ?

 Como sabemos, o servidor é nada mais é que um computador,

com um software de servidor, e o cliente é um computador com
um software de cliente. O servidor possui pastas, como todo
computador tem. Quando digitamos a URL, depois que digitamos
temos que acrescentar uma “/” no final da URL. Porque ?, pois
quando digitamos a barra no final da URL, estamos pedindo
pastas dentro do servidor.

 E cada pasta, tem um arquivo HTML, então na verdade quando

clicamos num link na página inicial, estamos na verdade
navegando por outra pastas daquele site.
 O que Acontece quando digitamos uma URL de um site é que na
verdade estamos navegando numa pasta de computador. apenas
ela não mostra na URL.

 Já pensou se nós tivessemos que decorar cada pasta de um site,

para saber a pagina inicial ?. Para facilitar a vida de nós
Usuarios, eles nomeiam a pasta da pagina inicial de “ ”, sim, ou
seja, eles nomeiam de caractere vazio, assim eu não preciso
digitar o caminho da pasta inicial

 Esse “/” não está sem nome ,está na verdade com caractere
vazio, e essa pasta “ ”, está o arquivo HTML da página inicial.

Página Inicial:

Pagina qualquer:

 O caractere vazio é apenas para a página inicial, as outras estão

nomeiadas.

 Quando é a página inicial nem precisamos digitar o “/” na url,

pois o navegador já entende que é a página inicial.
 Assim como no Computador as pastas tem hierarquias, de modo
que eu não consigo entrar na pasta que eu quero sem entrar na
pasta pai

 Caso eu queira entrar na pasta Programação, eu tenho primeiro

que está dentro da pasta Desktop, e na pasta desktop tenho que
entrar na pasta Kelvin, e na pasta Kelvin tenho que entrar na
pasta T.I, para ai sim entrar na pasta programação.

 Nesse caso para entrarmos numa pasta especifica de um site,

temos que atentar a sua hierarquia:

 Nesse caso para podermos está na pasta refrigeradores, primeiro

temos que digitar as pastas pais, ou sejam,
“/c/eletrodomesticos/” depois a pasta que eu quero
“/c/eletrodomesticos/refrigeradores”

 A pagina inicial é a unica que o usuario digita na url, pois, as

outras somos redirecionados através de links.