Web 2.0 blog
Transferir como PPT, PDF1 gostou458 visualizações
1) O documento fornece instruções para a criação de um blog no Blogger e a adição de elementos como música, texto animado e relógio. 2) Inclui dicas para alterar cores, fontes e templates do blog, além de sites para encontrar acessórios. 3) Fornece passo-a-passo detalhado para inserir vídeos do YouTube no blog educacional.
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)
- 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 protected] 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.