PEAV – PROGRAMAÇÃO EM AMBIENTE VISUAL

Preview:

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 Presentation

Citation preview

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

Recommended