Arquivo: index.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tudo sobre o Google Glass</title>
<link rel="stylesheet" href="_css/estilo.css">
</head>
<body>
<div id="interface">
<header id="cabecalho">
<hgroup>
<h1>Google Glass</h1>
<h2>A revolução do Google está chegando</h2>
</hgroup>
<img src="/curso-html5-pacote01/projeto-glass-html5/_imagens/
glass-oculos-preto-peq.png" alt="oculos preto do google glass">
<nav>
<h1>Menu Principal</h1>
<ul>
<li>Home</li>
<li>Especificações</li>
<li>Fotos</li>
<li>Multimídia</li>
<li>Fale conosco</li>
</ul>
</nav>
</header>
<hgroup>
<h3>Tecnologia > Inovações</h3>
<h1>Saiba tudo sobre o Google Glass</h1>
<h2>por Gustavo Guanabara</h2>
<h3>Atualizado em 23/Abril/2013</h3>
</hgroup>
<h2>O que é</h2>
<p>O <span style="font-weight: 900;">Google Glass</span> é um acessório em forma de
óculos que possibilita a interação dos usuários com diversos conteúdos em realidade
aumentada. Também chamado de <i>Project Glass</i>, o eletrônico é capaz de tirar
fotos a partir de comandos de voz, enviar mensagens instantâneas e realizar
vídeo­con­ferên­cias. Seu lançamento está previsto para 2014, e seu preço
deve ser de US$ 1,5 mil. Atualmente o <em>Google Glass</em> encontra-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 patentes anti-furto e de desbloqueio de tela para
o acessório.</p>
<figure class="foto-legenda">
<img src="_imagens/glass-quadro-homem-mulher.jpg"
alt="imagem do homem e da mulher usando o oculos google glass">
<figcaption>
<p>Imagem do homem e da mulher usando o oculos google glass</p>
</figcaption>
</figure>
<h1>Data de lançamento</h1>
<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çamento
para as lojas fica para, pelo menos, 2014.</p>
<h1>Especificações Técnicas</h1>
Tabela Técnica do Google Glass Mar/2013
Tela:Resolução equivalente a tela de 25"
Camera: 5MP para fotos / 720p para vídeos
Conectividade: Wi-Fi/ Bluetooth
Memória Interna: 12GB
<h1>Como funciona</h1>
<p>De acordo com fontes próximas do Google, os óculos vão contar com uma pequena tela
de LCD ou AMOLED na parte superior e em frente aos olhos do usuário. Com o uso de uma
câmera e GPS, você pode se situar, assim como selecionar opções com o movimento da
cabeça</p>
<h1>O que você pode fazer com o Google Glasses</h1>
<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 comandos de voz.</p>
[AQUI ENTRA UM VÍDEO]
Outras Notícias
Vídeo mais recente
[AQUI ENTRA UM VÍDEO]
<h1>Novidades no Glass</h1>
<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 microvibrações em determinados ossos
de sua cabeça, sem usar nenhum tipo de alto-falante.</p>
<p>Além da surpresa do áudio, a tela montada a frente do olho do usuário também chamou
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
espectador.</p>
Copyright © 2013 - by Gustavo Guanabara
Facebook | Twitter
</div>
</body>
</html>
<nav> : agrupamento de tags de navegação.
<ol> : lista ordenada com letras e números.
<ol type = “”> : o type serve para vc botar como vai ser a ordem da lista, se vai ser de sequencia de números ou de letras.
<ol type = “” start = ""> : se você quiser que a sua lista comece a partir de uma letra/número aleatório vc usa a tag star e coloca o valor.
<ul> : lista não ordenada. Também conhecida como lista de demarcadores, ou seja lista de pontos.
<ul type = “square” : pontos quadrados.
<ul type = “circle” : Pontos redondos sem fundo.
<ul type = “disc” : pontos redondos.