Programação para a Web - I. José Humberto da Silva Soares

Tamanho: px

Começar a partir da página:

Download "Programação para a Web - I. José Humberto da Silva Soares"

Wilson Bernardes Rios
10 Há anos
Visualizações:

1 Programação para a Web - I José Humberto da Silva Soares

2 Fundamentos de Internet Rede Mundial de Computadores; Fornece serviços, arquivos e informações; Os computadores que têm os recursos são chamados de servidores, e os que os acessam são os clientes;

3 Fundamentos de Internet

4 Fundamentos de Internet O hipertexto é a tecnologia mais utilizada hoje na internet, a qual dá acesso a maioria da informação disponível na Web; É um texto, mas que é interligado com outros textos, de diferentes páginas. Se acionado, lhe leva para outro lugar da Internet; Para funcionar, depende de outra tecnologia, chamada HTTP, que promove as ligações das informações entre os vários pontos interligados da internet; O Hipertexto está presente em arquivos entregues pelo HTTP, que contêm um código chamado HTML (Hipertext Markup Language).

Se acionado, lhe leva para outro lugar da Internet; Para funcionar, depende de outra tecnologia, chamada HTTP, que promove as ligações

5 Conhecendo o HTTP

6 HTTP HyperText Transfer Protocol Protocolo de Transferência de Hipertexto; Utilizado na transferência de dados e comunicação entre um computador cliente e outro servidor; Transfere arquivos html, mas pode trabalhar com qualquer outro tipo.

comunicação entre um computador cliente e outro servidor;

7 HTTP Basicamente, o HTTP é utilizado quando endereço/recurso da web é solicitado; Essa solicitação é ativada através do mecanismo de URI; A URI serve para dizer que um recurso da web é acessivel através de uma sequência de palavras.

ativada através do mecanismo de URI; A URI serve para

8 HTTP URI (Universal Resource Identifier ou Identificador Universal de Recurso); URL (Universal Resource Locator ou Localizador Uniforme de Recursos); A URL é um tipo de URI, que oferece uma maneira conveniente de acessar um site ou um recurso seu, digitado ou via hiperlink; Sintaxe de um URL: protocolo://máquina/caminho/recurso

tipo de URI, que oferece uma maneira conveniente de acessar um site ou um recurso

9 HTTP - Funcionamento

10 WWW

11 WWW World Wide Web (Grande Teia Mundial); Redes de computadores formadas por materiais hipermídias; Os documentos hipermídia dão a cara da WWW, pois são interligados, ou seja, através de um é possível acessar vários outros, não necessariamente no mesmo lugar.

a cara da WWW, pois são interligados, ou seja, através de um é

12 WWW O objetivo da WWW é de justamente permitir que ocorra essa interação, entre os vários documentos disponíveis na Internet. Podem estar na forma de vídeos, sons, textos (e hipertexto) e imagens. Tim Berners-Lee, no CERN, Suíça, entre 1980 à 1991.

13 WWW - Funcionalidade Para que haja a WWW, são necessárias as seguintes tecnologias: URI - sistema que diz como cada recurso recebe um "endereço" único, onde possa ser acessado. HTTP, protocolo de comunicação e transferência de dados que especifica como se dará a comunicação entre o navegador e servidor web. HTML, uma linguagem de marcação de hipertexto, que diz como um visualizador de páginas (navegador), deve exibir o seu conteúdo.

HTTP, protocolo de comunicação e transferência de dados que especifica como se dará a comunicação entre o

14 WWW - Funcionamento Acesso a uma página na WWW: Solicitação da mesma via URL ou hiperlink; Navegador solicita o IP do site (parte da URL); Pilha TCP/IP do cliente e do servidor de DNS acionadas; Contato com DNS Resolução de nomes; Retorno: IP do site, para o navegador; Navegador usa o HTTP para se comunicar com o servidor, usando o IP descoberto. Servidor responde com o arquivo/recurso solicitado, se estiver disponível.

DNS Resolução de nomes; Retorno: IP do site, para o navegador; Navegador usa o HTTP para se comunicar com

15 WWW - Tecnologias Navegador (1º, WorldWideWeb, de texto. Mosaic, 1º Gráfico) HTML Linguagens dinâmicas: Plataforma Java; JavaScript; AJAX; CGI

16 HTML

17 HTML Hiper Text Markup Language ou Linguagem de Marcação de Hipertexto; Padrão de exibição de páginas web; Arquivos com conteúdo de texto; O código html diz ao navegador como os itens da página devem ser mostrados na tela.

web; Arquivos com conteúdo de texto; O código html diz

18 HTML Criação de Páginas Basicamente, o código HTML é composto por pares de palavras chamadas tags. O que estiver dentro delas é modificado, de acordo com sua função. As tags têm a seguinte forma: <nome> </nome>

O que estiver dentro delas é modificado, de acordo

19 HTML Criação de Páginas Tags mais usadas: <html> </html> - diz que o arquivo usa HTML <head></head> - Cabeçalho <body></body> - Conteúdo da página <img src= ></img> - Insere uma imagem <br></br> - Pula linha <p></p> - Cria um parágrafo <title></title> - Título da página <a href= ></a> - Cria um hiperlink

src= ></img> - Insere uma imagem <br></br> - Pula linha <p></p> - Cria um

20 HTML Ferramentas de Criação Um arquivo.html (ou.htm), por ser formado apenas de texto, pode ser desenvolvido em um editor de texto, como o Bloco de Notas; No mercado existem ferramentas especializadas, como: Adobe DreamWeaver MX/CS4; Microsoft FrontPage.

um editor de texto, como o Bloco de Notas; No mercado existem

21 Exemplo de arquivo HTML <html> <head> <title>aprendendo HTML</title> </head> <body bgcolor="cian"> <h1>exemplo de arquivo HTML</h1> <p> Esta página serve para mostrar as possibilidades do HTML. Aproveite! Minha primeira página Web. <br> </body> </html>

22 Exercícios 1. O que é a Internet? 2. Defina Hipertexto. 3. HTTP é: 1. Um servidor; 2. Protocolo; 3. Uma linguagem.

23 4. WWW é: Exercícios Grande Rede Mundial Pequena Rede Planetária Gigantesca rede marciana 5. Faça uma página que tenha o título Hoje são 25/02/2010, cabeçalho Aula de Programação para Web I e Texto comum: Hoje estou começando a aprender HTML, para fazer as minhas páginas de Internet. Meu nome é :<coloque o seu nome, ou não recebe ponto!> Desafio: Sofistique a sua página com as outras tags que aprendeu

Documentos relacionados

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de