Conceitos Básicos
Curso Técnico Subsequente em Informática
Disciplina: WebDesign
Professora: Carina Farias
Internet
 Nome dados à rede mundial que interconecta
diversos dispositivos computacionais:
computadores, notebooks, celulares, tablets, TVs,
etc.
 É a união de diversas redes particulares de
computadores em uma rede única e integrada,
mas descentralizada.
Como Surgiu?
 A partir de pesquisas militares, no auge da Guerra
Fria, na década de 60.
 Proteção da informação através da descentralização.
 ARPANET (Advanced Research Projects Agency
Network).
 Acesso restrito a militares e pesquisadores.
 Nas décadas de 70 e 80 se tornou um importante
meio de comunicação para estudantes e professores
universitários.
 Somente na década de 90 alcançou a população em
geral.
WWW ou Web
 Web e Internet não são a mesma coisa.
 Web é apenas um dos muitos serviços oferecidos
pela internet.
 Permite ao usuário acessar uma infinidade de
conteúdos através da Internet.
 A WWW (World Wide Web – Rede de Alcance
Mundial) ou simplesmente Web, é um sistema de
documentos contendo diferentes mídias (textos,
sons, imagens, vídeos e outras animações digitais)
disponíveis na Internet.
Página Web, Webpage ou Home Page
 Um arquivo contendo texto, imagens, tabelas,
vídeos e outras mídias.
 Possui ligações de hipertexto que permitem a
navegação de uma página, ou seção, para outra.
 Hipertexto:
Termo criado para denominar a forma de
escrita/leitura não linear.
Permite ao leitor decidir o rumo a seguir na leitura.
Hipertexto
 Termo criado para denominar a forma de
escrita/leitura não linear.
 Sistema para visualização de informação onde os
documentos possuem ligações (links ou hiperlinks),
que permitem chegar a outros documentos.
 Permite ao leitor decidir o rumo a seguir na leitura.
 Qualquer documento pode levar a outro documento
disponível na rede, criando uma malha de
informações em torno do planeta, dando origem ao
nome World Wide Web.
Site
 Coleção de páginas web relacionadas entre si
disponíveis na web.
 Um site costuma incluir uma página principal, ou
inicial, geralmente denominada index.html.
Site ou Aplicação Web?
 A distinção entre os termos é um tanto quanto subjetiva.
 A classificação pode ser feita quanto ao grau de
interatividade com usuários ou quanto ao propósito.
 Sites são menos interativos enquanto aplicações são mais
interativas.
 Sites têm o propósito de divulgar informações, enquanto
aplicações controlam atividades administrativas da empresa.
 Geralmente usa-se o termo site para blogs, portais de
notícias, portais institucionais, lojas virtuais, etc.
 Já a denominação aplicação web é normalmente usada
para designar sistemas de gestão empresarial acessados
através de navegadores ou browsers.
Como Funciona a Web?
 Baseia-se na arquitetura denominada Cliente-
Servidor.
 Cliente é o programa utilizado para visualizar as
páginas web.
 Servidor é a máquina responsável por armazenar e
dar acesso aos conteúdos da rede.
 O cliente solicita um arquivo a um servidor. Se a
informação solicitada estiver realmente
armazenada neste servidor, o documento é
enviado ao cliente.
Cliente
 O programa cliente da web chamado de navegador ou
browser.
 É um programa capaz de exibir os conteúdos na tela
do dispositivo utilizado pelo usuário.
 Dispositivos podem ser computadores, notebooks,
smartphones, tablets, TVs, etc.
 É o meio que permite o acesso a qualquer site na
internet.
 Existe uma grande diversidade de navegadores.
Exemplos: Google Chrome, Mozilla Firefox, Opera,
Microsoft Edge, Safari, etc.
Servidor
 Servidor web (servidor de hospedagem) é um
computador de alta capacidade de
armazenamento e banda de acesso, conectado
permanentemente à Internet, cuja função é
armazenar os sites e disponibilizar os dados
armazenados aos usuários.
Endereços IPs
 Cada computador conectado à Internet, tanto
clientes quanto servidores, possuem um endereço
único, denominado IP (Internet Protocol), que o
identifica em qualquer lugar do mundo.
 Esse endereço é atribuído às maquinas clientes no
momento do acesso à Internet, e podem mudar a
cada nova conexão.
 Já os servidores, possuem IPs fixos, que são
relacionados a nomes, chamados domínios, para
facilitar o acesso.
Domínio
 É um nome que serve para localizar e
identificador um computador, ou conjunto de
computadores, na Internet.
 Foi criado para facilitar a memorização dos
endereços dos computadores na Internet.
 Sem ele, seria necessário memorizar o endereço
IP do servidor para ter acesso ao conteúdo
desejado.
Domínio
 Os domínios são compostos dos seguintes itens:
 formato.nome.categoria.localidade
 Exemplo: www.google.com.br
 O formato mais comum é www, indica que o
domínio provém de um site. Outros formatos
disponíveis são FTP (transferência de arquivos),
WAP (exclusivo para dispositivos móveis), etc.
 Nome, geralmente é o nome da empresa, ou o
objetivo do domínio.
Domínio
 A categoria mais comum é com, indicando um
domínio de atividades comerciais, mas outras
estão disponíveis:
 edu: entidades de ensino
 gov: entidades do governo
 ind: indústrias
 Localidade representa país para o qual o site foi
criado.
Como Funciona a Web
 O funcionamento da Web baseia-se em 03
padrões:
 Um protocolo para 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
 HyperText Transfer Protocol – Protocolo de
Trasferência de Hipertexto.
 É o protocolo utilizado para a transferência de
dados entre servidores e clientes na web.
URL
 Uniform Resource Locator – Localizador padrão de recursos.
 Muitas vezes a URL é também chamada de link.
 É o endereço de um recurso na Internet, sendo possível, através
dele, indicar a localização do recurso e o protocolo usado para
acessá-lo.
 Exemplo:
 http://www.ifba.edu.br/ensino/index.html
 O endereço especifica:
 O protocolo de acesso ao recurso (HTTP).
 A máquina onde está o recurso (www.ifba.edu.br).
 O caminho de diretórios até o recurso (ensino/).
 O recurso a ser obtido (index.html).
HTML
 HyperText Markup Language – Linguagem de Marcação
de Hipertexto.
 Linguagem utilizada para construção de páginas Web.
 Possibilita:
 Criar documentos com textos, tabelas, listas, imagens etc.
 Incluir sons, vídeos e outras aplicações no documento.
 Projetar formulários para conduzir transações como: compras de
produtos, reservas em hotéis, busca por informações, etc.
 Usa marcações específicas (tags) para dizer ao navegador como
exibir um documento.

WebDesign - Aula01 - Introdução à Internet.pptx

  • 1.
    Conceitos Básicos Curso TécnicoSubsequente em Informática Disciplina: WebDesign Professora: Carina Farias
  • 2.
    Internet  Nome dadosà rede mundial que interconecta diversos dispositivos computacionais: computadores, notebooks, celulares, tablets, TVs, etc.  É a união de diversas redes particulares de computadores em uma rede única e integrada, mas descentralizada.
  • 3.
    Como Surgiu?  Apartir de pesquisas militares, no auge da Guerra Fria, na década de 60.  Proteção da informação através da descentralização.  ARPANET (Advanced Research Projects Agency Network).  Acesso restrito a militares e pesquisadores.  Nas décadas de 70 e 80 se tornou um importante meio de comunicação para estudantes e professores universitários.  Somente na década de 90 alcançou a população em geral.
  • 4.
    WWW ou Web Web e Internet não são a mesma coisa.  Web é apenas um dos muitos serviços oferecidos pela internet.  Permite ao usuário acessar uma infinidade de conteúdos através da Internet.  A WWW (World Wide Web – Rede de Alcance Mundial) ou simplesmente Web, é um sistema de documentos contendo diferentes mídias (textos, sons, imagens, vídeos e outras animações digitais) disponíveis na Internet.
  • 5.
    Página Web, Webpageou Home Page  Um arquivo contendo texto, imagens, tabelas, vídeos e outras mídias.  Possui ligações de hipertexto que permitem a navegação de uma página, ou seção, para outra.  Hipertexto: Termo criado para denominar a forma de escrita/leitura não linear. Permite ao leitor decidir o rumo a seguir na leitura.
  • 6.
    Hipertexto  Termo criadopara denominar a forma de escrita/leitura não linear.  Sistema para visualização de informação onde os documentos possuem ligações (links ou hiperlinks), que permitem chegar a outros documentos.  Permite ao leitor decidir o rumo a seguir na leitura.  Qualquer documento pode levar a outro documento disponível na rede, criando uma malha de informações em torno do planeta, dando origem ao nome World Wide Web.
  • 7.
    Site  Coleção depáginas web relacionadas entre si disponíveis na web.  Um site costuma incluir uma página principal, ou inicial, geralmente denominada index.html.
  • 8.
    Site ou AplicaçãoWeb?  A distinção entre os termos é um tanto quanto subjetiva.  A classificação pode ser feita quanto ao grau de interatividade com usuários ou quanto ao propósito.  Sites são menos interativos enquanto aplicações são mais interativas.  Sites têm o propósito de divulgar informações, enquanto aplicações controlam atividades administrativas da empresa.  Geralmente usa-se o termo site para blogs, portais de notícias, portais institucionais, lojas virtuais, etc.  Já a denominação aplicação web é normalmente usada para designar sistemas de gestão empresarial acessados através de navegadores ou browsers.
  • 9.
    Como Funciona aWeb?  Baseia-se na arquitetura denominada Cliente- Servidor.  Cliente é o programa utilizado para visualizar as páginas web.  Servidor é a máquina responsável por armazenar e dar acesso aos conteúdos da rede.  O cliente solicita um arquivo a um servidor. Se a informação solicitada estiver realmente armazenada neste servidor, o documento é enviado ao cliente.
  • 10.
    Cliente  O programacliente da web chamado de navegador ou browser.  É um programa capaz de exibir os conteúdos na tela do dispositivo utilizado pelo usuário.  Dispositivos podem ser computadores, notebooks, smartphones, tablets, TVs, etc.  É o meio que permite o acesso a qualquer site na internet.  Existe uma grande diversidade de navegadores. Exemplos: Google Chrome, Mozilla Firefox, Opera, Microsoft Edge, Safari, etc.
  • 11.
    Servidor  Servidor web(servidor de hospedagem) é um computador de alta capacidade de armazenamento e banda de acesso, conectado permanentemente à Internet, cuja função é armazenar os sites e disponibilizar os dados armazenados aos usuários.
  • 12.
    Endereços IPs  Cadacomputador conectado à Internet, tanto clientes quanto servidores, possuem um endereço único, denominado IP (Internet Protocol), que o identifica em qualquer lugar do mundo.  Esse endereço é atribuído às maquinas clientes no momento do acesso à Internet, e podem mudar a cada nova conexão.  Já os servidores, possuem IPs fixos, que são relacionados a nomes, chamados domínios, para facilitar o acesso.
  • 13.
    Domínio  É umnome que serve para localizar e identificador um computador, ou conjunto de computadores, na Internet.  Foi criado para facilitar a memorização dos endereços dos computadores na Internet.  Sem ele, seria necessário memorizar o endereço IP do servidor para ter acesso ao conteúdo desejado.
  • 14.
    Domínio  Os domíniossão compostos dos seguintes itens:  formato.nome.categoria.localidade  Exemplo: www.google.com.br  O formato mais comum é www, indica que o domínio provém de um site. Outros formatos disponíveis são FTP (transferência de arquivos), WAP (exclusivo para dispositivos móveis), etc.  Nome, geralmente é o nome da empresa, ou o objetivo do domínio.
  • 15.
    Domínio  A categoriamais comum é com, indicando um domínio de atividades comerciais, mas outras estão disponíveis:  edu: entidades de ensino  gov: entidades do governo  ind: indústrias  Localidade representa país para o qual o site foi criado.
  • 16.
    Como Funciona aWeb  O funcionamento da Web baseia-se em 03 padrões:  Um protocolo para 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).
  • 17.
    HTTP  HyperText TransferProtocol – Protocolo de Trasferência de Hipertexto.  É o protocolo utilizado para a transferência de dados entre servidores e clientes na web.
  • 18.
    URL  Uniform ResourceLocator – Localizador padrão de recursos.  Muitas vezes a URL é também chamada de link.  É o endereço de um recurso na Internet, sendo possível, através dele, indicar a localização do recurso e o protocolo usado para acessá-lo.  Exemplo:  http://www.ifba.edu.br/ensino/index.html  O endereço especifica:  O protocolo de acesso ao recurso (HTTP).  A máquina onde está o recurso (www.ifba.edu.br).  O caminho de diretórios até o recurso (ensino/).  O recurso a ser obtido (index.html).
  • 19.
    HTML  HyperText MarkupLanguage – Linguagem de Marcação de Hipertexto.  Linguagem utilizada para construção de páginas Web.  Possibilita:  Criar documentos com textos, tabelas, listas, imagens etc.  Incluir sons, vídeos e outras aplicações no documento.  Projetar formulários para conduzir transações como: compras de produtos, reservas em hotéis, busca por informações, etc.  Usa marcações específicas (tags) para dizer ao navegador como exibir um documento.