web 2.0 blog

24
Estamos em Obras!! Web 1 x Web 2 – imagem google

Upload: tecampinasoeste

Post on 24-Jun-2015

876 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Web 2.0 blog

Estamos em Obras!!Web 1 x Web 2 – imagem google

Page 2: Web 2.0 blog

Estamos em Obras!!Construindo o conceito de web 2.0

Page 3: Web 2.0 blog

A Cibercultura e o Cirberespaço – Pierre Levy – (c.f. Alex Primo, 2009, o.p. Cappa)

Page 4: Web 2.0 blog

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

Estamos em Obras!!Possibilidades Pedagógicas na utilização de blogs na educação (c.f. Cappa, 2010)

Page 6: Web 2.0 blog

Clique aqui

Page 7: Web 2.0 blog

PREENCHER TODOS OS CAMPOS

Page 8: Web 2.0 blog

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

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

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

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

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

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

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

Como inserir vídeo do Como inserir vídeo do youtube no blog educacionalyoutube no blog educacional

DicasDicas

Page 16: Web 2.0 blog

Passo 1

• No YouTube, localize o vídeo que você deseja inserir.

Page 17: Web 2.0 blog

Passo 2

• Copie (Ctrl+C) o texto que está na caixa “Embed”.

Page 18: Web 2.0 blog

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

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

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

Passo 6• Selecione todo o conteúdo da página (Ctrl+A) e o

copie (Ctrl+C).

Page 22: Web 2.0 blog

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

Passo 8

• Salve o post e o visualize no seu blog.

Page 24: Web 2.0 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.