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 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>
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…
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  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:
HTML: como fazer links para nova janela <a href=“ http://en.wikipedia.org/wiki/Ingrid_ Betancourt  target=“blank”> Ingrid Betancourt</a>
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:
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.
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”  />
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.
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.
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...
 
 
 
Licenciando por Creative Commons http://www.creativecommons.org
 
 
Side Bar
Cadastrando no Technorati http://www.technorati.com
 
 
 
Inserindo vídeo do YouTube
 

Mais conteúdo relacionado

PDF
Workshop Tecnologia Web
PDF
Projeto Redesign ACIC
PPTX
Aula02
DOCX
Revisoesm3
PPT
Criar uma apresentação de slide
PPT
Webv 2.0 Webnote
Workshop Tecnologia Web
Projeto Redesign ACIC
Aula02
Revisoesm3
Criar uma apresentação de slide
Webv 2.0 Webnote

Destaque (10)

PDF
Kiezen of gekozen worden?
PDF
Rg 1669
PPTX
Презентация механизмов популяризации Neuronet
PDF
1 PDC Letter of Reference
DOC
PDF
Ata audiencia-70-Abono Pecuniário
PPTX
Managing hr during mergers &; acquisitions
DOCX
Darwin Melgar CV November 2016
DOC
Maintenance Secretary
PPTX
Googeln Sie Ihre Bewerber?
Kiezen of gekozen worden?
Rg 1669
Презентация механизмов популяризации Neuronet
1 PDC Letter of Reference
Ata audiencia-70-Abono Pecuniário
Managing hr during mergers &; acquisitions
Darwin Melgar CV November 2016
Maintenance Secretary
Googeln Sie Ihre Bewerber?
Anúncio

Semelhante a Keynote Blogs Tecnico (20)

PPSX
W3C Web Standards HTML
PDF
Curso html
PDF
Tecnologias Web com foco na criação de Landing Pages
PPT
Aula1 - Curso Web-Design - ETECA Camargo Aranha
DOC
PPTX
PDF
HTML
PDF
PDF
Html+para+iniciantes
PDF
HyperText Markup Language
PPTX
Introdução de web
PDF
PDF
Html 01
PPTX
O que é html
PDF
019 programacao web-html[1]
PDF
Html programacao web
PDF
Apostila+de+html
PDF
Apostila HTML
W3C Web Standards HTML
Curso html
Tecnologias Web com foco na criação de Landing Pages
Aula1 - Curso Web-Design - ETECA Camargo Aranha
HTML
Html+para+iniciantes
HyperText Markup Language
Introdução de web
Html 01
O que é html
019 programacao web-html[1]
Html programacao web
Apostila+de+html
Apostila HTML
Anúncio

Mais de Ana Brambilla (20)

PDF
On demand media
PDF
Social Media Metrics
PDF
Social Media Strategy
PDF
Gift economy, moral economy
PDF
Facebook e Social Traffic
PDF
Consumo de Mídias Digitais
PDF
Digital Media Business
PDF
Data driven products
PDF
Business intelligence and big data
PDF
Branding and Social Media
PDF
Ethics & Social Awareness
PDF
New Lifestyles in the Digital Media
PDF
McLuhan and the Technology
PDF
Netnography
PDF
Self-Communication & Privacy in the Digital Era
PDF
Psychology and digital culture
PDF
Paradigm of complexity
PDF
Smart cities (Dubai)
PDF
Theory of hypermedia
PDF
Web Celebrity
On demand media
Social Media Metrics
Social Media Strategy
Gift economy, moral economy
Facebook e Social Traffic
Consumo de Mídias Digitais
Digital Media Business
Data driven products
Business intelligence and big data
Branding and Social Media
Ethics & Social Awareness
New Lifestyles in the Digital Media
McLuhan and the Technology
Netnography
Self-Communication & Privacy in the Digital Era
Psychology and digital culture
Paradigm of complexity
Smart cities (Dubai)
Theory of hypermedia
Web Celebrity

Último (20)

PDF
wp-sn-advanced-high-availability-architecture (pt-br).pdf
PPT
Padrões de Beleza I - Estética Corporal e Saúde
PDF
Processamento da remessa no SAP ERP, SCM610 Col15
PDF
Personalização de tópicos adicionais no SAP Extended Warehouse Management, EW...
PPTX
Modelo para Qualificação de Mestrado - Tecnologia da Informação
PDF
POO - Aula 05 - Herança - Generalização e Especialização.pdf
PPTX
Introdução a Computação em Nuvem-parte2-T2
PDF
Metodologia Scrumban-XP - Um Guia Rápido (MrSomebody19).pdf
PPTX
RCSOFTdfsdfrvadfvdfvargfvevevrervevqer.pptx
PPT
inteligencia_artificial REPRESENTAÇÃO DO CONHECECIMENTO
PDF
POO - Aula 05 - Herança - Generalização e Especialização.pdf
PPTX
Legislação aeronautica na aviação civil Brasileira
PPTX
AULA 1.pptx GESTÃO DE OPERAÇÕES INDUSTRIAIS
PDF
Visão geral da SAP, SAP01 Col18, Introdução sistema SAP,
PDF
resumo de instalação de placa arduino em jardim vertical para fertirrigação
PDF
Arquitetura de Software slides sommerville
PDF
ASCENSÃO E QUEDA DO SOFTWARE LIVRE NO ESTADO BRASILEIRO
PPTX
Panorama da aviação civil brasileira ANAC
PDF
instalacoes eletricas para industria apressentacao basicas
PPTX
Politicas-de-Seguranca-Privacidade-e-Cookies.pptx
wp-sn-advanced-high-availability-architecture (pt-br).pdf
Padrões de Beleza I - Estética Corporal e Saúde
Processamento da remessa no SAP ERP, SCM610 Col15
Personalização de tópicos adicionais no SAP Extended Warehouse Management, EW...
Modelo para Qualificação de Mestrado - Tecnologia da Informação
POO - Aula 05 - Herança - Generalização e Especialização.pdf
Introdução a Computação em Nuvem-parte2-T2
Metodologia Scrumban-XP - Um Guia Rápido (MrSomebody19).pdf
RCSOFTdfsdfrvadfvdfvargfvevevrervevqer.pptx
inteligencia_artificial REPRESENTAÇÃO DO CONHECECIMENTO
POO - Aula 05 - Herança - Generalização e Especialização.pdf
Legislação aeronautica na aviação civil Brasileira
AULA 1.pptx GESTÃO DE OPERAÇÕES INDUSTRIAIS
Visão geral da SAP, SAP01 Col18, Introdução sistema SAP,
resumo de instalação de placa arduino em jardim vertical para fertirrigação
Arquitetura de Software slides sommerville
ASCENSÃO E QUEDA DO SOFTWARE LIVRE NO ESTADO BRASILEIRO
Panorama da aviação civil brasileira ANAC
instalacoes eletricas para industria apressentacao basicas
Politicas-de-Seguranca-Privacidade-e-Cookies.pptx

Keynote Blogs Tecnico

  • 2. Noções de HTML HyperText Markup Language
  • 3. Estrutura de um site HTML <html> <head> <title>Título do documento</title> </head> <body> Conteúdo da página </body> </html>
  • 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. 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. HTML: como fazer links A tag para links é <a> <a href=“aqui vai a URL”>Aqui vai a palavra linkada</a>
  • 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. HTML: como fazer links para nova janela <a href=“ http://en.wikipedia.org/wiki/Ingrid_ Betancourt target=“blank”> Ingrid Betancourt</a>
  • 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. 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. 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. 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. 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. 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.  
  • 16.  
  • 17.  
  • 18. Licenciando por Creative Commons http://www.creativecommons.org
  • 19.  
  • 20.  
  • 22. Cadastrando no Technorati http://www.technorati.com
  • 23.  
  • 24.  
  • 25.  
  • 27.