SlideShare una empresa de Scribd logo
1 de 24
Estamos em Obras!!
Web 1 x Web 2 – imagem google
Estamos em Obras!!
Construindo o conceito de web 2.0
A Cibercultura e o Cirberespaço – Pierre Levy – (c.f. Alex Primo, 2009, o.p. Cappa)
Como criar um blog
no blogspot
Entre no endereço:
http://www.blogger.com
Mesmo que você já tenha um blog, vai criar
um novo, para o nosso curso de web 2.0!!!
Estamos em Obras!!
Possibilidades Pedagógicas na utilização de blogs na educação (c.f. Cappa, 2010)
Clique
aqui
PREENCHER TODOS OS CAMPOS
Após ter criado seu blog, Envie um email com o endereço do blog para:
nrtecampoeste@gmail.com
Seu blog será disponibilizado na página
http://decampinasoeste.edunet.sp.gov.br/links_outras_diretorias/pagina_inicial_links_escolas.htm
Entre no Modelo (Layout) do seu blog e clique na
aba elementos da página.
Na barra lateral (ou no rodapé, se seu blog não
tem barra lateral), clique em Adicionar um
elemento de página. Na janela que aparecer,
procure o item Adicionar Lista de Links. Clique em
Adicionar ao Blog.
Alterando as cores e as fontes do seu blog
Entre no Modelo (Layout) do seu blog de testes e
clique na aba Fontes e Cores:
No lado esquerdo você seleciona o item que deseja alterar.
Nas listas de cores, à direita, escolhe a cor desejada. Com as seguintes
opções:
cores do seu blog - caso queira repetir alguma
cores que combinam com as cores do seu blog - uma sugestão de cores.
mais cores - ampliando as opções de escolha
editar código - para especificar uma determinada cor a partir de uma tabela
de cores.
FERRAMENTAS PARA BLOGS
Para utilizar estes recursos que vamos apresentar, depois que
escolher a ferramenta que quiser, faça o seguinte:
No blogger: Entre no layout do seu blog –elementos da página-
adicionar um elemento de página –adicionar funcionalidades de
terceiros. Quando abrir, no quadro grande, cola todo o código
copiado e salva.
PARA COLOCAR SOM NO SEU BLOG
Primeiro você deve procurar uma música na Web Sugestão de site:
www.midinet.com.br Depois que você escolheu a música, clique
com o botão direito do mouse e copie o endereço.
Esse endereço é colocado depois de "src=“ dentro da seguinte tag:
<embed src=aqui vai o endereço da música escolhida width=70
height=25 type=audio/mid autostart="true"> </embed>
PARA O TEXTO ANIMADO USAMOS A SEGUINTE TAG:
<marquee scrollAmount=1 direction=up width=200
height=60><center><font face="Verdana, Arial, Helvetica, sans-
serif" color=#cc0099 size=1> coloque seu texto aqui
</font></center></marquee>
OU <marquee><font color="BLUE" size="4"><strong>aqui vai
sua mensagem</strong></font></marquee>
RELÓGIO:Para você colocar um relógio legal no seu blog: acesse o
endereço http://www.clocklink.com Escolha um relógio de seu gosto na
galeria (galeery) clique em "view HTML tag" e clique em "accept"
Escolha a cor desejada e em "TimeZone" escolha GMT - 03:00 e em
Size o tamanho do relógio. Então copie e cole a (a que aparece
primeiro) tag gerada em seu blog.
CORES NO TEXTO
Que tal mudar as cores da fonte em alguns textos?
<FONT COLOR = "#FF0000">Um texto vermelho. </FONT>
Resultado: um texto vermelho.
<FONT COLOR = "#0000FF"> Texto azul </FONT>.
Você pode substituir as cores, trocando o código "#0000FF" (azul) pelo
"#FF0000" (vermelho), por exemplo. Estes são os códigos mais comuns, mas
você encontra vários na internet:
Código de Cores
Azul =“#0000ff#”
Verde =“#008000#”
Amarelo =“#ffff00 #”
Vermelho =“#ff0000#”
Rosa =“#ff00ff#”
Branco =“#ffffff#”
Preto =“#000000#”
DICAS DE SITES PARA ACHAR TEMPLATES E ACESSÓRIOS PARA
INCREMENTAR SEU BLOG
http://www.maisblog.com/
http://www.brumaximus.blogger.com.br/ http://www.blogs.com.br/dicas/
http://www.b-log.net/guiablog/
http://www.tudoparablogs.com/ http://www.templatesbymarina.blogger.com.br/
http://comunidadeblogueira.blog.uol.com.br http://www.templatesbywallace.cjb.net/
http://www.cuteblognho_coisinhasfofas.blogger.com.br/
http://www.coisasfowfax.blogger.com.br/ http://www.scriptsuniverse.hpg.ig.com.br/
http://www.cutecolors.com/
Criar um slide show
http://www.slide.com/
Como inserir vídeo doComo inserir vídeo do
youtube no blog educacionalyoutube no blog educacional
DicasDicas
Passo 1
• No YouTube, localize o vídeo que você
deseja inserir.
Passo 2
• Copie (Ctrl+C) o texto que está na caixa
“Embed”.
Passo 3
• Abra o Bloco de Notas (Notepad) e cole
(Ctrl+V) o conteúdo copiado no Passo 2.
Passo 4
• Grave o arquivo com extensão “.html”. Ex:
video.html. Certifique-se de que na opção
“Salvar arquivo como” esteja selecionada a
opção “Todos os arquivos”.
Passo 5
• Abra o arquivo gravado. Você irá ver o vídeo
selecionado do seu navegador (Internet
Explorer, Mozilla).
Passo 6
• Selecione todo o conteúdo da página (Ctrl+A)
e o copie (Ctrl+C).
Passo 7
• Cole (Ctrl+V) o
conteúdo copiado no
Passo 6 dentro da
caixa de texto do
editor do post.
• Digite um espaço para
ter, pelo menos, um
caractere na caixa de
texto.
• Se necessário, ajuste
o tamanho do vídeo
para caber na área
reservada ao post.
Passo 8
• Salve o post e o
visualize no seu
blog.
E mais...
• O mesmo procedimento pode ser utilizado para a inserir
músicas (sugestão: Mp3Tube), apresentações
(sugestão: SlideShare) ou qualquer outro objeto
multimídia que tenha um campo EMBED.

Más contenido relacionado

Similar a Web 2.0 blog (20)

Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
ApresentaçãO1oficina De Blog
ApresentaçãO1oficina De BlogApresentaçãO1oficina De Blog
ApresentaçãO1oficina De Blog
 
Blog educacional
Blog educacionalBlog educacional
Blog educacional
 
Passo a passo_blog educacional
Passo a passo_blog educacionalPasso a passo_blog educacional
Passo a passo_blog educacional
 
Tutorialdeblogs 110505222146-phpapp02
Tutorialdeblogs 110505222146-phpapp02Tutorialdeblogs 110505222146-phpapp02
Tutorialdeblogs 110505222146-phpapp02
 
Tutorial sobre-flogs-12848
Tutorial sobre-flogs-12848Tutorial sobre-flogs-12848
Tutorial sobre-flogs-12848
 
Tutorial Sobre Flogs
Tutorial Sobre FlogsTutorial Sobre Flogs
Tutorial Sobre Flogs
 
Guia BáSico 3
Guia BáSico 3Guia BáSico 3
Guia BáSico 3
 
Criar um blog
Criar um blog Criar um blog
Criar um blog
 
Blogues
BloguesBlogues
Blogues
 
SEO e SMO para Blogs
SEO e SMO para BlogsSEO e SMO para Blogs
SEO e SMO para Blogs
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5
 
Criando uma webquest com o site webnode
Criando uma webquest com o site webnodeCriando uma webquest com o site webnode
Criando uma webquest com o site webnode
 
Tutorial blogs
Tutorial blogsTutorial blogs
Tutorial blogs
 
Dicas
DicasDicas
Dicas
 
Como criar um blog
Como criar um blogComo criar um blog
Como criar um blog
 
Como criar Sites
Como criar SitesComo criar Sites
Como criar Sites
 
Aprendendo a blogar
Aprendendo a blogarAprendendo a blogar
Aprendendo a blogar
 

Más de tecampinasoeste

EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...
EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...
EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...tecampinasoeste
 
Webnode - Revisado 26/10/13
Webnode - Revisado 26/10/13Webnode - Revisado 26/10/13
Webnode - Revisado 26/10/13tecampinasoeste
 
Arte e Tecnologia - Artes Visuais - 2013
Arte e Tecnologia - Artes Visuais - 2013Arte e Tecnologia - Artes Visuais - 2013
Arte e Tecnologia - Artes Visuais - 2013tecampinasoeste
 
Brincadeirasinfantis 100513064527-phpapp02
Brincadeirasinfantis 100513064527-phpapp02Brincadeirasinfantis 100513064527-phpapp02
Brincadeirasinfantis 100513064527-phpapp02tecampinasoeste
 
Orientações curriculares i
Orientações curriculares iOrientações curriculares i
Orientações curriculares itecampinasoeste
 
Apresentação sa artes visuais
Apresentação sa   artes visuaisApresentação sa   artes visuais
Apresentação sa artes visuaistecampinasoeste
 
Tutorial ava setembro 2013
Tutorial ava setembro 2013Tutorial ava setembro 2013
Tutorial ava setembro 2013tecampinasoeste
 
Como criar um blog setembro 2013
Como criar um blog setembro 2013Como criar um blog setembro 2013
Como criar um blog setembro 2013tecampinasoeste
 
Tutorial webnod setembro 2013
Tutorial webnod setembro 2013Tutorial webnod setembro 2013
Tutorial webnod setembro 2013tecampinasoeste
 

Más de tecampinasoeste (20)

Caderno impresso
Caderno impressoCaderno impresso
Caderno impresso
 
EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...
EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...
EE Procopio Ferreira Multiplicadores de Sorrisos Saúde e Educação / Parceria ...
 
Webnode - Revisado 26/10/13
Webnode - Revisado 26/10/13Webnode - Revisado 26/10/13
Webnode - Revisado 26/10/13
 
Arte e Tecnologia - Artes Visuais - 2013
Arte e Tecnologia - Artes Visuais - 2013Arte e Tecnologia - Artes Visuais - 2013
Arte e Tecnologia - Artes Visuais - 2013
 
Brincadeirasinfantis 100513064527-phpapp02
Brincadeirasinfantis 100513064527-phpapp02Brincadeirasinfantis 100513064527-phpapp02
Brincadeirasinfantis 100513064527-phpapp02
 
Tutorial webnode
Tutorial webnodeTutorial webnode
Tutorial webnode
 
Sequencia didatica
Sequencia didaticaSequencia didatica
Sequencia didatica
 
Orientações curriculares i
Orientações curriculares iOrientações curriculares i
Orientações curriculares i
 
Apresentação sa artes visuais
Apresentação sa   artes visuaisApresentação sa   artes visuais
Apresentação sa artes visuais
 
Tutorial webnode
Tutorial webnodeTutorial webnode
Tutorial webnode
 
Histórias
HistóriasHistórias
Histórias
 
Tutorial do AVA - EFAP
Tutorial do AVA - EFAP Tutorial do AVA - EFAP
Tutorial do AVA - EFAP
 
Tutorial ava setembro 2013
Tutorial ava setembro 2013Tutorial ava setembro 2013
Tutorial ava setembro 2013
 
Como criar um blog setembro 2013
Como criar um blog setembro 2013Como criar um blog setembro 2013
Como criar um blog setembro 2013
 
Tutorial webnod setembro 2013
Tutorial webnod setembro 2013Tutorial webnod setembro 2013
Tutorial webnod setembro 2013
 
Resolução 88 - 2013
Resolução 88 - 2013Resolução 88 - 2013
Resolução 88 - 2013
 
Tutorial webnode
Tutorial webnodeTutorial webnode
Tutorial webnode
 
Como criar meu blog
Como criar meu blogComo criar meu blog
Como criar meu blog
 
Tutorial ava efap
Tutorial ava efapTutorial ava efap
Tutorial ava efap
 
2 ava (1)
2 ava (1)2 ava (1)
2 ava (1)
 

Último

O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.denisecompasso2
 
Seminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxSeminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxReinaldoMuller1
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfHELENO FAVACHO
 
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...DirceuNascimento5
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfcomercial400681
 
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...Francisco Márcio Bezerra Oliveira
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTailsonSantos1
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfTutor de matemática Ícaro
 
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIAPROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIAHELENO FAVACHO
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptxJssicaCassiano2
 
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEMPRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEMHELENO FAVACHO
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxLuizHenriquedeAlmeid6
 
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfHELENO FAVACHO
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxTailsonSantos1
 
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdfTCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdfamarianegodoi
 
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaPROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaHELENO FAVACHO
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfFrancisco Márcio Bezerra Oliveira
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfHELENO FAVACHO
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxAntonioVieira539017
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfHELENO FAVACHO
 

Último (20)

O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
Seminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxSeminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptx
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
 
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIAPROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx
 
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEMPRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
 
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
 
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdfTCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
 
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaPROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
 

Web 2.0 blog

  • 1. Estamos em Obras!! Web 1 x Web 2 – imagem google
  • 2. Estamos em Obras!! Construindo o conceito de web 2.0
  • 3. A Cibercultura e o Cirberespaço – Pierre Levy – (c.f. Alex Primo, 2009, o.p. Cappa)
  • 4. Como criar um blog no blogspot Entre no endereço: http://www.blogger.com Mesmo que você já tenha um blog, vai criar um novo, para o nosso curso de web 2.0!!!
  • 5. Estamos em Obras!! Possibilidades Pedagógicas na utilização de blogs na educação (c.f. Cappa, 2010)
  • 8. Após ter criado seu blog, Envie um email com o endereço do blog para: nrtecampoeste@gmail.com Seu blog será disponibilizado na página http://decampinasoeste.edunet.sp.gov.br/links_outras_diretorias/pagina_inicial_links_escolas.htm
  • 9. Entre no Modelo (Layout) do seu blog e clique na aba elementos da página. Na barra lateral (ou no rodapé, se seu blog não tem barra lateral), clique em Adicionar um elemento de página. Na janela que aparecer, procure o item Adicionar Lista de Links. Clique em Adicionar ao Blog.
  • 10. Alterando as cores e as fontes do seu blog Entre no Modelo (Layout) do seu blog de testes e clique na aba Fontes e Cores: No lado esquerdo você seleciona o item que deseja alterar. Nas listas de cores, à direita, escolhe a cor desejada. Com as seguintes opções: cores do seu blog - caso queira repetir alguma cores que combinam com as cores do seu blog - uma sugestão de cores. mais cores - ampliando as opções de escolha editar código - para especificar uma determinada cor a partir de uma tabela de cores.
  • 11. FERRAMENTAS PARA BLOGS Para utilizar estes recursos que vamos apresentar, depois que escolher a ferramenta que quiser, faça o seguinte: No blogger: Entre no layout do seu blog –elementos da página- adicionar um elemento de página –adicionar funcionalidades de terceiros. Quando abrir, no quadro grande, cola todo o código copiado e salva. PARA COLOCAR SOM NO SEU BLOG Primeiro você deve procurar uma música na Web Sugestão de site: www.midinet.com.br Depois que você escolheu a música, clique com o botão direito do mouse e copie o endereço. Esse endereço é colocado depois de "src=“ dentro da seguinte tag: <embed src=aqui vai o endereço da música escolhida width=70 height=25 type=audio/mid autostart="true"> </embed>
  • 12. PARA O TEXTO ANIMADO USAMOS A SEGUINTE TAG: <marquee scrollAmount=1 direction=up width=200 height=60><center><font face="Verdana, Arial, Helvetica, sans- serif" color=#cc0099 size=1> coloque seu texto aqui </font></center></marquee> OU <marquee><font color="BLUE" size="4"><strong>aqui vai sua mensagem</strong></font></marquee> RELÓGIO:Para você colocar um relógio legal no seu blog: acesse o endereço http://www.clocklink.com Escolha um relógio de seu gosto na galeria (galeery) clique em "view HTML tag" e clique em "accept" Escolha a cor desejada e em "TimeZone" escolha GMT - 03:00 e em Size o tamanho do relógio. Então copie e cole a (a que aparece primeiro) tag gerada em seu blog.
  • 13. CORES NO TEXTO Que tal mudar as cores da fonte em alguns textos? <FONT COLOR = "#FF0000">Um texto vermelho. </FONT> Resultado: um texto vermelho. <FONT COLOR = "#0000FF"> Texto azul </FONT>. Você pode substituir as cores, trocando o código "#0000FF" (azul) pelo "#FF0000" (vermelho), por exemplo. Estes são os códigos mais comuns, mas você encontra vários na internet: Código de Cores Azul =“#0000ff#” Verde =“#008000#” Amarelo =“#ffff00 #” Vermelho =“#ff0000#” Rosa =“#ff00ff#” Branco =“#ffffff#” Preto =“#000000#”
  • 14. DICAS DE SITES PARA ACHAR TEMPLATES E ACESSÓRIOS PARA INCREMENTAR SEU BLOG http://www.maisblog.com/ http://www.brumaximus.blogger.com.br/ http://www.blogs.com.br/dicas/ http://www.b-log.net/guiablog/ http://www.tudoparablogs.com/ http://www.templatesbymarina.blogger.com.br/ http://comunidadeblogueira.blog.uol.com.br http://www.templatesbywallace.cjb.net/ http://www.cuteblognho_coisinhasfofas.blogger.com.br/ http://www.coisasfowfax.blogger.com.br/ http://www.scriptsuniverse.hpg.ig.com.br/ http://www.cutecolors.com/ Criar um slide show http://www.slide.com/
  • 15. Como inserir vídeo doComo inserir vídeo do youtube no blog educacionalyoutube no blog educacional DicasDicas
  • 16. Passo 1 • No YouTube, localize o vídeo que você deseja inserir.
  • 17. Passo 2 • Copie (Ctrl+C) o texto que está na caixa “Embed”.
  • 18. Passo 3 • Abra o Bloco de Notas (Notepad) e cole (Ctrl+V) o conteúdo copiado no Passo 2.
  • 19. Passo 4 • Grave o arquivo com extensão “.html”. Ex: video.html. Certifique-se de que na opção “Salvar arquivo como” esteja selecionada a opção “Todos os arquivos”.
  • 20. Passo 5 • Abra o arquivo gravado. Você irá ver o vídeo selecionado do seu navegador (Internet Explorer, Mozilla).
  • 21. Passo 6 • Selecione todo o conteúdo da página (Ctrl+A) e o copie (Ctrl+C).
  • 22. Passo 7 • Cole (Ctrl+V) o conteúdo copiado no Passo 6 dentro da caixa de texto do editor do post. • Digite um espaço para ter, pelo menos, um caractere na caixa de texto. • Se necessário, ajuste o tamanho do vídeo para caber na área reservada ao post.
  • 23. Passo 8 • Salve o post e o visualize no seu blog.
  • 24. E mais... • O mesmo procedimento pode ser utilizado para a inserir músicas (sugestão: Mp3Tube), apresentações (sugestão: SlideShare) ou qualquer outro objeto multimídia que tenha um campo EMBED.