O Computador do Curso de Licenciatura em Computação do Centro de Educação Claretiano
Por: Diegommti • 13/5/2021 • Artigo • 647 Palavras (3 Páginas) • 161 Visualizações
CLARETIANO – CENTRO UNVERSITÁRIO
[pic 1]
Portifólio da matéria de Interface humana
Computador do curso de licenciatura em
Computação do centro de educação claretiano
Aluno: Diego Martins Moreira
Guarulhos, São Paulo
2021
Contents
DESENVOLVIMENTO 4
Conclusão 17
Referência 18
DESENVOLVIMENTO
[pic 2]
[pic 3]
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Página Inicial
</title>
</head>
<body>
<ul>
<li><a href="Index.html">Home</a></li>
<li><a href="case.html">Case</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contatos</a></li>
</ul><br>
Home cast - A melhor em produtos tecnológicos <br><br>
<img src="imagens/home.jpg" width="600" height="300">
</body>
</html>
[pic 4]
[pic 5]
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Página Inicial
</title>
</head>
<body>
<ul>
<li><a href="Index.html">Home</a></li>
<li><a href="case.html">Case</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contatos</a></li>
</ul>
<br>
<img src="imagens/pessoa1.jpg" width="300" height="200">
<img src="imagens/pessoa2.jpg" width="300" height="200">
<img src="imagens/pessoa3.jpg" width="300" height="200">
</body>
</html>
[pic 6]
[pic 7]
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Página Inicial
</title>
</head>
<body>
<ul>
<li><a href="Index.html">Home</a></li>
<li><a href="case.html">Case</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contatos</a></li>
</ul><br>
<div class="zoom">
<img src="imagens/foto1.jpg" class="img-responsive">
<div class="text-item">
<h2>Relógio</h2>
</div>
</div>
</body>
</html>
[pic 8]
[pic 9]
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Página Inicial
</title>
</head>
<body>
<ul>
<li><a href="Index.html">Home</a></li>
<li><a href="case.html">Case</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contatos</a></li>
</ul>
<br>
<div class="img">
<a target="_blank" href="fjords.jpg">
<img src="imagens/foto1.jpg" alt="Fjords" width="300" height="200">
</a>
<div class="desc">Relógios</div>
</div>
<div class="img">
<a target="_blank" href="forest.jpg">
<img src="imagens/foto2.jpg" alt="Forest" width="300" height="200">
</a>
<div class="desc">Tablets</div>
</div>
<div class="img">
<a target="_blank" href="lights.jpg">
<img src="imagens/foto3.jpg" alt="Northern Lights" width="300" height="200">
</a>
<div class="desc">Produtos em geral</div>
</div>
<div class="img">
<a target="_blank" href="mountains.jpg">
<img src="imagens/foto4.jpg" alt="Mountains" width="300" height="300">
...