Usando Geolocalização com HTML5

Olá pessoal, no artigo de hoje iremos ver como trabalhar com a API Geolocation do HTML5.

Primeiro de tudo devemos saber que existem três maneiras de se descobrir a posição de alguma coisa no globo terrestre que são as mais usadas, são elas:

• Geolocalização IP
• Triangulação GPRS
• GPS

Nota: Lembrando que para funcionar a geolocalização é necessário que o navegador do usuário tenha suporte a essa tecnologia.

Mais informações »

HTML Avançado

Tabelas

As tabelas foram uma grande conquista para os autores de documentos para a Web. Com elas é possível, por exemplo, termos estas páginas do tutorial organizadas em colunas, sendo uma delas voltada exclusivamente aos links de navegação e observações. Tabelas implementam um conceito importante de design, as "grades", segundo as quais organizamos textos e ilustrações de maneira organizada.

Como já foi possível perceber, as tabelas podem conter textos, listas, parágrafos, imagens, diversas outras formatações - inclusive outras tabelas. Novas versões de HTML e de navegadores populares vêm acrescentando diversos atributos às tabelas, e nosso objetivo aqui é saber lidar com a maioria desses recursos disponíveis.

Mais informações »

HTML Básico

Este artigo trata de uma introdução ao HTML. O HTML é uma abreviação de HyperText Markup Language ou seja que em português significa, Linguagem de marcação de Hipertexto. Os arquivos HTML são interpretados pelos navegadores (browsers), portanto, caso você tenha algum arquivo HTML no computador, basta pedir que o seu navegador abra ele.

O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira.
Ex:

1	<tag>Conteúdo da tag</tag>

Toda tag aberta, deve ser fechada, salvo raras exceções, nesses casos ela pode ser fechada da seguinte maneira:

1

</tag>

Uma tag HTML pode conter outra tag dentro dela, e quantas forem necessárias.

1 2 3

<tag>   <outraTag>texto</outraTag> </tag>

Algumas tag's possuem propriedades que podem possuir valores. Um exemplo claro é a tag de imagem que possui o caminho da imagem.

1	<img src="caminhoImg.jpg" />

É importante seguir alguns padrões ao criar seu arquivo HTML.

Mais informações »

Ferramenta da Google para Web Designer

Google disponibiliza ferramenta para Web Designer para criação de paginas no HTML5

Trata-se de uma ferramenta visual, mas que também permite a manipulação livre do código, que também permite uma pré-visualização das criações em cada navegador instalado na máquina.


O Web Designer conta com ferramentas tradicionais e inclui até mesmo uma caneta para desenho livre e uma timeline para criação de animações, entre vários outros recursos.

Mais informações »