Feeds:
Posts
Comentários

Archive for the ‘HTML’ Category

 

Veja mais dicas sobre o WordPress na primeira entrada deste blog.

Read Full Post »

O que é o HTML 5!

Você depende dele, mas não o vê a olho nu. O código HTML está presente nas páginas da web há mais de dez anos e tem uma larga aceitação dos usuários por todo o mundo. Com certeza, qualquer pessoa que tem uma ligação um pouco mais estreita com computadores e internet já ouviu falar em HyperText Markup Language (Linguagem de marcação de hipertexto), ou seja, o HTML. A principal característica desse tipo de programação são as “tags” – as marcações para inserção de algum tipo de objeto ou característica de um objeto através de comandos em inglês e números.

As linhas a seguir exemplificam, de maneira quase grosseira, o que seria o código HTML de uma simples página da web sem quaisquer recursos avançados:

Descubra o que é o HTML 5!

Sabendo disso, podemos partir para a nova versão dessa linguagem de marcação de hipertextos. Já na sua quinta forma, o código HTML agora pode ser aproveitado para novas funções que podem beneficiar os desenvolvedores e os internautas. Isso acontece graças ao desenvolvimento quase paralelo da linguagem HTML e o XML. De maneira geral, o código XML é uma linguagem de marcação, assim como a outra já citada, que tem como objetivo principal criar documentos com dados hierarquicamente organizados.

É mais prático do que você imagina!

Com essa aproximação das linguagens, muita coisa pode mudar dentro de pouco tempo. Ao que tudo indica, a tão sonhada Web Semântica de Tim Berners-Lee está no caminho de acontecer e o HTML 5 pode ajudar bastante a chegar lá. Como pode observar, o sistema de divisão de marcações é todo feito por tags. Nessa nova linguagem, algumas dessas “etiquetas de marcação” mais objetivas. De modo geral, com essas e as outras novidades, será muito mais fácil navegar pela Internet!

O HTML 5 veio para tornar mais rápida a navegação em sites!

Tags Canvas

Fazer pequenas edições e criar imagens a partir de JavaScript ficou  muito mais simples!

Especializadas em renderizar imagens em bitmap, as tags canvas serão específicas para a edição breve de imagens através de APIs ou JavaScript. Esse tipo de edição acontece pura e exclusivamente de maneira muito similar a outros geradores de imagem em duas dimensões (2D). Além disso, as Canvas Tags são compatíveis com as folhas CSS.

Tags de vídeo

Incorporar vídeos ao seu site ou blog não depende mais de códigos  extensos!

Incluir vídeos em HTML como conhecemos hoje, utilizando códigos para o “embed”, ou seja, incorporar vídeos à página será muito mais simples. O HTML 5 possui tags específicas para a inserção de vídeos no corpo da página. Basta inserir a tag de vídeo assim como se faz com aquela destinada às imagens.
Assim, será necessário indicar uma “src”, ou seja, “source” (fonte) que nada mais é do que a origem do vídeo. A inserção de imagens em HTML funciona com a seguinte linha:
Esta linha de comando vai inserir imagens na sua página

Para os vídeos a situação será muito semelhante ao que é feitos hoje com as imagens. Assim como a edição rápida de atributos tais como “height” (altura) e “width” (largura) também poderão ser feita diretamente no código e totalmente personalizados pelo desenvolvedor da página ou do usuário que desejar criar algo completamente novo e aprender novas técnicas.

Geolocalização

APIs ajudarão a localizá-lo onde quer que você esteja!

Saber onde você está não é uma informação importante só para os seus pais, namorados ou namoradas. O HTML 5 também possui maneiras de descobrir a sua localização e informá-la aos sites e serviços que você acessa. Os APIs serão o ponto forte para determinar a localização de um usuário.
Por isso, este recurso de geolocalização permite o que se chama de “geottaging”. Através disso, pode-se fornecer ao usuário conteúdos específicos para o local em que ele está. É muito útil para aplicativos de smartphones, uma vez que este recurso envia e recebe informações a respeito de onde o indivíduo está.
Acesse aplicações mesmo que elas estejam offline!

Caching de aplicações

Agora, com o HTML 5 os aplicativos web poderão ser acessados offline via cache. De acordo com a publicação provisória da W3C, o arquivamento desses aplicativos será feito via URL em que cada uma delas possui uma categoria diferente. As entradas mestre são aqueles documentos que foram adicionados ao cache por um contexto de navegação indicado por um atributo de manifesto. Já o manifesto é a fonte da URL indicada na Entrada mestre do HTML. Esses arquivamentos ainda podem ser agrupados ou não.

Base de dados

Armazenar dados do seu site fica mais simples!

Apesar de não ser um recurso muito utilizado por usuários não desenvolvedores, os bancos de dados são importantes para os sites. No HTML 5, algumas vantagens serão implementadas como a possibilidade de entradas de valores ou palavras chave, além do banco de dados SQL.

E o que muda para o usuário?

Se você possui um perfil um pouco mais ligado às novidades tecnológicas, sentirá boas diferenças ao navegar pela Internet. Isso porque o HTML 5 irá facilitar muito a vida de todos nós – quer sejamos desenvolvedores ou apenas usuários. Para os desenvolvedores, fica mais rápido produzir sites cada vez mais fáceis e limpos para que os usuários possam aproveitar ao máximo cada uma dessas melhorias.

Muita coisa que vai mudar pode facilitar sua vida!

Você irá notar que colocar vídeos do YouTube no seu site ou blog ficará cada vez mais simples, assim como os conteúdos específicos direcionados para você que está procurando por uma padaria ou locadora de filmes pelo navegador do seu smartphone. Os conteúdos possuem a tendência de serem convergentes, assim como a linguagem de programação. O HTML 5 vem exatamente para facilitar esse processo!

Tirei daqui

Read Full Post »

Código 1: <a href=”http://www.humancalendar.com” target=”_blank”><img src=”http://api.humancalendar.com/2×2/150/-180/ms.jpg” width=”150″ height=”150″ border=”0″ /></a>

código 2: <a href=”http://www.humancalendar.com” target=”_blank”><img src=”http://api.humancalendar.com/3×3/275/540/ms.jpg” width=”275″ height=”275″ border=”0″ /></a>

COMO FAZER:

  • Abra uma entrada de blog. Pulse o “text” e coloque o código acima.
  • Pulse o visual e veja se está bom – repare que poder manipular o tamanho da altura e largura (width=”180″ height=”180″).
  • Pulse de novo o “text”. Copie o código (1 ou 2)
  • Vá em widget
  • Adicione o widget “text” puxando-o para a barra lateral.
  • Coloque o código dentro e SALVE.
  • testei agora e funcionaou muito bem,
  • Boa sorte

     http://www.chumby.com/virtualchumby2.swf

widget: (este, pode-se clicar para mudar a pessoa)

código(este pode não funcionar bem):

Veja mais aqui: http://www.humancalendar.com/portable.php

Read Full Post »


DICAS WORDPRESS


SEMPRE SENDO ATUALIZADO – SEMPRE EM CONSTRUÇÃO…REPONDO ALGUNS LINKS QUEBRADOS, ADICIONANDO OUTROS…

Se ficar difícil de achar alguma coisa específica, podes entrar em contato comigo, deixando uma mensagem na primeira entrada, ou mesmo adicionando uma “palavra chave” em Pukka Busca.

INICIANTES

O que é HTML
O que é LINK PERMANENTE
O que é URL

R

Ferramentas em HTML  – Geradores, tablas, etc…

GADGETS – mini-aplicativos – aqui tem música, RÁDIOS, VÍDEOS
DICAS PARA BLOGUES EM GERAL
GEOBLOB/GEOMAP globo rodando
MAPA de visitantes – Frappr.com – que tenho aqui em cima no blog
Mapa AMUNG US Mapa com as visitas online – pegue o código…
MyChingo.commensagens de voz no teu blog
RECURSOS DE ÁUDIO E VÍDEO
a) PLAYERS – muita música bo teu blog
Fileden hospede tuas músicas
SKYDRIVE – HOSPEDE TUAS MÚSICAS NO TEU PRÓPRIO BLOG – antigo LIVE SPACES
b) DICAS DE ÁUDIO/VÍDEOl
FUNNY VIDEOS – SLIDESHOW, 
Videocodezone – Video no WMP
Video no Módulo Blog
ele abre em outra janela, ok?
YOUTUBE no WMP
Worry About You – Moleza pegar música aqui. É só escrever a música que queres,  clicar no simbolo “guardar à direita” e já abre. Copie o código e adicione no teu MWP.
VIDEOS para o WMP
Muitos VIDEOS para o WMP

Escolha o link que queres, pousando o mouse sobre ele, e com o botão direito, “copiar atalho” e “colar” dentro do teu WMP
GOOGLE Video
MIDI CENTRAL
GRAVADORES DE SOM
VEJA MAIS AQUI

RECURSOS PARA IMAGEM
BLINGEE – enfeite tuas imagens como gifs
Veja mais AQUI
RECURSOS em HTML PARA TEXTO
PHOTOSHOP
Dicas de Messenger, SKYPE, Hotmail, TWITTER
MSN Cleaner
Dicas de Informática – saiba alguns truques e dicas para melhor usar o teu computador

Problemas com o teu blog?

Entre em contato com o suporte AQUI

Read Full Post »

%d blogueiros gostam disto: