Blogosfera Aspectos técnicos
Noções de HTML HyperText Markup Language
Estrutura de um site HTML <html> <head> <title>Título do documento</title> </head> <body> Conteúdo da página </body> </html>
HTML: tags básicas Todos os comandos aparecem entre os sinais < e >. Alguns comandos precisam ser fechados, utilizando-se ...
HTML: exemplo Avião que a  França  tinha desde sexta-feira, na base militar de  Cayena , na  Guiana Francesa , partiu hoje...
HTML: como fazer links A tag para links é <a> <a href=“aqui vai a URL”>Aqui vai a palavra linkada</a>
HTML: como fazer links <a href=“ http://en.wikipedia.org/wiki/Ingrid_ Betancourt ” > Ingrid Betancourt</a> Avião que a  Fr...
HTML: como fazer links para nova janela <a href=“ http://en.wikipedia.org/wiki/Ingrid_ Betancourt  target=“blank”> Ingrid ...
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...
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...
Como incluir imagens A tag para inclusão de imagens é:  <img src=“URL da imagem” /> <img src=“ http://upload.wikimedia.org...
Como se mede a audiência? PAGEVIEW É o equivalente à visualização de uma página. Quando uma página html é carregada, um pa...
Como se mede a audiência? TIME SPENT É o tempo em que um internauta permaneceu online em determinada página TAXA DE RETORN...
Como se mede a audiência? TAXA DE REJEIÇÃO Percentual de usuários que abandonam seu site sem dar nenhum clique. O interess...
 
 
 
Licenciando por Creative Commons http://www.creativecommons.org
 
 
Side Bar
Cadastrando no Technorati http://www.technorati.com
 
 
 
Inserindo vídeo do YouTube
 
Upcoming SlideShare
Loading in …5
×

Keynote Blogs Tecnico

794 views
770 views

Published on

aula sobre aspectos técnicos para blogs

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
794
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

×