Projeto Integrador da Parte

Profissionalizante
Prof. Jos Rodolfo Beluzo
beluzojr@gmail.com
Conceitos Bsicos de uma Pgina na
WEB
O que veremos...

Conceitos bsicos de uma pgina WEB

Cliente Servidor

Hipertexto e Linguagem de Marcao

avegadores

Servidores WEB
Cliente !ervidor

Cliente

ecessita de uma necessidade computacional

espec!"ica

#rma$enar ar%uivo

&ecuperar um ar%uivo

Buscar in"ormao

Enviar uma mensagem a um destinatrio

etc

Servidor

'ossui uma capacidade de produ$ir resultado em

atividades espec!"icas

#rma$enar um ar%uivo

'rocessar uma busca de in"ormao

(erar um conte)do

(erenciar as atividades de um correio eletr*nico

Cliente !ervidor

Caracter!sticas do CL+E,E

Sempre inicia pedidos de servidores

Espera por respostas

&ecebe respostas

ormalmente conecta-se a um pe%ueno n)mero de

servidores de uma s. ve$

ormalmente interage diretamente com os usurios

"inais atrav/s de %ual%uer inter"ace com o usurio

0tili$a recursos da rede

Cliente !ervidor

Caracter!sticas do SE&1+23&

Sempre espera por um pedido de um cliente

#tende os pedidos e4 em seguida4 responde aos

clientes com os dados solicitados

'ode se comunicar com outros servidores para

atender uma solicitao espec!"ica do cliente

5ornece recursos de rede

Cliente !ervidor
"i#erte$tos

Hipertexto

Modelo para estruturar documentos de maneira nolinear

usando os conceitos de ns, elos e ncoras.

0ma unidade de conte)do do documento6 uma pgina4

um pargra"o4 etc7

Elo

Ligao entre dois n.s7 'ode ser uni ou bidirecional7

8ncora

'onto do documento onde inicia-se 9:ncora origem; ou

termina 9:ncora destino; um elo7
"i#erte$tos
"i#erte$tos
%inguagem de &arca'(o

Linguagem de Marcao

Modelo de anotao de texto de "orma %ue este se<a

sintaticamente distingu!vel7

a )*B6

con<unto de c.digos aplicados a um texto ou a dados4

com o "im de adicionar in"orma=es particulares
sobre esse texto ou dado4 ou sobre trec>os
espec!"icos7
%inguagem de &arca'(o "+&%

Hipertext Markup Language

Linguagem de marcao de Hipertexto

Tags de"inem os itens do documento

,oda Tag tem in!cio e "im de marcao

%inguagem de &arca'(o "+&%

Exemplo de Linguagem de marcao de Hipertextos6

?>tml@
?>ead@
?title@,itulo do Site?Atitle@
?A>ead@
?bodB@
?div idCDtituloE@,itulo do ,exto?Adiv@
?img srcCD>ttp6AAFFF7camin>oimg7comAimg7<pgE A@
?div idCDconteudoE@Conte)do?Adiv@
?div idCDrodapeE@&odape?Adiv@
?AbodB@
?A>tml@
%inguagem de &arca'(o

Linguagem de Marcao

Modelo de anotao de texto de "orma

%ue este se<a sintaticamente
distingu!vel7

Pra quem,
-avegadores

,amb/m con>ecido como web

browser ou simplesmente browser

G um software de computador

Comunica-se com !evidores WEB

0surios interagirem com documentos

virtuais da +nternet

H,ML4 #S'4 'H'

Havascript4 CSS4 etc7

-avegadores

,em a capacidade de ler vrios tipos

de ar%uivos e converte-los para uma
linguagem >umana7

H,ML4 IML4 H'E(4 (+54 '(4 etc

#lguns ar%uivos necessitam de

pugins

5las>4 Hava
-avegadores

'lugins

M.dulo de Extenso

&eali$a atividades %ue no esto

programadas nativamente no navegador
!ervidores )*B

'ode ser6

.m !oft/are responsvel por aceitar pedidos de

clientes no H,,'4 e servi-los com respostas H,,'4
incluindo opcionalmente dados4 %ue geralmente
so pginas Feb4 tais como documentos H,ML
com ob<etos embutidos 9imagens4 etc7;

.m com#utador %ue executa um programa %ue

provJ a "uncionalidade descrita acima7