estamos em obras!! construindo o conceito de web 2.0

Post on 17-Apr-2015

110 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

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!!!

Clique aqui

PREENCHER TODOS OS CAMPOS

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

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.

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.

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>

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.

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#”

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/

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

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

webnote

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.)

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

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

Webnote do curso “Blogs Pedagógicos”:

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

top related