Download - Web 2.0 blog
![Page 1: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/1.jpg)
Estamos em Obras!!Web 1 x Web 2 – imagem google
![Page 2: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/2.jpg)
Estamos em Obras!!Construindo o conceito de web 2.0
![Page 3: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/3.jpg)
A Cibercultura e o Cirberespaço – Pierre Levy – (c.f. Alex Primo, 2009, o.p. Cappa)
![Page 4: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/4.jpg)
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!!!
![Page 5: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/5.jpg)
Estamos em Obras!!Possibilidades Pedagógicas na utilização de blogs na educação (c.f. Cappa, 2010)
![Page 6: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/6.jpg)
Clique aqui
![Page 7: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/7.jpg)
PREENCHER TODOS OS CAMPOS
![Page 8: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/8.jpg)
Após ter criado seu blog, Envie um email com o endereço do blog para: [email protected]
Seu blog será disponibilizado na páginahttp://decampinasoeste.edunet.sp.gov.br/links_outras_diretorias/pagina_inicial_links_escolas.htm
![Page 9: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/9.jpg)
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.
![Page 10: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/10.jpg)
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.
![Page 11: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/11.jpg)
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>
![Page 12: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/12.jpg)
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.
![Page 13: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/13.jpg)
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 CoresAzul =“#0000ff#”
Verde =“#008000#”Amarelo =“#ffff00 #”
Vermelho =“#ff0000#”Rosa =“#ff00ff#”Branco =“#ffffff#”
Preto =“#000000#”
![Page 14: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/14.jpg)
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 showhttp://www.slide.com/
![Page 15: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/15.jpg)
Como inserir vídeo do Como inserir vídeo do youtube no blog educacionalyoutube no blog educacional
DicasDicas
![Page 16: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/16.jpg)
Passo 1
• No YouTube, localize o vídeo que você deseja inserir.
![Page 17: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/17.jpg)
Passo 2
• Copie (Ctrl+C) o texto que está na caixa “Embed”.
![Page 18: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/18.jpg)
Passo 3
• Abra o Bloco de Notas (Notepad) e cole (Ctrl+V) o conteúdo copiado no Passo 2.
![Page 19: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/19.jpg)
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”.
![Page 20: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/20.jpg)
Passo 5• Abra o arquivo gravado. Você irá ver o vídeo
selecionado do seu navegador (Internet Explorer, Mozilla).
![Page 21: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/21.jpg)
Passo 6• Selecione todo o conteúdo da página (Ctrl+A) e o
copie (Ctrl+C).
![Page 22: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/22.jpg)
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.
![Page 23: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/23.jpg)
Passo 8
• Salve o post e o visualize no seu blog.
![Page 24: Web 2.0 blog](https://reader033.vdocuments.pub/reader033/viewer/2022052906/558a0947d8b42a7f268b456d/html5/thumbnails/24.jpg)
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.