Download - PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL
![Page 1: PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL](https://reader036.vdocuments.pub/reader036/viewer/2022062309/56814e2d550346895dbb90fa/html5/thumbnails/1.jpg)
PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL
![Page 2: PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL](https://reader036.vdocuments.pub/reader036/viewer/2022062309/56814e2d550346895dbb90fa/html5/thumbnails/2.jpg)
INTERNET
![Page 3: PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL](https://reader036.vdocuments.pub/reader036/viewer/2022062309/56814e2d550346895dbb90fa/html5/thumbnails/3.jpg)
ARQUITETURA CLIENTE-SERVIDOR
ServidorCliente
RespostaResposta
RequisiçãoRequisição
![Page 4: PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL](https://reader036.vdocuments.pub/reader036/viewer/2022062309/56814e2d550346895dbb90fa/html5/thumbnails/4.jpg)
SOFTWARE CLIENTE
NAVEGADORES(BROWSERS)
INTERNET EXPLORER (MICROSOFT) FIREFOX (MOZILLA) CHROME (GOOGLE)
![Page 5: PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL](https://reader036.vdocuments.pub/reader036/viewer/2022062309/56814e2d550346895dbb90fa/html5/thumbnails/5.jpg)
SOFTWARE SERVIDOR
SERVIDOR WEB
SERVIDOR APACHE (FUNDAÇÃO APACHE) SERVIDOR IIS – INTERNET INFORMATION SERVER
(MICROSOFT) SERVIDOR TOMCAT (FUNDAÇÃO APACHE)
![Page 6: PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL](https://reader036.vdocuments.pub/reader036/viewer/2022062309/56814e2d550346895dbb90fa/html5/thumbnails/6.jpg)
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 .
![Page 7: PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL](https://reader036.vdocuments.pub/reader036/viewer/2022062309/56814e2d550346895dbb90fa/html5/thumbnails/7.jpg)
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
![Page 8: PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL](https://reader036.vdocuments.pub/reader036/viewer/2022062309/56814e2d550346895dbb90fa/html5/thumbnails/8.jpg)
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
![Page 9: PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL](https://reader036.vdocuments.pub/reader036/viewer/2022062309/56814e2d550346895dbb90fa/html5/thumbnails/9.jpg)
DOCUMENTO – HTML5
<!DOCTYPE HTML>
<html>
<head>
<title>Título da Página</title>
</head>
<body>
</body>
</html>
![Page 10: PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL](https://reader036.vdocuments.pub/reader036/viewer/2022062309/56814e2d550346895dbb90fa/html5/thumbnails/10.jpg)
SEÇÕES DO DOCUMENTO
<!DOCTYPE HTML>
<html>
<head>
<title>Título da Página</title>
</head>
<body>
</body>
</html>
![Page 11: PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL](https://reader036.vdocuments.pub/reader036/viewer/2022062309/56814e2d550346895dbb90fa/html5/thumbnails/11.jpg)
REGRA GERAL DO HTML
<h1 id=”identificador”>Texto do Cabeçalho</h1>
tag de abertura Tag de fechamento
conteúdoAtributo/valor
elemento html
![Page 12: PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL](https://reader036.vdocuments.pub/reader036/viewer/2022062309/56814e2d550346895dbb90fa/html5/thumbnails/12.jpg)
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.
![Page 13: PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL](https://reader036.vdocuments.pub/reader036/viewer/2022062309/56814e2d550346895dbb90fa/html5/thumbnails/13.jpg)
Wireframe