Mostrando postagens com marcador recursos. Mostrar todas as postagens
Mostrando postagens com marcador recursos. Mostrar todas as postagens

maio 22, 2007

Capturar e salvar imagens

Um recurso bastante útil para construir tutoriais :)

1 - Posicione na tela do monitor do computador a imagem que deseja capturar. Se ela não for totalmente visível, use o recurso de exibir em tela inteira (aperte F11; para sair aperte F11 de novo), para tentar ampliar o conteúdo visível na tela.

2 - Aperte a tecla Print Screen, que fica geralmente depois das teclas F (F12). Isso vai copiar a imagem da tela.

3 - Abra um editor de imagens. Pode ser o Paint (Windows) ou o Gimp (Windows/Linux). Cole a imagem que foi copiada. (Ctrl + v)

4 - Edite a imagem como desejar e salve. Use preferencialmente os formatos .jpg ou .png

Como adicionar Links em uma postagem

1 - No texto, selecione com o mouse a palavra (ou clique na imagem, se quiser linkar por meio de uma imagem) que fará a ligação com a outra página ou postagem.



2 - Use o ícone "Link", em realce na imagem acima. Vai abrir uma janelinha onde você vai digitar ou colar o endereço (URL; http://...) ao qual o link levará. Se a ligação for para uma outra postagem sua, copie o link permanente desta postagem (fica na base de cada postagem perto ou na data/hora; em alguns blogs fica em um marcador tipo: ¶ , também perto da data/hora, postado por...). De ok.

3 - outra forma de inserir um link é digitando o código: clique na "Editar Html" na janela de postagem e, no lugar onde deseja o link, digite o seguinte código:

<a href="http://www.proaufrgs.blogspot.com" target="_blank" title="blog do proa 17">PROA 17</a>

onde:

http://www.proaufrgs.blogspot.com é o endereço, substitua pelo que desejar.

_blank é a forma de exibir o link (_blank em nova janela), retire o target="_blank" para exibir na mesma janela.

title = texto que aparece quando se coloca o mouse sobre o link e que é lido por aplicativos para deficientes visuais, por exemplo. Substitua o blog do proa 17 .

PROA 17 = palavra que direciona para o endereço; use a que desejar.

Volte para o modo de edição anterior (clique na aba Escrever). O link acima aparecerá assim:

PROA 17

Ex 2:

maio 16, 2007

Clip / Blog - no bloglines

Como usar as possibilidades do bloglines de Clipar e Blogar as postagens que estamos lendo.

No bloglines, quando estiveres visualizando um blog na janela da direita, no rodapé de cada postagem aparece o seguinte:

  • Publicado em: .......
  • Atualizado .........
  • Enviar por E-mail
  • Criar clip/blog
Clicando em Criar Clip/Blog, você poderá:

a) postar o link daquela postagem no blog do bloglines acrescido de seus comentários:

Clique em Clip/Blog, vai abrir uma janela com o link da postagem (URL: ...). Acrescente seus comentários e/ou copie e cole parte da postagem. Formate usando as ferramentas da barra superior. Clique em Publicar em Blog. Esta postagem vai aparecer publicada em http://www.bloglines.com/blog/seunomedeusuario/ e você pode vê-la, também, clicando na aba Blog do seu bloglines.

b) guardar o link daquela postagem com seus comentários numa pasta de clippings*:

Clique em Clip/Blog, vai abrir uma janela com o link da postagem (URL: ...). Acrescente seus comentários e/ou cole parte da postagem que deseja guardar. Formate usando as ferramentas da barra supeiror. Selecione a Pasta de Clippings na caixa de texto (podes criar pastas de clippings por assunto, clicando em nova pasta). Você poderá acessar os seus textos guardados, clicando na aba Clippings do seu bloglines. Estes recortes de texto, comentários e observações estarão acessíveis somente para você. É muito útil para classificar e guardar aquilo que lhe interessa para futura leitura/consulta.

Esta ferramenta poderá ser bastante útil na observação dos blogs das colegas, atividades da semana 4 e 5. Poderão ser classificadas e guardadas referências e seus comentários sobre os blogs observados. Poderá, também, ser feita uma classificação usando o nome da colega.

*clipping é um termo usado pelo jornalismo para designar trechos de notícias / textos relativos à um tema.

Foto dos meus clippings:


* clique na imagem para ver em tamanho maior

Na barra da esquerda as minhas pastas de clippings. Uma delas está aberta exibindo os textos guardados. Um deles está selecionado e exibido na janela da direita.

maio 13, 2007

Atividades da Semana 4

Período: de 14/05/2007 à 21/05/2007.

Oi Pesso@l!

Chegou a hora de começar a voar um pouco sozinhas, construindo as próprias asas. Nesta semana, começaremos atividades que se estenderão por mais tempo que as das semanas anteriores.

. :: Atividades em grupo

  • semana 4: proa17/13, 14, 15, 16;
  • semana 5: proa17/17;
  • semana 6: proa17/18/19.

Início: dia 14/05

A turma será dividida em grupos e nestes grupos as atividades serão executadas. Cada grupo deverá estudar um determinado ambiente, ferramenta ou aplicativo. O resultado desta atividade será compartilhado com todos os colegas, ampliando assim a abrangência dos ambientes/aplicativos/ferramentas estudados nesta disciplina.

O trabalho final deve incluir (diretrizes):
Dados de identificação, nome completo dos participantes do grupo (que efetivamente participaram da construção do trabalho);
Introdução;
Desenvolvimento: descrição da ferramenta/ambiente/aplicativo, breve história, características, finalidades, possibilidades de uso; teoria que sustenta o uso da ferramenta/ambiente/aplicativo; tutorial; propostas de usos, exemplos, projetos;
Conclusões.

Para saber qual o seu grupo e o aplicativo/ferramenta/ambiente a ser estudado, siga o seguinte link:

http://docs.google.com/Doc?id=afns5phht7d_41d4ms8j

Na semana 4:
Para cada grupo as atividades são as seguintes:

1 - atividade proa17/13 >> Fazer contato com as colegas de grupo por meio dos comentários de seus blogs ou por email. A primeira participante listada no grupo (ver tabela) deverá criar um blog colaborativo que abrigará o trabalho do grupo.

Todos as participantes do grupo deverão ser cadastradas como membros do blog e marcadas como admin (administradoras). Para cadastrar no blog: entre nas Definições (Configurações) do Blog, em Permissões, clique em Adicionar Autores, digite os endereços de email (separados por ,), clique em convite. Após os colegas aceitarem o convite, entre novamente em permissões e clique em convidado, ao lado de cada nome, para mudar para admin.

Usem este blog para tudo o que for referente às tarefas desta atividade (diário de bordo, coleta de material, propostas/construção de texto, postagem de idéias, avisos, contato), bem como, para a postagem do trabalho final. Divulguem o endereço deste blog colaborativo até o dia 20/05/2007, nos comentários desta postagem. A manutenção, postagem e construção do blog é responsabilidade de todas, apenas a criação inicial compete às alunas designadas para isso.

As postagens de atividade deverão trazer o seu número correspondente. (proa 17/13, proa 17/14, ...)

2 - atividade proa17/14 - Durante a semana 4, no blog colaborativo: usando o blog como suporte, pesquisem sobre o aplicativo/ambiente/ferramenta designado para o seu grupo. Estudem seu funcionamento, formas de uso, aplicações. Postem os resultados de suas pesquisas no blog. Façam sínteses, discutam. Usem o espaço dos comentários e o blog para discussão, críticas, sugestões e para ir construindo o trabalho.

3 - atividade proa17/15 - Ao final da semana 4 (até 22/05) postem um relatório geral do grupo sobre as atividades da semana no blog colaborativo.

4 - atividade proa17/16 - Ao final da semana 4 (até 22/05) postem um relatório geral individual sobre as atividades da semana no seu blog.

5 - Cadastrem-se no ambiente/aplicativo/ferramenta, se for o caso, e testem suas possibilidades. Se houver página de usuário, divulguem-nas no blog colaborativo.

6 - Procurem verificar que teorias da educação podem dar suporte ao uso pedagógico do aplicativo/ambiente/ferramenta.

7- Elaborem um tutorial que ensine a usar o aplicativo/ambiente/ferramenta. (como, por exemplo: os tutoriais desta disciplina que ensinam como usar o bloglines)

8- Proponham formas de uso do aplicatio/ambiente/ferramenta, pesquisem (proponham) exemplos e projetos.

9 - atividade proa17/17 - Até o dia 24/05/2007 postem uma versão inicial do trabalho, trazendo tudo que já construíram até o momento.

(esta atividade em grupo continuará nas semanas 5 e 6)


.:: Atividades Individuais

  • semana 4: proa17/20;
  • semana 5: proa17/21

Nesta atividade, vamos seguir aperfeiçoando o uso do bloglines.

1 - Durante as semanas 4 e 5 cada cursista deverá acompanhar, usando o bloglines, os blogs das quatro (4) colegas seguintes ao seu nome na lista de Blogs da Turma, que está na barra lateral do blog da disciplina (as últimas acompanham as colegas do início da lista). Por exemplo: a aluna Rosecler deverá acompanhar e analisar os blogs das colegas Margarete, Eloisa, Alcione e Márcia; a aluna Margarete acomapanhará Eloisa, Alcione, Márcia e Eliane.

2 - atividade proa17/20 - Durante a semana 4: ler, analisar, comentar os blogs das quatro colegas que lhe seguem na lista Blogs da Turma, fazer contato com as autoras e, ao final da semana, apresentar um relatório preliminar, que deverá ser postado no seu blog individual. Deve observar: visual do blog, as alterações no modelo, ferramentas acrescentadas; as postagens, o texto, uso de imagens e outros recursos, correção das atividades postadas, etc. Nos seus comentários nos blogs, considere os pontos positivos (justifique), os itens que devem melhorar (justifique), sugestões, etc. No relatório preliminar: identifique os blogs e as autoras (link), poste a análise feita para cada blog considerando o que foi observado e comentado.

(esta atividade individual continuará na semanas 5)

maio 07, 2007

inserindo imagens no seu blog


:: Na postagem:


Use a ferramenta Adicionar Imagem presente na barra da janela de postagem.
Para acrescentar um link à imagem, clique nela (vão aparecer linhas em volta) e use a opção Link da barra da janela de postagem.

:: Em outro lugar do blog, use uma das seguintes alternativas:

Alternativa 1:

Faça o login usando seu nome de usuário e senha e, no Painel do Blogger, localize o seu blog e clique em Layout para abrir a janela de edição do Modelo de seu blog. Clique em adicionar elemento de página na seção onde deseja colocar a imagem. Na janela que abrir localize adicionar imagem e clique em adicionar ao blog.

Na janela que abrir preencha os campos:

. Título: título da imagem; por exemplo " minha foto"
. Caption: nome que vai aparecer quando as pessoas passarem o mouse sobre a imagem.
. Na seção Imagem escolha uma das alternativas:
.. Imagem do seu computador: localize o arquivo de imagem
.. Imagem da Web: coloque no quadro o endereço completo da image; ex: http://www.meusite.com/vivi.jpg

. Deixe marcado o quadrinho "reduzir para ajustar "
. Clique em salvar alterações.

A imagem será adicionada ao layout de sua página. Clique nela e arraste para o local desejado.
Finalize clicando em SALVAR .

Alternativa 2:

Esta segunda alternativa atende, por exemplo, a quem quer adicionar um link para o webnote por meio de uma imagem colocada na barra lateral do blog.

Faça o login usando seu nome de usuário e senha e, no Painel do Blogger, localize o seu blog e clique em Layout para abrir a janela de edição do Modelo de seu blog. Clique em adicionar elemento de página na seção onde deseja colocar a imagem. Na janela que abrir localize adicionar html/javascript e clique em adicionar ao blog.

Na janela que a brir, preencha:

. Título: título da imagem; por exemplo " minha foto".
. Cole no quadro maior o seguinte código:

<img src="http://www.end.com.br/vivi.jpg" title="imagem" border="0" width="250">

onde os itens em vermelho serão substituídos pelos dados da sua imagem:

  • http://www.end.com.br/vivi.jpg - substitua pelo endereço completo da sua imagem.
  • imagem - substitua pelo título da sua imagem (opcional)
  • 0 - substitua pelo tamanho da borda desejada para a imagem (zero é sem borda)
  • 250 - substitua pela largura desejada para a apresentação da imagem. Toda esta tag é opcional: pode-se retirar o width="250"

Clique em salvar alterações.

A imagem será adicionada ao layout de sua página. Clique nela e arraste para o local desejado.
Finalize clicando em SALVAR .

Caso queira que a imagem aponte para um determinado link, o código será:

<a href="link"><img src="http://www.end.com.br/vivi.jpg" title="imagem" border="0" width="250"></a>

  • link - substitua pelo endereço para o qual você quer que a imagem leve ao ser clicada.
  • http://www.end.com.br/vivi.jpg - substitua pelo endereço completo da sua imagem.
  • imagem - substitua pelo título da sua imagem (opcional)
  • 0 - substitua pelo tamanho da borda desejada para a imagem (zero é sem borda)
  • 250 - substitua pela largura desejada para a apresentação da imagem. Toda esta tag é opcional: pode-se retirar o width="250"
Clique em salvar alterações.


Recursos:

Ajuda do Blogger- imagens

maio 06, 2007

bloglines - personalizando os seus feeds

1 - Entre no no bloglines, clique em iniciar sessão, coloque seu nome de usuário (email) e senha e clique em iniciar sessão. Clique em Feeds.

2 - Na aba Feeds, clique em Editar.


* clique na imagem para ler as anotações feitas (abre em outra janela).

  • Clique uma vez para selecionar uma pasta ou blog. No segundo clique, é possível editar o nome do feed ver figura acima.
  • Clique duas vezes seguidas para abrir a janela de Edição da Assinatura, na qual podem ser editados diversos itens da assinatura de um determinado blog. Feitas as alterações, clique em salvar alterações.
  • Selecionado o blog ou pasta, arraste-o, segurando o botão esquerdo do mouse, para mudar de posição.
  • Selecionado o blog ou pasta, use a caixa Escolher Ação para determinar o que será feito com o blog ou pasta e, depois, clique em Enviar.
  • Terminada a Edição, clique em Terminado, para voltar à lista de Feeds.
  • New Folder adiciona uma nova pasta ao bloglines.
  • Trash deleta o feed ou pasta selecionada.
Janela de Edição de um Feed:


*clique na imagem para ler as anotações feitas (abre em outra janela).

Outra forma de personalizar um feed:

Selecione o blog e use os comandos do lado direito, na faixa azul.
(saiba mais clicando na figura abaixo)


* clique na imagem para ler as anotações feitas (abre em outra janela).

Blogroll

Este é um de nossos desafios opcionais.

Usando o bloglines é possível colocar um blogroll (uma lista de links) no seu blog. A diferença é que esta lista mostrará uma de suas pastas (ou todas as pastas de seu bloglines) e se atualizará sempre que você adicionar um blog àquela pasta.

1 - Para criar este blogroll, entre no no bloglines, clique em iniciar sessão, coloque seu nome de usuário (email) e senha e clique em iniciar sessão. Clique em Feeds

2 - Na barra da esquerda do bloglines, bem no final, clique no link Compartilhar. vai aparecer uma janela como esta:



3 - Se você fez a última parte da atividade proa17/5, seu nome de usário vai aparecer na janela (como o "su" acima). Se não aparecer, faça a última parte da atividade proa17/5 e depois retorne.

No segundo campo, você indica a pasta de links que quer mostrar. Se deixar em branco, vai mostrar todas as tuas subscrições públicas (blogs adicionados).

No terceiro campo, indique a forma como deseja que abra a janela quando alguém clicar num link do seu blogroll:
  • deixe em branco: se quiser que abra na mesma janela
  • digite: _blank , se desejar que abra numa nova janela.

Clique em Gerar HTML.

Vai ser gerado um código com a seguinte aparência:




Onde os itens em vermelho mostram o seu nome de usuário e a pasta, se você escolheu mostrar uma determinada pasta.

4 - Copie o código gerado para colocar no seu blog.

5 - Entre no blogger, faça o login e entre no Modelo de seu blog. Clique em Elemantos da página e depois em adicionar elemento de página na barra lateral do blog.

6 - Escolha a opção HTML / Javascript e clique em adicionar ao blog.

7 - vai aparecer uma janela assim:



Onde em título você colocará o título de seu blogroll (lista de links). No campo maior, cole o código copiado no item 4 desta atividade. Cuide para que esteja completo. Finalize clicando em salvar alterações.

8 - Voltando aos Elementos da Página, localize o seu blogroll e arraste-o para a posição desejada (se estiver deslocado). Termine clicando em SALVAR.

Sempre que você adicionar um blog ao seu bloglines ele automaticamente aparecerá no blogroll de seu blog. Um exemplo de blogroll construído desta forma é o que está no blog da disciplina, Blogs da Turma.

maio 01, 2007

Dicas, desafios, ferramentas e recursos

* e outras coisas :)

1 - webnote - um mural de recados

2 - bloglines


3 - blog / blogger

4 - editor de blog - Write to My Blog

5 - Slideshare - compartilhar apresentações.

6 - imagens

webnote


Um recurso interessante de ser utilizado para dar interatividade ao seu webfólio >> 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 >> ver os "recados" em: ex 1; ex 2

  • o webnote pode ser usado, também, como editor colaborativo, Ex: webquest

Colaboradores

Creative Commons License Exemplo de referência para usar conteúdo deste blog:

COSTA, Iris ; GUTIERREZ, Suzana ; SILVA, Mara. Oficina de Blogs na Educação do Curso de Especialização em Informática na Educação - turma A . Porto Alegre: UFRGS, 2007. Disponível em http://proa17ufrgs.blogspot.com. Acesso em 17 mai 2007.