peav – programaÇÃo em ambiente visual
DESCRIPTION
PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL. INTERNET. ARQUITETURA CLIENTE-SERVIDOR. Resposta. Requisição. Servidor. Cliente. SOFTWARE CLIENTE. NAVEGADORES(BROWSERS) INTERNET EXPLORER (MICROSOFT) FIREFOX (MOZILLA) CHROME (GOOGLE). SOFTWARE SERVIDOR. SERVIDOR WEB - PowerPoint PPT PresentationTRANSCRIPT
PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL
INTERNET
ARQUITETURA CLIENTE-SERVIDOR
ServidorCliente
RespostaResposta
RequisiçãoRequisição
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
..
msn.commsn.com
.com.com
www.microsoft.com.
microsoft.com. mtu.edumtu.edu
.edu.edu
msu.edumsu.edu
.org.org
unicef.orgunicef.org gov.augov.au
.au.au
com.aucom.au
ServidorServidor Rede/EmpresaRede/Empresa Rede/Empr.Rede/Empr. RaizRaiz
www. microsoft. com .
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
<h1 id=”identificador”>Texto do Cabeçalho</h1>
tag de abertura Tag de fechamento
conteúdoAtributo/valor
elemento html
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