-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
128 lines (119 loc) · 10.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="google glass, project glass, curso em vídeo, professor Gustavo Guanabara">
<meta name="description" content="Curso de HTML5-CSS3-JavaScript - projeto site completo do site cursoemvideo.com">
<meta name="author" content="Gustavo Guanabara">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/estilo.css">
<title>Tudo sobre o Google Glass</title>
</head>
<body>
<div id="interface">
<header id="cabecalho">
<hgroup>
<h1>Google Glass</h1>
<h2>A revolução do Google está chegando</h2>
</hgroup>
<img id="icone" src="imagens/glass-oculos-preto-peq.png" alt="foto do oculos glass cor preta e pequeno">
<!--Menu Principal para Navegação do Site-->
<nav id="menu">
<h1>Menu Principal</h1>
<ul>
<li onmousemove="mudaFoto('imagens/home.png')" onmouseout="mudaFoto('imagens/glass-oculos-preto-peq.png')"><a href="index.html"><strong>Home</strong></a></li>
<li onmousemove="mudaFoto('imagens/especificacoes.png')" onmouseout="mudaFoto('imagens/glass-oculos-preto-peq.png')"><a href="specs.html"><strong>Especificações</strong></a></li>
<li onmousemove="mudaFoto('imagens/fotos.png')" onmouseout="mudaFoto('imagens/glass-oculos-preto-peq.png')"><a href="fotos.html"><strong>Fotos</strong></a></li>
<li onmousemove="mudaFoto('imagens/multimidia.png')" onmouseout="mudaFoto('imagens/glass-oculos-preto-peq.png')"><a href="multimidia.html"><strong>Multimídia</strong></a></li>
<li onmousemove="mudaFoto('imagens/contato.png')" onmouseout="mudaFoto('imagens/glass-oculos-preto-peq.png')"><a href="fale-conosco.html"><strong>Fale conosco</strong></a></li>
</ul>
</nav>
</header>
<!--Uma seção com artigo e seu cabeçalho-->
<section id="corpo">
<article id="noticia">
<header id="cabecalho-artigo">
<hgroup>
<h2>Tecnologia > Inovações</h2>
<h1>Saiba tudo sobre o Google Glass</h1>
<h3>Por Ronaldo Rodrigues Bento</h3>
<h3 class="direita">Atualizado em 17/junho/2022</h3>
</hgroup>
</header>
<h2>O que é afinal Google Glass?</h2>
<p>O <strong>Google Glass</strong> é um acessório em forma de <span style="text-decoration: none;">óculos</span> que possibilita a interação dos usuários com diversos conteúdos em realidade aumentada. Também chamado de
<a href="https://glass.google.com" target="_blank">Project Glass</a>, o eletrônico é capaz de tirar fotos a partir de comandos de voz, enviar mensa­gens instantâneas e realizar vídeo­conferên­cias. Seu lançamento está previ­sto para 2014, e seu preço deve ser de US$ 1,5 mil. Atualmente o <em>Google Glass</em> encontra<wbr>-se em fase de testes e já possui um vídeo totalmente gravado com o dispositivo. Além disso, a companhia de buscas registrou novas <ins>patentes</ins> anti-<wbr>furto e de desbloque­io de tela para o acessório.</p>
<!--Imagem do Gloogle Glass com Legenda-->
<figure class="foto-legenda">
<img src="imagens/glass-quadro-homem-mulher.jpg" alt="foto projeto glass no formato jpg">
<figcaption>
<h1>Google Glass</h1>
<h1>Uma nova maneira de ver o mundo.</h1>
</figcaption>
</figure>
<h2>Data de lançamento</h2>
<p>Não há uma data específica e oficial para o dispositivo ser lançado, ainda. Pode ser que ele esteja disponível em demonstrações a partir de 2013, mas seu lança­mento para as lojas fica para, pelo menos, 2014.</p>
<h2>Especificações Técnicas</h2>
<!--Inserindo uma Tabela Técnica do Google Glass-->
<table id="tabelaspec">
<caption>Tabela Técnica do Google Glass <span>Mar/2013</span></caption>
<tr><td class="ce">Tela</td><td class="cd">Resolução equivalente a tela de 25"</td></tr>
<tr><td rowspan="2" class="ce">Camera</td><td class="cd">5MP para fotos</td></tr>
<tr><td class="cd">720p para vídeos</td></tr>
<tr><td rowspan="2" class="ce">Conectividade</td><td class="cd">Wi-Fi</td></tr>
<tr><td class="cd">Bluetooth</td></tr>
<tr><td class="ce">Memória Interna</td><td class="cd">12GB</td></tr>
</table>
<h2>Como funciona</h2>
<p>De acordo com fontes próximas do Google, os óculos vão contar com uma peque­na tela de <em>LCD</em> ou <em>AMOLED</em> na parte superior e em frente aos olhos do usuário. Com o uso de uma câmera e <em>GPS</em>, você pode se situar, assim como selecionar opções com o movimento da cabeça</p>
<h2>O que você pode fazer com o Google Glasses</h2>
<p>O vídeo de divulgação do Google mostra que você pode se transformar em uma espé­cie de “super-<wbr>humano”, já que o aparelho pode indicar a quantos metros você está de seu destino, se o metrô está aberto ou fechado, mostrar o clima, agenda e até mesmo permitir que você marque encontros apenas com coman­dos de voz.</p>
<!--Inserindo um Vídeo-->
<video id="filme01" controls="controls" poster="imagens/video-mini01.jpg" autoplay loop>
<source src="media/one-day.mp4" type="video/mp4">
<p>Seu navegador não possui compatilidade com esse formato de vídeo.</p>
</video>
</article>
</section>
<aside id="lateral">
<h1>Outras Notícias</h1>
<h2>Vídeo mais recente</h2>
<!--Inserindo outro Vídeo-->
<video id="filme02" controls="controls" poster="imagens/video-mini02.jpg" autoplay loop>
<source src="media/how-it-feels.mp4" type="video/mp4">
<p>Seu navegador não possui compatilidade com esse formato de vídeo.</p>
</video>
<h2>Novidades no Glass</h2>
<p>O Google enfim revelou as especificações completas do Google Glass, e com ele uma surpresa ainda inédita no mercado: a gigante das buscas usará um sistema de áudio baseado na transdução por condução. Através das hastes dos óculos, o som será transmitido para o ouvido do usuário por meio de <em>microvibrações</em> em determi­nados ossos de sua cabeça, sem usar nenhum tipo de alto-<wbr>falan­te.</p>
<p>Além da surpresa do áudio, a tela montada a frente do olho do usuário também cha­mou atenção. Serão 640 x 360 pixels de resolução que, em proporção, equivaleria a um monitor de 25 polegadas de alta definição colocado a 2,5 metros de distância do espec­tador.</p>
<hr>
<h2>Curso em Vídeo</h2>
<figure>
<img src="imagens/curso-em-video-cor.png" alt="logo do curso em video">
</figure>
<p>Lançado em 2013, o projeto de ensinar tecnologia à distância foi ganhan­do forma e hoje já conta com milhares de alunos inscritos e uma grande quantidade de mate­rial gratuito.</p>
<figure class="foto-legenda">
<img src="imagens/thumb-html.png" alt="logo do curso de html">
</figure>
<p><abbr title="Hypertext Markup Language"><strong>HTML</strong></abbr> é uma linguagem de estruturação e apresentação de conteúdo para a <em>World Wide Web</em>. O conhecimento desta linguagem, juntamente com as tecnologias <abbr title="Cascading Style Sheets "><strong>CSS</strong></abbr> e <strong>JavaScript </strong>é essencial para todos os profissionais de web. Curso completo para quem quer aprender definitivamente a criar sites utilizando as tecnologias mencio­nadas, de uma maneira simples e objetiva. O professor <em>Gustavo Guanabara</em> mostrou passo a passo toda criação de um site completo utilizando as três princi­pais tecnologias do momento, além disso, mostrou como hospedar o site desenvol­vido.</p>
<figure class="foto-legenda">
<img src="imagens/thumb-js.png" alt="logo do curso de javascript">
</figure>
<p>Curso de linguagem <em>JavaScript,</em> voltado para iniciantes e para quem qui­ser aprender mais sobre <em>ECMAScript</em>, a versão padronizada do JS. Em um curso patrocinado pelo Google, o professor Gustavo Guanabara ensina o conteúdo básico em 6 módulos que vão desde o conhecimento da linguagem até o uso de funções.</p>
</aside>
<!--Inserindo o Rodapé com vários Links-->
<footer id="rodape">
<p><strong>Copyright</strong> © 2022 - by <em>Ronaldo Rodrigues Bento</em></p>
<p> <img src="icone-facebook.png" alt="icone do facebbok " ><a href="https://www.facebook.com/" target="_blank" rel="external" title="Facebook"> <em>Facebook</em></a> |
<img src="icone-twitter.png" alt="icone do twitter"><a href="https://twitter.com" target="_blank" rel="external" title="Twitter"> <em>Twitter</em></a> |
<img src="icone-instagram.png" alt="icone do instagram"> <a href="https://instagram.com" target="_blank" rel="external" title="Instagram"><em>Instagram</em></a>|
<img src="icone-github.png" alt="icone do github"><a href="https://github.io" target="_blank" rel="external" title="GitHub"> GitHub</a> |
<img src="icone-youtube.png" alt="icone do youtube"><a href="https://youtube.com" target="_blank" rel="external" title="YouTube"> YouTube</a> |
<img src="icone-linkedin.png" alt="icone do linkedin"><a href="https://br.linkedin.com/" target="_blank" rel="external" title="Linkedin"> Linkedin</a></p>
</footer>
</div>
<script src="javascript/funcoes.js"></script>
</body>
</html>