AULA 07 - fabianotaguchi.files.wordpress.com04/03/2016 4
Transcript of AULA 07 - fabianotaguchi.files.wordpress.com04/03/2016 4
04/03/2016
1
Prof. Fabiano Taguchi
http://fabianotaguchi.wordpress.com
04/03/2016
2
04/03/2016
3
04/03/2016
4
<! DOCTYPE html>
<!--[if IE 9] <html class=“lt-ie10” lang=“pt-br”>[endif]-->
<html class=“no-js” lang=“pt-br”>
<head>
<meta charset=“utf-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
<title> Título da página </title>
<link rel=“stylesheet” href=“css/normalize.css”>
<link rel=“stylesheet” href=“css/foundation.min.css”>
<script src=“js/vendor/modernizr.js”></script>
</head>
<body>
<script src=“js/vendor/jquery.js”</script>
<script src=“js/vendor/fastclick.js”</script>
<script src=“js/foundation.min.js”</script>
<script>
$(document).foundation();
</script>
</body>
</html>
04/03/2016
5
04/03/2016
6
TIPOGRAFIA
04/03/2016
7
EXEMPLO
EXEMPLO
04/03/2016
8
EXEMPLO
EXEMPLO
04/03/2016
9
BOTÕES
04/03/2016
10
BOTÕES
EXEMPLO
04/03/2016
11
EXEMPLO
04/03/2016
12
EXEMPLO
04/03/2016
13
SPLIT X DROPDOWN
CALLOUT E PROMPTS
04/03/2016
14
EXEMPLO
CAIXAS DE ALERTAS
04/03/2016
15
EXEMPLO
04/03/2016
16
04/03/2016
17
TOOLTIP
EXEMPLO
04/03/2016
18
EXEMPLO
04/03/2016
19
EXEMPLO
04/03/2016
20
CONTEÚDOS
EXEMPLO
04/03/2016
21
EXEMPLO
EXEMPLO
04/03/2016
22
EXEMPLO
EXEMPLO
04/03/2016
23
EXEMPLO
EXEMPLO
04/03/2016
24
NAVEGAÇÃO
EXEMPLO
04/03/2016
25
EXEMPLO
EXEMPLO
04/03/2016
26
EXEMPLO
EXEMPLO
04/03/2016
27
EXEMPLO
EXEMPLO
04/03/2016
28
EXEMPLO
EXEMPLO
04/03/2016
29
EXEMPLO
EXEMPLO
04/03/2016
30
EXEMPLO
EXEMPLO
04/03/2016
31
EXEMPLO
CLASSESUNITÁRIAS
04/03/2016
32
EXEMPLO
EXEMPLO
04/03/2016
33
EXEMPLO
EXEMPLO
04/03/2016
34
EXEMPLO
EXEMPLO
04/03/2016
35
EXEMPLO
EXEMPLO
04/03/2016
36
EXEMPLO
EXEMPLO
04/03/2016
37
EXEMPLO
EXEMPLO
04/03/2016
38
EXEMPLO
EXEMPLO
04/03/2016
39
EXEMPLO
EXEMPLO
04/03/2016
40
EXEMPLO