Mostrando postagens com marcador Utilidades. Mostrar todas as postagens
Mostrando postagens com marcador Utilidades. Mostrar todas as postagens

sexta-feira, 28 de junho de 2013

Como saber se um site foi desenvolvido em HTML 5


HTML5 (Hypertext Markup Language, versão 5) é uma linguagem para estruturação e apresentação de conteúdo para a World Wide Web e é uma tecnologia chave da Internet originalmente proposto por Opera Software.1 É a quinta versão da linguagem HTML. Esta nova versão traz consigo importantes mudanças quanto ao papel do HTML no mundo da Web, através de novas funcionalidades como semântica e acessibilidade.

Para saber se um site foi desenvolvido em HTML5 é bem simples.

Como saber se um site foi desenvolvido em HTML 5?

Simples, basta acessar o site, clicar com o botão direito do mouse sobre o site e solicitar que seja exibido o código fonte no mesmo, nas primeiras linhas você verá a citação referente ao ao DOCTYPE do site, essa linha diz ao navegador em qual HTML e sua versão que o site foi desenvolvido.

O HTML 5 diferente do HTML 4 dispensa citações de versões, basta um código para que ele diga ao navegador que se trata de HTML 5, por isso basta observar se o DOCTYPE está idêntico ao código abaixo:

<!DOCTYPE html>

Se estiver igual, o site está sendo interpretado como HTML5, se estiver diferente trata-se da versão 4. Mas atenção,  apesar do site ter sido marcado como HTML 5 não quer dizer que o desenvolvedor utilizou os novos recursos da linguagem.

Outras opções para saber em qual HTML o site foi desenvolvido:

Foi desenvolvida uma extensão para o Google Chrome, a extensão detecta automaticamente se o site foi ou não desenvolvido em HMTL 5. Para utiliza-la é simples, basta ter o navegador da Google instalado em seu pc, e acessar a seguinte url através dele: Extensão Google Chrome

Agora click em "instalar extensão" e proceda com a instalação normalmente. Reinicie o navegador e pronto! A partir de agora sempre que acessar um site que foi criado em HTML5 irá aparecer o ícone do mesmo logo após o endereço do site.




sexta-feira, 24 de maio de 2013

Navegue pelos sites antigos

Gostaria de relembrar como era os sites como Google, YouTube e até mesmo Templates antigos de seu blogs, o Way Back Machine, uma espécie de museu virtual que mostra o visual de sites desde 1996!

Para navegar pelo passado, é simples: basta entrar no site, acessar o campo "WayBack Machine" e digitar o endereço da página que deseja visitar. Clique em "Take me Back" e pronto.

Aparecerá um painel com anos e meses. Escolha o ano e o mês que deseja ver.

Agora você já poderá ver como era a aparência dos sites antigamente.



terça-feira, 21 de maio de 2013

Como abrir links em nova aba ou janela

Iremos ensinar como colocar um link em um texto ou em uma imagem e fazer com que ele abra em uma nova janela ou em uma nova aba do navegador.

Isso pode ser interessante para manter o leitor mais tempo em nossos blogs, pois ele irá visualizar este conteúdo em uma outra aba e depois poderá retornar ao blog.

No Firefox funcionará com as abas e no Internet Explorer, com as janelas. Pra quem não sabe, uma aba abre ao lado da página onde estamos e uma janela abre em cima.

Para conseguir o efeito, é preciso do código abaixo

<a href="URL DO LINK" target="_blank">TEXTO</a>
É só substituir o URL DO LINK pelo endereço que você quer que abra, e o TEXTO pela palavra que você quer que apareça, E o link ficará como exemplo aseguir, no caso usaremos o Dicas da Web

<a href="http://dicas-daweb.blogspot.com.br/" target="_blank">Dicas da Web</a>

Para abrir uma imagem em uma nova aba, basta usar o código abaixo
<a href="URL DO LINK" target="_blank">
<img title="FRASE" alt="NOME" src="URL DA IMAGEM" /></a>
Agora basta substituir o URL DO LINK pelo endereço que você queira que abra quando clicar na imagem, a FRASE pela frase que você quer que apareça quando alguém passa o mouse por cima da imagem, o NOME pelo nome que você queira que seja o titulo da imagem e a URL DA IMAGEM pelo endereço da imagem.

Exemplo de como irá ficar

<a href="http://dicas-daweb.blogspot.com.br/" target="_blank">
<img title="Acesse o Dicas da Web" alt="Dicas da Web" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxzGpzFWmtcJzdBrpLNOdGL_pXVJpsCn1syckmyZ7uEMaGlmrm8CabcsqHgew_oiX4xRlV8OnXghSrxLv-jbpiXHK-4-ugKiTp6W2t6zNAfZFtlbhHQEy1GGHAq5lmV3KZaMxx4_g4Qabz/s1600/dicasdawebqq.png" /></a>
No Blogger tem essa função para fazer isso de modo mais simples, caso queira fazer uma imagem ou um link com texto abrir em uma nova aba basta selecionar a imagem ou palavra que vai abrir em uma nova aba e clicar no botão "Link" na área onde ficas as ferramentas de edição do Blogger
E depois no campo "Endereço da web" basta colocar o endereço da página que você quer que abra em uma nova aba e marque a opção "Abrir este link em uma nova janela" e de um "Ok"
Pronto agorá quando alguém clicar na imagem ou no link o endereço do destino será aberto em uma nova aba.