Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Keynote Blogs Tecnico

892 views

Published on

aula sobre aspectos técnicos para blogs

Published in: Technology
  • Be the first to comment

Keynote Blogs Tecnico

  1. 1. Blogosfera Aspectos técnicos
  2. 2. Noções de HTML HyperText Markup Language
  3. 3. Estrutura de um site HTML <html> <head> <title>Título do documento</title> </head> <body> Conteúdo da página </body> </html>
  4. 4. HTML: tags básicas Todos os comandos aparecem entre os sinais < e >. Alguns comandos precisam ser fechados, utilizando-se no segundo conjunto a barra normal: <comando/> Negrito: <b>Tudo o que está nesse trecho está em negrito.</b> Itálico: <i>Só mudou a letra entre as chaves para italizar.</i> Novo parágrafo: <p> Riscado <s> Sublinhado <u> Quebra de linha: <br> Linha horizontal <hr>
  5. 5. HTML: exemplo Avião que a França tinha desde sexta-feira, na base militar de Cayena , na Guiana Francesa , partiu hoje rumo à selva nos Açores . A missão é o resgate da ex-candidata à presidência da Colômbia , Ingrid Betancourt . <p>Avião que a <b>França</b> tinha desde sexta-feira, na base militar de <i>Cayena</i>, na <b>Guiana Francesa</b>, partiu hoje rumo à selva nos <b>Açores</b>. <br> A missão é o resgate da ex-candidata à presidência da <b>Colômbia</b>, <i>Ingrid Betancourt</i>. Como fica, em html…
  6. 6. HTML: como fazer links A tag para links é <a> <a href=“aqui vai a URL”>Aqui vai a palavra linkada</a>
  7. 7. HTML: como fazer links <a href=“ http://en.wikipedia.org/wiki/Ingrid_ Betancourt ” > Ingrid Betancourt</a> Avião que a França tinha desde sexta-feira, na base militar de Cayena , na Guiana Francesa , partiu hoje rumo à selva nos Açores . A missão é o resgate da ex-candidata à presidência da Colômbia , Ingrid Betancourt . <a href=“ http://en.wikipedia.org/wiki/Ingrid_ Betancourt ” target=“blank” > Ingrid Betancourt</a> Para abrir em nova janela:
  8. 8. HTML: como fazer links para nova janela <a href=“ http://en.wikipedia.org/wiki/Ingrid_ Betancourt target=“blank”> Ingrid Betancourt</a>
  9. 9. Como incluir imagens I Toda imagem na web tem um endereço, uma URL. Para saber qual a URL de uma imagem clique com o botão da DIREITA e peça para abrir em nova janela:
  10. 10. Como incluir imagens II Toda imagem na web tem um endereço, uma URL. Para saber qual a URL de uma imagem, clique com o botão da direita + PROPRIEDADES.
  11. 11. Como incluir imagens A tag para inclusão de imagens é: <img src=“URL da imagem” /> <img src=“ http://upload.wikimedia.org/wikipedia/en/thumb/9/93/Ingridbproofoflife.JPG/220px-Ingridbproofoflife.JPG” />
  12. 12. Como se mede a audiência? PAGEVIEW É o equivalente à visualização de uma página. Quando uma página html é carregada, um pageview é contado. Na publicidade em web se usa também “impressão”. UNIQUE VISITOR É a visita única por site. Se um visitante navegar por 7 páginas em seu site, serão contados 7 pageviews e 1 unique visitor.
  13. 13. Como se mede a audiência? TIME SPENT É o tempo em que um internauta permaneceu online em determinada página TAXA DE RETORNO Percentual de pessoas (IPs de computadores) que voltaram a visitar seu site em outra SESSÃO.
  14. 14. Como se mede a audiência? TAXA DE REJEIÇÃO Percentual de usuários que abandonam seu site sem dar nenhum clique. O interessante é observar qual a página com maior taxa de rejeição e trabalhar sobre ela. Algumas ferramentas: Google Analytics, Certifica, W/Usage, Awstats, Predicta...
  15. 18. Licenciando por Creative Commons http://www.creativecommons.org
  16. 21. Side Bar
  17. 22. Cadastrando no Technorati http://www.technorati.com
  18. 26. Inserindo vídeo do YouTube

×