PEAV –
PROGRAMAÇÃO EM
AMBIENTE VISUAL
INTERNET
ARQUITETURA CLIENTE-SERVIDOR
Resposta
Requisição
Cliente
Servidor
SOFTWARE CLIENTE

NAVEGADORES(BROWSERS)

INTERNET EXPLORER (MICROSOFT)

FIREFOX (MOZILLA)

CHROME (GOOGLE)
SOFTWARE SERVIDOR

SERVIDOR WEB



SERVIDOR APACHE (FUNDAÇÃO APACHE)
SERVIDOR IIS – INTERNET INFORMATION SERVER
(MICROSOFT)
SERVIDOR TOMCAT (FUNDAÇÃO APACHE)
URI – UNIFORM RESOURCE IDENTIFIER
.
.org
unicef.org msn.com
.com
.edu
microsoft.com.
mtu.edu msu.edu
.au
gov.au
www.microsoft.com.
www. microsoft. com .
Servidor Rede/Empresa Rede/Empr. Raiz
com.au
URI - UNIFORM RESOURCE IDENTIFIER
http://www.terra.com.br/site/index.html

Protocolo utilizado na comunicação

Endereço do Computador/Servidor

Recurso solicitado para ser exibido no
navegador
VERSÕES DO HTML E O PADRÃO W3C

HTML 1.0

HTML 2.0

HTML 3.0

HTML 4.0

HTML 4.01 OU XHTML

HTML 5.0
DOCUMENTO – HTML5
<!DOCTYPE HTML>
<html>
<head>
<title>Título da Página</title>
</head>
<body>
</body>
</html>
SEÇÕES DO DOCUMENTO
<!DOCTYPE HTML>
<html>
<head>
<title>Título da Página</title>
</head>
<body>
</body>
</html>
REGRA GERAL DO HTML
elemento html
tag de abertura
Tag de fechamento
<h1 id=”identificador”>Texto do Cabeçalho</h1>
Atributo/valor
conteúdo
PLANEJAMENTO DE UM WEBSITE

Antes de começar a criar suas páginas é necessário
sempre analisar/planejar/projetar e construir um
anteprojeto.

No desenvolvimento para web um dos componentes
principais utilizado antes da equipe de desenvolvimento
colocar a mão na massa é o Wireframe, que nada mais
um esboço acordado com o cliente e a equipe de
comunicação para atingir os requisitos funcionais do
projeto, usabilidade e público alvo.
Wireframe
Download

Module 1: SQL Server Overview