Projeto Integrador da Parte

Profissionalizante
Prof. José Rodolfo Beluzo
beluzojr@gmail.com
Conceitos Básicos de uma Página na
WEB
O que veremos...

Conceitos básicos de uma página WEB

Cliente – Servidor

Hipertexto e Linguagem de Marcação

avegadores

Servidores WEB
Cliente !ervidor

Cliente

ecessita de uma necessidade computacional
espec!"ica

#rma$enar ar%uivo

&ecuperar um ar%uivo

Buscar in"ormação

Enviar uma mensagem a um destinatário

etc

Servidor

'ossui uma capacidade de produ$ir resultado em
atividades espec!"icas

#rma$enar um ar%uivo

'rocessar uma busca de in"ormação

(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 usuários
"inais atrav/s de %ual%uer inter"ace com o usuário

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 solicitação espec!"ica do cliente

5ornece recursos de rede
Cliente !ervidor
"i#erte$tos

Hipertexto

Modelo para estruturar documentos de maneira nãolinear
usando os conceitos de nós, elos e âncoras.

.

0ma unidade de conte)do do documento6 uma página4
um parágra"o4 etc7

Elo

Ligação 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 Marcação

Modelo de anotação 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 marcação de Hipertexto

Tags de"inem os itens do documento

,oda Tag tem in!cio e "im de marcação
%inguagem de &arca'(o "+&%

Exemplo de Linguagem de marcação 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 Marcação

Modelo de anotação 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

0suários interagirem com documentos
virtuais da +nternet

H,ML4 #S'4 'H'

Havascript4 CSS4 etc7
-avegadores

,em a capacidade de ler vários 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 Extensão

&eali$a atividades %ue não estão
programadas nativamente no navegador
!ervidores )*B

'ode ser6

.m !oft/are responsável por aceitar pedidos de
clientes no H,,'4 e servi-los com respostas H,,'4
incluindo opcionalmente dados4 %ue geralmente
são páginas 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