• Like

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Uploaded on

 

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
825
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
6
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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)
  • 6. Clique aqui
  • 7. PREENCHER TODOS OS CAMPOS
  • 8. Após ter criado seu blog, Envie um email com o endereço do blog para: [email_address] 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 &quot;src=“ dentro da seguinte tag: <embed src=aqui vai o endereço da música escolhida width=70 height=25 type=audio/mid autostart=&quot;true&quot;> </embed>
  • 12. PARA O TEXTO ANIMADO USAMOS A SEGUINTE TAG : <marquee scrollAmount=1 direction=up width=200 height=60><center><font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; color=#cc0099 size=1> coloque seu texto aqui </font></center></marquee> OU <marquee><font color=&quot;BLUE&quot; size=&quot;4&quot;><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 &quot;view HTML tag&quot; e clique em &quot;accept&quot; Escolha a cor desejada e em &quot;TimeZone&quot; 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 = &quot;#FF0000&quot;>Um texto vermelho. </FONT> Resultado: um texto vermelho. <FONT COLOR = &quot;#0000FF&quot;> Texto azul </FONT>. Você pode substituir as cores, trocando o código &quot;#0000FF&quot; (azul) pelo &quot;#FF0000&quot; (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 do youtube no blog educacional Dicas
  • 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.