41
Estamos em Obras!! Construindo o conceito de web 2.0

Estamos em Obras!! Construindo o conceito de web 2.0

Embed Size (px)

Citation preview

Page 1: Estamos em Obras!! Construindo o conceito de web 2.0

Estamos em Obras!!Construindo o conceito de web 2.0

Page 2: Estamos em Obras!! Construindo o conceito de web 2.0
Page 3: Estamos em Obras!! Construindo o conceito de web 2.0
Page 4: Estamos em Obras!! Construindo o conceito de web 2.0

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: Estamos em Obras!! Construindo o conceito de web 2.0

Clique aqui

Page 6: Estamos em Obras!! Construindo o conceito de web 2.0

PREENCHER TODOS OS CAMPOS

Page 7: Estamos em Obras!! Construindo o conceito de web 2.0

Após ter criado seu blog, faça uma apresentação pessoal.

Page 8: Estamos em Obras!! Construindo o conceito de web 2.0

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 9: Estamos em Obras!! Construindo o conceito de web 2.0

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 10: Estamos em Obras!! Construindo o conceito de web 2.0

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 11: Estamos em Obras!! Construindo o conceito de web 2.0

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 12: Estamos em Obras!! Construindo o conceito de web 2.0

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 13: Estamos em Obras!! Construindo o conceito de web 2.0

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 14: Estamos em Obras!! Construindo o conceito de web 2.0

O site Slideshare é mais uma aplicação típica da “web 2.0″

O diferencial do Slideshare é que o material que ele disponibiliza são as apresentações nossas de cada dia,

em formato do Powerpoint ou documentos e planilhas em excel. Além de disponibilizar as suas apresentações

para consulta por outros potenciais interessados, você pode ver on-line (sem precisar ter o Powerpoint instalado) todas as apresentações disponibilizadas,

pesquisá-las ou mesmo comentá-las e classificá-las. Mais uma ferramenta interessante para a hora de fazer suas apresentações,

e para compartilhá-las depois.link: Slideshare

Site do slideshare (slides)http://www.slideshare.net

Page 15: Estamos em Obras!! Construindo o conceito de web 2.0

Experimente um tema de Filme Automático Separe as fotos e vídeos que você deseja usar, que o resto fica por conta do Movie Maker.

Compartilhe com os amigos Assim que o filme estiver pronto, será fácil postá-lo em sites de compartilhamento de vídeos e redes sociais populares.

Adicione suas fotos e vídeos Importe fotos e vídeos do seu PC ou câmera para o Movie Maker para começar a fazer filmes.

Edite o vídeo Faça com que o seu filme fique do jeito que você desejar, com as ferramentas de edição que permitem cortar, dividir e acelerar ou reduzir a velocidade do filme.

Edite o áudio Adicione e edite a trilha sonora do seu filme. Ajuste o volume, aumente ou diminua a música e muito mais.

Como usar o Movie Maker

http://explore.live.com/windows-live-movie-maker?os=other

Page 16: Estamos em Obras!! Construindo o conceito de web 2.0

webnote

Page 17: Estamos em Obras!! Construindo o conceito de web 2.0

webnote

Um recurso interessante de ser utilizado para dar interatividade ao seu blog >> um mural de recados.

Entre em http://www.aypwip.org/webnote/

No quadrinho em branco à direita digite o nome de seu mural e clique em load. Se não houver nenhum webnote com aquele nome, está feito o seu. [exemplo]

Dicas:use uma palavra só, sem acentos; não use ç; evite palavras muito conhecidas; Não se preocupe se alguém apagou seus recados; Use o terceiro ícone da barra para recuperar versões anteriores do seu mural.

E mais:insira no seu blog como link, usando alguma imagem representativa.

Para colocar no blog, copiar o código abaixo:<a href="endereço do webnote (link)"><img

src="http://www.etc.etc/nomedoarquivodeimagem.jpg"/></a>

(substitui os endereços ex acima.)

Page 18: Estamos em Obras!! Construindo o conceito de web 2.0
Page 19: Estamos em Obras!! Construindo o conceito de web 2.0

http://www.aypwip.org/webnote/

Page 20: Estamos em Obras!! Construindo o conceito de web 2.0
Page 21: Estamos em Obras!! Construindo o conceito de web 2.0

É só escolher o nome do seu webnote e clicar em load

Page 22: Estamos em Obras!! Construindo o conceito de web 2.0
Page 23: Estamos em Obras!! Construindo o conceito de web 2.0
Page 24: Estamos em Obras!! Construindo o conceito de web 2.0
Page 25: Estamos em Obras!! Construindo o conceito de web 2.0
Page 26: Estamos em Obras!! Construindo o conceito de web 2.0
Page 27: Estamos em Obras!! Construindo o conceito de web 2.0
Page 28: Estamos em Obras!! Construindo o conceito de web 2.0
Page 29: Estamos em Obras!! Construindo o conceito de web 2.0
Page 30: Estamos em Obras!! Construindo o conceito de web 2.0
Page 31: Estamos em Obras!! Construindo o conceito de web 2.0
Page 32: Estamos em Obras!! Construindo o conceito de web 2.0
Page 33: Estamos em Obras!! Construindo o conceito de web 2.0
Page 34: Estamos em Obras!! Construindo o conceito de web 2.0
Page 35: Estamos em Obras!! Construindo o conceito de web 2.0
Page 36: Estamos em Obras!! Construindo o conceito de web 2.0
Page 37: Estamos em Obras!! Construindo o conceito de web 2.0
Page 38: Estamos em Obras!! Construindo o conceito de web 2.0
Page 39: Estamos em Obras!! Construindo o conceito de web 2.0
Page 40: Estamos em Obras!! Construindo o conceito de web 2.0
Page 41: Estamos em Obras!! Construindo o conceito de web 2.0

Webnote do curso “Blogs Pedagógicos”:

http://www.aypwip.org/webnote/web2.0derco