Design Para Web
E-MAIL:
CLEOMAR.DIAS@CONASS.ORG.BR
DESIGN PARA WEB
“Quanto mais nos elevamos, menores parecemos aos olhos daqueles que não sabem voar.”
-Friedrich Wilhelm Nietzsche
Apresentação
Formação e Conhecimentos
Análise e Desen. de Sistemas
MBA em Governança em TI
Analista de Teste de Software;
Consultor em TI;
Programador Java;
Programador PHP;
Programador Front-end e Backend;
WordPress,
Joomla.
CURSO – DESIGN PARA WEB
HTML
Exibindo
informações na Web;
Sintaxe do HTML;
Estrutura de um documento HML;
TAGs;
Imagens;
Estrutura de Projeto;
Editores e IDEs;
Lista HTML,
Links HTML..
CSS
Estilizando
com CSS;
Sintaxe e Inclusão css;
Propriedade tipográfia e fontes;
Alinhamento e decoração de texto;
Imagem de Fundo;
Bordas;
Seletores de ID,
CSS Reset..
O QUE É HTML?
É uma linguagem de marcação utilizada para produzir páginas na Web.
COMO FUNCIONA?
O documento é interprestado pelo navegador. EXIBINDO INFORMAÇÕES
EXIBINDO INFORMAÇÕES
SINTAXE DO HTML
HTML é um conjunto de tags responsáveis pela marcação do conteúdo de uma página no navegador.
<h1>
Faculdades Integradas Promove de Brasília
</h1>
<p>Nosso curso tem por objetivo forma grandes</p>
<img src=“../imagens/arquivo.jpg”>
ESTRUTURA DE UM DOCUMENTO
HTML
<html>
<head></head>
<body></body>
</html>
ESTRUTURA DE UM DOCUMENTO
HTML
<html>
<head>
<title> Promove</title>
<meta charset=“utf-8”>
</head>
<body>
</body>
</html>
ESTRUTURA DE UM DOCUMENTO
HTML
<html>
<head>
<title> Promove</title>
<meta charset=“utf-8”>
</head>
<body>
<h1> Faculdades Integradas Promove de Brasília</h1>
<p>
Nosso curso tem por objetivo forma grandes desenvolvedores web, capazes de desenvolver paginas com estruturação correta e otimizações.
</p>
</body>
</html>
ESTRUTURA DE UM DOCUMENTO
HTML
DOCTYPE
Indica ao navegador qual versão do HTML deve ser utilizada para renderizar a página.
HTML 5
<!DOCTYPE html>
HTML 4
<!DOCTYPE HTML PUBLIC