tag:blogger.com,1999:blog-90926212202795975482024-03-13T20:58:16.133-03:00. proa17 bSuzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.comBlogger31125tag:blogger.com,1999:blog-9092621220279597548.post-30411596943146550852007-07-01T17:58:00.000-03:002007-07-01T18:00:40.544-03:00Atividades da Semana 6período de 02/07/2007 à 09/07/2007<br /><br />atividades: proa17/22, proa17/23, proa17/24.<br /><br />* as atividades em grupo são para <span style="font-weight: bold;">todos os grupos</span>, inclusive os de recuperação.<br /><br /><span style="font-weight: bold;">Atividade proa 17/22</span><br /><br />Esta semana é para finalizar os trabalhos em grupo (todos os grupos). Para isso, consultem os comentários de seus blogs colaborativos, leiam as contribuições das colegas e reflitam.<br /><br />Acessem os blogs das colegas de turma (o bloglines facilita isso) e leiam a análise que elas fizeram sobre a versão inicial dos trabalhos dos diversos grupos (atividade proa 17/18). Localizem a parte que fala do grupo de vocês. Estas visitas podem ser divididas entre as componentes do grupo.<br /><br />Da leitura de comentários e das visitas, cada participante do grupo deverá postar <span style="font-weight: bold;"></span>uma síntese do que foi relatado, comentado, sugerido para aperfeiçoar o trabalho (atividade individual). Postar no blog colaborativo (blog do grupo) até <span style="font-weight: bold;">07/07/2007.</span><br /><br /><span style="font-weight: bold;">Atividade proa17/23</span><br /><br /><span style="font-weight: bold;">Versão final do trabalho</span>: com base em tudo o que foi construído nestas 3 semanas, postem até <span style="font-weight: bold;">12/07/2007</span>, no blog colaborativo do grupo, a versão final do trabalho. >> <a href="http://docs.google.com/Doc?id=afns5phht7d_45drkfhr">Grupos</a> .<br /><br />Lembrem:<br /><br />O trabalho final deve incluir (diretrizes):<br /><br /><span style="color: rgb(51, 102, 255); font-weight: bold;">Dados de identificação</span>, nome completo dos participantes do grupo (<span style="font-weight: bold;">que efetivamente participaram da construção</span> );<br /><br /><span style="color: rgb(51, 102, 255); font-weight: bold;">Introdução</span>;<br /><br /><span style="color: rgb(51, 102, 255); font-weight: bold;">Desenvolvimento</span>:<br /><ul><li>descrição da ferramenta/ambiente/aplicativo;</li><li>breve história, características, finalidades; </li><li>possibilidades de uso em educação; </li><li>tutorial; </li><li>propostas de usos, exemplos, projetos.</li></ul><br /><span style="font-weight: bold; color: rgb(51, 102, 255);">Conclusões</span>.<br />Na conclusão façam, também, uma pequena auto-avaliação do grupo.<br /><br />* sugestão: Façam uma postagem (ou mais) para cada parte. Façam uma Lista de Links na barra lateral usando o link permanente da postagem (aquele que fica na ou próximo à data/hora de cada postagem).<br />Assim, facilitará a localização da produção final do grupo sobre o aplicativo pesquisado.<br /><br /><br /><span style="font-weight: bold;">Atividade proa17/24</span><br /><br />Elabora e posta no teu blog (até 12/07) uma <span style="font-weight: bold;">auto-avaliação</span> da tua caminhada nesta disciplina, abordando de forma consistente (relate, argumente, especifique, justifique, exemplifique) as tuas aprendizagens, tuas dificuldades, teu comprometimento, tuas, dúvidas, tuas expectativas e perspectivas.<br /><br />* <span style="font-weight: bold;">Importante</span>: o prazo final de postagem de qualquer atividade é 12/07/2007.<br /><br />Bom trabalho!Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com6tag:blogger.com,1999:blog-9092621220279597548.post-15440597067847183102007-06-25T21:32:00.000-03:002007-06-25T23:39:32.202-03:00Atividades da Semana 4/5 - recuperação<div style="text-align: justify;">Recuperação das atividades <span style="font-weight: bold;">em grupo</span> da semana 4 e 5<br /><br />Período: de 26/06/2007 à 02/07/2007.<br /><br />Oi Pesso@l!<br /><br /><span style="color: rgb(0, 0, 0); font-weight: bold;"><span style="color: rgb(102, 102, 102);">Esta é uma atividade de recuperação somente para os</span> </span><span style="color: rgb(0, 0, 0); font-weight: bold;">grupos:<br /></span><span style="color: rgb(255, 0, 0); font-weight: bold;"> <span style="font-size:130%;">8, 9 10, 11 e 12.</span></span><br /><br /><span style="font-weight: bold;">. :: Atividades em grupo</span><br /><br /></div><ul><li><span>semana 5: </span><span>proa17/13, 14, 15, 16; + </span><span>proa17/17;</span></li><li><span>semana 6: proa17/18 19. (a ser postada na semana 6)<br /></span></li></ul><div style="text-align: justify;"><br />Início: dia 26/06<br /><br />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.<br /><br />O trabalho, versões inicial e final, deve incluir (diretrizes):<br /><br /><span style="color: rgb(51, 102, 255); font-weight: bold;">Dados de identificação</span>, nome completo dos participantes do grupo (<span style="font-weight: bold;">que efetivamente participaram da construção</span> );<br /><br /><span style="color: rgb(51, 102, 255); font-weight: bold;">Introdução</span>;<br /><br /><span style="color: rgb(51, 102, 255); font-weight: bold;">Desenvolvimento</span>:<br /><ul><li>descrição da ferramenta/ambiente/aplicativo;</li><li>breve história, características, finalidades; </li><li>possibilidades de uso em educação; </li><li>tutorial; </li><li>propostas de usos, exemplos, projetos.</li></ul><br /><span style="font-weight: bold; color: rgb(51, 102, 255);">Conclusões</span>.<br /><br />Para saber qual o seu grupo e o aplicativo/ferramenta/ambiente a ser estudado, siga o link abaixo. Verifique os grupos 8, 9, 10, 11 e 12 apenas.<br /><br /><a href="http://docs.google.com/Doc?id=afns5phht7d_45drkfhr">http://docs.google.com/Doc?id=afns5phht7d_45drkfhr</a><br /><br /><span style="font-weight: bold;">Na semana 5:</span><br />Para cada grupo as atividades são as seguintes:<br /><br />1 - <span style="font-weight: bold;">atividade proa17/13</span> >> Fazer contato com @s colegas de grupo por meio dos comentários de seus blogs ou por email. Escolham uma coordenadora ou um coordenador para o grupo. Este ou esta deverá criar um <span style="font-weight: bold;">blog colaborativo</span> que abrigará o trabalho do grupo.<br /><br />Obs: o grupo <span style="font-weight: bold;"><span style="color: rgb(255, 0, 0);">8</span> </span>não necessita criar novo blog. Pode usar o mesmo já criado.<br /><br />Para criar um blog, no <span style="color: rgb(51, 102, 255);">Painel do Blogger</span>, clique em <span style="color: rgb(51, 102, 255);">criar um blog</span>.<br /><br />Após a criação do blog, todos @s participantes do grupo deverão ser cadastrad@s como membros do blog e marcad@s como <span style="color: rgb(51, 102, 255);">admin</span> (administradores). Para cadastrar @s colegas no blog: entre nas <span style="color: rgb(51, 102, 255);">Definições</span> (Configurações) do Blog, em <span style="color: rgb(51, 102, 255);">Permissões</span>, clique em <span style="color: rgb(51, 102, 255);">Adicionar Autores</span>, digite os endereços de email (separados por ,), clique em <span style="color: rgb(255, 102, 0);">convite</span>.<br /><br /><span style="font-weight: bold;">Para aceitar este convite</span>, <span style="font-weight: bold;">use o mesmo nome de usuário e senha de seu blog da disciplina</span>.<br /><br />Após @s colegas aceitarem o convite, entre novamente em Permissões e clique em <span style="color: rgb(51, 102, 255);">convidado</span>, ao lado de cada nome, para mudar para <span style="color: rgb(51, 102, 255);">admin</span>.<br /><br /><span style="font-weight: bold;">Atenção!</span> Usem este blog para <span style="font-weight: bold;">tudo o que for referente às tarefas desta atividade</span> (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.<br /><br />Divulguem o endereço deste blog colaborativo até o dia 29/06/2007, abaixo, <span style="font-weight: bold;">nos comentários desta postagem</span>. A manutenção, postagem e construção do blog colaborativo é responsabilidade de <span style="font-weight: bold;">tod@s</span>, apenas a criação inicial compete aos coordenadores.<br /><br />As postagens de atividade deverão trazer o seu número correspondente. (proa 17/13, proa 17/14, ...)<br /><br />2 - <span style="font-weight: bold;">atividade </span><span style="font-weight: bold;">proa17/14</span> - <span style="font-weight: bold;">Durante a semana 5</span>, 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.<br /><br />Observem:<br /><ul><li>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.</li><li>Procurem pensar que teorias da educação podem dar suporte ao uso pedagógico do aplicativo/ambiente/ferramenta.</li><li>Elaborem um tutorial que ensine a usar o aplicativo/ambiente/ferramenta. (como, por exemplo: os tutoriais desta disciplina que ensinam como usar o bloglines)</li><li>Proponham formas de uso do aplicativo/ambiente/ferramenta, pesquisem (proponham) exemplos e projetos.</li></ul><br />3 - <span style="font-weight: bold;">atividade </span><span style="font-weight: bold;">proa17/15 - relatório do grupo</span><br /><br />Ao final da semana 5 (até 02/07) postem no <span style="font-weight: bold;">blog colaborativo do grupo,</span> um relatório geral <span style="font-weight: bold;">do grupo</span> das atividades da semana . Construam junt@s este relatório.<br /><br />4 - <span style="font-weight: bold;">atividade </span><span style="font-weight: bold;">proa17/16 - relatório individual</span><br /><br />Ao final da semana 5 (até 02/07) postem<span style="font-weight: bold;"> no</span> <span style="font-weight: bold;">seu blog</span><span style="font-weight: bold;">,</span> um relatório <span style="font-weight: bold;">individual</span> sobre as atividades da semana.<br /><br />5 - <span style="font-weight: bold;">atividade</span> <span style="font-weight: bold;">proa17/18 </span><span>- </span>Até o dia <span style="font-weight: bold;">04/07/2007</span> (na semana 6) postem uma <span style="font-weight: bold;">versão inicial do trabalho</span>, trazendo tudo que já construíram até o momento.<br /><br />(estas atividades em grupo continuarão na semana 6)<br /><br /><span style="font-size:180%;"><span style="color: rgb(255, 0, 0); font-weight: bold;">*</span></span> Importante: as demais atividades individuais das semanas 4 e 5, permanecem normalmente, com as mesmas datas e prazos para tod@s. Esta recuperação é somente para as <span style="font-weight: bold;">atividades em grupo</span> das semanas 4 e 5, para os <span style="font-weight: bold;">grupos 8, 9, 10, 11 e 12</span>.<br /><br /><br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com7tag:blogger.com,1999:blog-9092621220279597548.post-35795454486517605322007-06-23T23:10:00.000-03:002007-06-24T18:02:04.630-03:00Atividades da Semana 5<div style="text-align: justify;">período: de 25/06/2007 à 01/07/2007<br /><br /><span style="font-weight: bold;">1 - </span><span style="font-weight: bold;">Atividade</span> <span style="font-weight: bold;">proa17/18</span><span style="font-weight: bold;"> </span>(em Grupo)<br /><br /><span style="font-weight: bold;"> </span>Até o dia <span style="font-weight: bold;">28/06/2007</span> postem, <span style="font-weight: bold;">no blog colaborativo</span>, uma <span style="font-weight: bold;">versão inicial</span> do trabalho do grupo, trazendo tudo que já construíram até o momento. Esta versão deve seguir os itens e formato (diretrizes) previstos para a <span style="font-weight: bold;">versão final</span>, mesmo que alguns itens ainda estejam inacabados ou por construir.<br /><br /><span style="color: rgb(51, 102, 255); font-weight: bold;">Dados de identificação</span>, nome completo dos participantes do grupo (que efetivamente estão participando da construção do trabalho);<br /><br /><span style="color: rgb(51, 102, 255); font-weight: bold;">Introdução</span>;<br /><br /><span style="color: rgb(51, 102, 255); font-weight: bold;">Desenvolvimento</span>: 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;<br /><br /><span style="font-weight: bold; color: rgb(51, 102, 255);">Conclusões</span>.<br /><br /><br /><span style="font-weight: bold;">2 - Atividade Individual </span><br /><br />Durante a semana passada (semana 4), vocês acompanharam o trabalho de quatro de suas colegas (<span style="font-weight: bold;">proa17/17</span>). Analisaram os seus blogs, comentaram, sugeriram, dialogaram com eles e elas. Estes ou estas quatro colegas foram @s que se seguiam ao seu nome nos links <span style="font-weight: bold;">Turma B</span>, lista onde estavam os blogs de tod@s que cumpriram na íntegra a atividade <span style="font-weight: bold;">proa17/1,</span> até o lançamento da <span style="font-weight: bold;">proa17/17</span>. Na semana 4, vocês apresentaram, também, um <span style="font-style: italic;">relatório inicial</span> sobre esta atividade. Agora, vamos dar continuidade à esta atividade.<br /><br /><span style="font-weight: bold;">Atividade proa17/19</span><br /><br />Nesta semana, vocês prosseguirão nesta tarefa de <span style="font-weight: bold;">acompanhamento</span>. Continuem visitando os blogs d@s colegas e interagindo.<br /><br />No final da semana (até 01/07), postem <span style="font-weight: bold;">no seu blog</span> um <span style="font-weight: bold;">relatório final</span> sobre esta atividade (proa17/19). Neste relatório deverão descrever as suas visitas e, também, os blogs visitados, relatar o que observaram/avaliaram <span style="font-weight: bold;">em cada um deles</span>, quais os seus comentários e sugestões, considerando o 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. Justifiquem, expliquem, argumentem as suas considerações, observações e sugestões.<br /><br /><br /><span style="font-weight: bold;">3 - Atividade proa17/20 </span>(individual)<br /><br />Visitar os <span style="font-weight: bold;">blogs colaborativos </span>dos demais grupos e conhecer e analisar o trabalho que está sendo realizado. Use o espaço dos comentários para comentar, criticar, propor, contribuir.<br /><br /><span style="font-weight: bold;">item a) </span>Registre <span style="font-weight: bold;">no seu blog</span> as suas observações/contribuições. A lista dos blogs de todos os grupos está na barra lateral do <span style="font-weight: bold;">blog da disciplina</span>, na lista de links <span style="font-weight: bold;">Grupos</span>.<br /><br />Depois do dia 28/06, e até o final da 5ª semana, <span style="font-weight: bold;">acessem novamente</span> os blogs dos demais grupos e leiam a sua <span style="font-weight: bold;">versão inicial do trabalho</span>. Usem o espaço dos comentários para continuar contribuindo avaliando, sugerindo, discutindo o conteúdo do trabalho.<br /><br /><span style="font-weight: bold;">item b)</span> Poste, <span style="font-weight: bold;">no seu blog</span>, até o final desta semana (01/07) um relatório destas visitas (atividade B), pontuando o que observou em cada pré-trabalho analisado. Não basta descrever e dizer a sua opinião, justifique as suas argumentações.<br /><br /><span style="font-weight: bold;">4 - Atividade proa17/21 </span><span>(individual)</span><br /><br />Escolha <span style="font-weight: bold;">pelo menos uma</span> das atividades abaixo para fazer no seu blog de testes. Depois de realizar a atividade, poste <span style="font-weight: bold;">(</span><span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >*</span><span style="font-weight: bold;">)</span> no seu blog da disciplina um relato sobre ela. Como sempre, neste relato compartilhe o que fez, suas dificuldades, suas descobertas, suas dúvidas.<br /><br /><span style="color: rgb(0, 153, 0);font-size:180%;" ><span style="color: rgb(0, 0, 0);">(</span></span><span style="color: rgb(0, 153, 0); font-weight: bold;font-size:180%;" >*</span><span style="font-size:180%;">)</span> <span style="color: rgb(255, 102, 0); font-weight: bold;">a postagem desta atividade deverá ser feita usando a possibilidade de postar por correio eletrônico (email).</span><br /><br />Na atividade <a href="http://proa17b.blogspot.com/2007/06/proa177-explorando-as-configuraes-do.html">proa17/7</a>, vocês verificaram a configuração (<span style="font-weight: bold;">definições</span>) do blog de vocês. No item <span style="font-weight: bold;">. Email</span> do <a href="http://proa17b.blogspot.com/2007/06/configurando-o-seu-perfil-e-o-seu-blog.html">tutorial</a>, vocês determinaram um endereço de email para postagem por email.<br /><br />Quem se esqueceu deste endereço entre no seu blog, em Definições/Email e verifique. É o segundo endereço, abaixo do qual tem um quadrinho <span style="font-style: italic;">marcado</span> <span style="font-weight: bold;">publicar<span style="font-weight: bold;">. </span></span><br /><br />Para postar por email, escreva a postagem numa mensagem do seu cliente de correio eletrônico (programa/página de onde lês/envias email). O que estiver no corpo da mensagem é a postagem; o que estiver no campo Assunto é o título. (imagens não são publicadas, pelo menos até onde consegui testar)<br /><br /><span style="font-weight: bold;">Atividades Opcionais (p/ proa17/21)</span><br /><br />No seu blog de testes:<br /><br />a) <a href="http://proa17b.blogspot.com/2007/06/recuperar-postagem.html">recuperar uma postagem</a><br /><br />b) editores de blog - <a href="http://proa17b.blogspot.com/2007/06/write-to-my-blog.html">Write to My Blog</a><br /><br />c) <a href="http://proa17b.blogspot.com/2007/06/slideshare.html">compartilhe as suas apresentações</a><br /><br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com14tag:blogger.com,1999:blog-9092621220279597548.post-12628669205839356572007-06-16T19:30:00.000-03:002007-06-16T19:33:17.489-03:00Slideshare<div align="justify">Olá Pesso@l!<br /><br />Hoje eu trago uma dica interessante para quem quer por na web apresentações feitas com o MS Power Point ou aplicativos similares. O <a href="http://slideshare.net/" target="_blank">SlideShare</a> é um aplicativo WEB [1] que permite estocar, compartilhar e divulgar apresentações de slides (power point e outros).<br /><br />Para utilizar este serviço gratuito basta se inscrever em <a href="http://slideshare.net/" title="slideshare" target="_blank">http://slideshare.net/</a>, clicando lá em cima e à direita em <b>SignUp</b> e criando um <u>nome de usuário</u> (username) e uma <u>senha</u> (password).<br /><br /><img src="http://www.ufrgs.br/tramse/pead/im/slidesh1.jpg" title="fazendo a inscrição no slideshare" border="1" hspace="4" vspace="4" /><br /><br />Ao logar no SlideShare, você encontrará os espaços:<br /><br /><b>Home</b> = página inicial<br /><br /><b>My Slidespac</b>e = aqui estarão as suas apresentações.<br /><br /><b>Upload</b> = aqui você envia as suas apresentações para o Slideshare.<br />.........Clique na aba Upload, localize o arquivo no seu computador, digite o título da sua apresentação (Title); descreva-a (description); classifique-a com palavras-chave (tags). Clique no botão Upload. Em breve sua apresentação estará em <i>My Slidespace.</i><br /><br /><b>Topics & Tags</b> = as principais classificações (tags) de slides feitas pelos membros do SlideShare.<br /><br /><b>Compartilhando seus Slides</b><br /><br />Ao entrar no <b>My Slidespace</b> e clicar numa de suas apresentações você verá uma tela como a abaixo. (clique na imagem para ver em tamanho maior)<br /><br /><a href="http://www.ufrgs.br/tramse/pead/im/slidesh2.jpg" target="_blank"><img src="http://www.ufrgs.br/tramse/pead/im/slidesh2.jpg" title="compartilhando" border="1" hspace="4" vspace="4" width="550" /></a><br /><br />À esquerda o aplicativo que permite visualizar a apresentação. À direita, os dados de identificação com título, data, classificações, comentários, número de visitas,... Abaixo, em <b>Embed</b>, o código que deve ser adicionado à postagem do blog para compartilhar a apresentação (veja o exemplo abaixo) e em <b>Slide URL</b> o endereço da apresentação lá no <a href="http://slideshare.net/" target="_blank">SlideShare</a>.<br /></div><object type="application/x-shockwave-flash" data="https://s3.amazonaws.com/slideshare/ssplayer.swf?id=6627&doc=marx-engels-11872" height="348" width="425"><param name="movie" value="https://s3.amazonaws.com:443/slideshare/ssplayer.swf?id=6627&doc=marx-engels-11872"></object><br /><br />apresentação classificada como <a href="http://slideshare.net/tag/marx" title="marx" target="_blank">marx</a>, <a href="http://slideshare.net/tag/engels" target="_blank" title="engels">engels</a>.Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com3tag:blogger.com,1999:blog-9092621220279597548.post-69164997835589701222007-06-16T18:21:00.000-03:002007-06-17T12:26:36.858-03:00Atividades da Semana 4<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_N9Q_ZRh70z0/RnVOY9gbcuI/AAAAAAAAADk/bkP-zGUiFOo/s1600-h/voar.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://2.bp.blogspot.com/_N9Q_ZRh70z0/RnVOY9gbcuI/AAAAAAAAADk/bkP-zGUiFOo/s400/voar.jpg" alt="imagem de http://www.imagensendorfina.blogger.com.br/" title="imagem de http://www.imagensendorfina.blogger.com.br/" id="BLOGGER_PHOTO_ID_5077050345664508642" border="1" /></a>Período: de 18/06/2007 à 25/06/2007.<br /><div style="text-align: justify;"><br />Oi Pesso@l!<br /><br />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.<br /><br /><span style="font-weight: bold;">. :: Atividades em grupo</span><br /><br /></div><div style="text-align: justify;"><br /><span style="font-weight: bold;">Início: dia 18/06</span><br /><br />A turma já foi 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.<br /><br />O trabalho, versões inicial e final, deve incluir (diretrizes):<br /><br /><span style="color: rgb(51, 102, 255); font-weight: bold;">Dados de identificação</span>, nome completo dos participantes do grupo (<span style="font-weight: bold;">que efetivamente participaram da construção</span> );<br /><br /><span style="color: rgb(51, 102, 255); font-weight: bold;">Introdução</span>;<br /><br /><span style="color: rgb(51, 102, 255); font-weight: bold;">Desenvolvimento</span>:<br /><ul><li>descrição da ferramenta/ambiente/aplicativo;</li><li>breve história, características, finalidades; </li><li>possibilidades de uso em educação; </li><li>tutorial; </li><li>propostas de usos, exemplos, projetos.</li></ul><br /><span style="font-weight: bold; color: rgb(51, 102, 255);">Conclusões</span>.<br /><br />Para saber qual o seu grupo e o aplicativo/ferramenta/ambiente a ser estudado, siga o seguinte link:<br /><br /><a href="http://docs.google.com/Doc?id=afns5phht7d_45drkfhr">http://docs.google.com/Doc?id=afns5phht7d_45drkfhr</a><br /><br /><span style="font-weight: bold;">Na semana 4:<br /><br /></span>Para cada grupo as atividades são as seguintes:<br /><br />1 - <span style="font-weight: bold;">atividade proa17/13</span> >> Fazer contato com @s colegas de grupo por meio dos comentários de seus blogs ou por email. Escolham uma coordenadora ou um coordenador para o grupo. Este ou esta deverá criar um <span style="font-weight: bold;">blog colaborativo</span> que abrigará o trabalho do grupo.<br /><br />Para criar um blog, no <span style="color: rgb(51, 102, 255);">Painel do Blogger</span>, clique em <span style="color: rgb(51, 102, 255);">criar um blog</span>.<br /><br />Após a criação do blog, todos @s participantes do grupo deverão ser cadastrad@s como membros do blog e marcad@s como <span style="color: rgb(51, 102, 255);">admin</span> (administradores). Para cadastrar @s colegas no blog: entre nas <span style="color: rgb(51, 102, 255);">Definições</span> (Configurações) do Blog, em <span style="color: rgb(51, 102, 255);">Permissões</span>, clique em <span style="color: rgb(51, 102, 255);">Adicionar Autores</span>, digite os endereços de email (separados por ,), clique em <span style="color: rgb(255, 102, 0);">convite</span>.<br /><br /><span style="font-weight: bold;">Para aceitar este convite</span>, <span style="font-weight: bold;">use o mesmo nome de usuário e senha de seu blog da disciplina</span>.<br /><br />Após @s colegas aceitarem o convite, entre novamente em permissões e clique em <span style="color: rgb(51, 102, 255);">convidado</span>, ao lado de cada nome, para mudar para <span style="color: rgb(51, 102, 255);">admin</span>.<br /><br /><span style="font-weight: bold;">Atenção!</span> Usem este blog para <span style="font-weight: bold;">tudo o que for referente às tarefas desta atividade</span> (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.<br /><br />Divulguem o endereço deste blog colaborativo até o dia 22/06/2007, abaixo, <span style="font-weight: bold;">nos comentários desta postagem</span>. A manutenção, postagem e construção do blog colaborativo é responsabilidade de <span style="font-weight: bold;">tod@s</span>, apenas a criação inicial compete aos coordenadores.<br /><br />Lembrem: As postagens de atividade deverão trazer a sua identificação correspondente. (proa 17/13, proa 17/14, ...)<br /><br />2 - <span style="font-weight: bold;">atividade </span><span style="font-weight: bold;">proa17/14</span> - <span style="font-weight: bold;">Durante a semana 4</span>, 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.<br /><br />Observem:<br /><ul><li>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.</li><li>Procurem pensar que teorias da educação podem dar suporte ao uso pedagógico do aplicativo/ambiente/ferramenta.</li><li>Elaborem um tutorial que ensine a usar o aplicativo/ambiente/ferramenta. (como, por exemplo: os tutoriais desta disciplina que ensinam como usar o bloglines)</li><li>Proponham formas de uso do aplicativo/ambiente/ferramenta, pesquisem (proponham) exemplos e projetos.</li></ul>(estas atividades continuarão nas semanas seguintes)<br /><br /> 3 - <span style="font-weight: bold;">atividade </span><span style="font-weight: bold;">proa17/15 - relatório do grupo</span><br /><br />Ao final da semana 4 (até 25/06) postem no <span style="font-weight: bold;">blog colaborativo do grupo,</span> um relatório geral <span style="font-weight: bold;">do grupo</span> das atividades da semana <span style="font-weight: bold;"></span>. Construam junt@s este relatório.<br /><br />4 - <span style="font-weight: bold;">atividade </span><span style="font-weight: bold;">proa17/16 - relatório individual</span><br /><br />Ao final da semana 4 (até 25/06) postem<span style="font-weight: bold;"> no</span> <span style="font-weight: bold;">seu blog</span><span style="font-weight: bold;">,</span> um relatório <span style="font-weight: bold;">individual</span> sobre as atividades da semana.<br /><br /><br />5 - <span style="font-weight: bold;">atividade</span> <span style="font-weight: bold;">proa17/18 </span><span>- </span>Até o dia <span style="font-weight: bold;">28/06/2007</span> (na semana 5) postem uma versão inicial do trabalho, trazendo tudo que já construíram até o momento.<br /><br />(estas atividades em grupo continuarão nas semanas 5 e 6)<br /><br /><br /><span style="font-weight: bold;">.:: Atividades Individuais </span><br /><br /></div><ul style="text-align: justify;"><li><span>semana 4: proa17/17 (continua na semana 5)<br /></span></li></ul><div style="text-align: justify;"><br />Nesta atividade, vamos seguir aperfeiçoando o uso do <a href="http://www.bloglines.com/">bloglines</a>.<br /><br />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 <span style="font-weight: bold;">Turma B</span>, que está na barra lateral do <a href="http://proaufrgsb.blogspot.com/">blog da disciplina</a> (as últimas acompanham as colegas do início da lista). Por exemplo: a aluna Tania deverá acompanhar, analisar, comentar os blogs d@s colegas Thais, Viviane, Adriane e Antonio; a aluna Adriane, fará o mesmo com @s colegas Antonio, Beatriz, Cristiane e Elisalandi.<br /><br />2 - <span style="font-weight: bold;">atividade</span> <span style="font-weight: bold;">proa17/17 </span><span>- </span>Durante a semana 4: ler, analisar, comentar os blogs das quatro colegas que lhe seguem na lista <span style="font-weight: bold;">Turma B</span>. Fazer contato com as autoras e autores e, ao final da semana, apresentar um <span style="font-weight: bold;">relatório preliminar</span>, que deverá ser postado no seu blog individual.<br /><br />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.<br /><br />Nos seus comentários nos blogs, considere os pontos positivos (justifique a sua opinião), os itens que devem melhorar (justifique a sua opinião), dê sugestões, etc. Não generalize, especifique, diga como, onde, porque e quando.<br /><br />No <span style="font-weight: bold;">relatório preliminar</span>: identifique os blogs e as autoras, coloque o endereço (link), poste a análise feita <span style="font-weight: bold;">para cada blog</span> considerando o que foi observado e comentado.<br /><br />Esta atividade não se resume a fazer duas ou três visitas. Os blogs devem ser <span style="font-weight: bold;">acompanhados</span> durante estas duas semanas. Estejam presentes por meio dos comentários. Sejam consistentes nas suas análises e nas suas sugestões, argumentem, dialoguem.<br /><br />(esta atividade individual continuará na semanas 5)<br /><br /><div style="text-align: left;"><span style="font-size:85%;">* A imagem usada no início desta postagem é do blog <a href="http://www.imagensendorfina.blogger.com.br/">http://www.imagensendorfina.blogger.com.br/</a></span><br /><br /><br /></div></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com10tag:blogger.com,1999:blog-9092621220279597548.post-66385477756475198782007-06-10T10:35:00.000-03:002007-06-10T10:59:58.501-03:00Clip / Blog - no bloglines<div style="text-align: justify;">Como usar as possibilidades do bloglines de <span style="font-weight: bold;">Clipar e Blogar</span> as postagens que estamos lendo.<br /><br />No <a href="http://www.bloglines.com/">bloglines</a>, quando estiveres visualizando um blog na janela da direita, no rodapé de cada postagem aparece o seguinte:<br /><br /></div><ul style="text-align: justify;" class="item_nav"><li class="itemdate">Publicado em: .......</li><li class="itemupdate">Atualizado .........</li><li>Enviar por E-mail</li><li>Criar clip/blog</li></ul><div style="text-align: justify;"> Clicando em <span style="font-weight: bold;">Criar Clip/Blog</span>, você poderá:<br /><br />a) postar o link daquela postagem no <span style="font-weight: bold;">blog do bloglines</span> acrescido de seus comentários:<br /><br />Clique em <span style="font-weight: bold;">Clip/Blog</span>, 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 <span style="font-weight: bold;">Publicar em Blog</span>. Esta postagem vai aparecer publicada em http://www.bloglines.com/blog/<span style="color: rgb(64, 201, 118); font-weight: bold;">seunomedeusuario</span>/ e você pode vê-la, também, clicando na aba <span style="font-weight: bold;">Blog</span> do seu <a href="http://www.bloglines.com/">bloglines</a>.<br /><br />b) guardar o link daquela postagem com seus comentários numa pasta de <span style="font-style: italic;">clippings</span>*:<br /><br /><a href="http://www.flickr.com/photos/eadtramse/538593224/"><img src="http://farm2.static.flickr.com/1021/538593224_177f3e3144.jpg" title="clipando no bloglines" border="1" /></a><br /><br /><span style="font-size:85%;">* clique na imagem e aproxime o mouse dos quadros para ler as explicações.</span><br /><br />Clique em <span style="font-weight: bold;">Clip/Blog</span>, 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 <span style="font-weight: bold;">Pasta de Clippings</span> na caixa de texto (podes criar pastas de clippings por assunto, clicando em <span style="font-weight: bold;">nova pasta</span>). 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.<br /><br />Esta ferramenta poderá ser bastante útil na observação dos blogs das colegas, na preservação de postagens de dicas, recursos e ferramentas. Poderão ser classificadas e guardadas referências e seus comentários sobre as postagens clipadas. Poderá, também, ser feita uma classificação usando o nome de colegas, de grupos.<br /><br />*clipping é um termo usado pelo jornalismo para designar trechos de notícias / textos relativos à um tema.<br /><br />Foto dos meus clippings:<br /><br />Na metade esquerda as pastas (classificações) que criei. O lado direito exibe o clip selecionado.<br /><br /><a href="http://farm1.static.flickr.com/204/501029007_98897b7954_o.jpg" target="_blank"><img src="http://farm1.static.flickr.com/204/501029007_93ed776493.jpg" title="clippings no flickr, clique para ver maior" border="2" /></a><br /><span style="font-size:85%;">* clique na imagem para ver em tamanho maior</span><br /><br />Na barra da esquerda as minhas pastas de clippings. Uma delas está <span style="font-style: italic;">aberta</span> exibindo os textos guardados. Um deles está selecionado e exibido na janela da direita.<br /><br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com1tag:blogger.com,1999:blog-9092621220279597548.post-74936619122956304842007-06-09T21:37:00.000-03:002007-06-09T21:40:30.373-03:00Blogroll<div style="text-align: justify;">Este é um de nossos desafios opcionais.<br /><br />Usando o <span style="font-weight: bold; color: rgb(51, 102, 255);">bloglines</span> é 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.<br /><br />1 - Para criar este blogroll, entre no no <a href="http://www.bloglines.com/">bloglines</a>, clique em <span style="font-style: italic;">iniciar sessão</span>, coloque seu <span style="font-style: italic;">nome de usuário</span> (email) e <span style="font-style: italic;">senha</span> e clique em <span style="font-style: italic;">iniciar sessão</span>. Clique em <a href="http://www.bloglines.com/myblogs">Feeds</a><br /><br />2 - Na barra da esquerda do bloglines, bem no final, clique no link <a href="http://www.bloglines.com/help/share">Compartilhar</a>. vai aparecer uma janela como esta:<br /><br /><img src="http://farm1.static.flickr.com/229/487060700_a739cc72c1.jpg?v=0" border="1" /><br /><br />3 - Se você fez a última parte da atividade <a href="http://proa17b.blogspot.com/2007/06/proa175.html">proa17/5</a>, seu <span style="font-weight: bold;">nome de usário</span> vai aparecer na janela (como o "<span style="font-weight: bold;">su</span>" acima). Se não aparecer, faça a última parte da atividade proa17/5 e depois retorne.<br /><br />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).<br /><br />No terceiro campo, indique a forma como deseja que abra a janela quando alguém clicar num link do seu blogroll:<br /></div><ul style="text-align: justify;"><li>deixe em branco: se quiser que abra na mesma janela</li><li>digite: _blank , se desejar que abra numa nova janela.</li></ul><div style="text-align: justify;"><br />Clique em <span style="color: rgb(51, 102, 255);">Gerar HTML</span>.<br /><br />Vai ser gerado um código com a seguinte aparência:<br /><br /><br /><img src="http://farm1.static.flickr.com/192/487060696_449486df97.jpg?v=0" border="1" /><br /><br />Onde os itens em vermelho mostram o seu <span style="font-style: italic;">nome de usuário</span> e a <span style="font-style: italic;">pasta</span>, se você escolheu mostrar uma determinada pasta.<br /><br />4 - Copie o código gerado para colocar no seu blog.<br /><br />5 - Entre no blogger, faça o login e entre no <span style="color: rgb(51, 102, 255);">Modelo</span> de seu blog. Clique em <span style="color: rgb(51, 102, 255);">Elemantos da página</span> e depois em <span style="color: rgb(51, 102, 255);">adicionar elemento de página</span> na barra lateral do blog.<br /><br />6 - Escolha a opção <span style="color: rgb(51, 102, 255);">HTML / Javascript</span> e clique em <span style="font-style: italic;">adicionar ao blog</span>.<br /><br />7 - vai aparecer uma janela assim:<br /><br /><img src="http://farm1.static.flickr.com/175/487098624_5aad9b726b.jpg?v=0" /><br /><br />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 <span style="color: rgb(255, 102, 0);">salvar alterações</span>.<br /><br />8 - Voltando aos <span style="color: rgb(51, 102, 255);">Elementos da Página</span>, localize o seu blogroll e arraste-o para a posição<span class="" style="display: block;" id="formatbar_JustifyFull" title="Justificar" onmouseover="ButtonHoverOn(this);" onmouseout="ButtonHoverOff(this);" onmouseup="" onmousedown="CheckFormatting(event);FormatbarButton('richeditorframe', this, 13);ButtonMouseDown(this);"></span> desejada (se estiver deslocado). Termine clicando em <span style="color: rgb(255, 102, 0);">SALVAR</span>.<br /><br />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 <a href="http://proaufrgsb.blogspot.com/">blog da disciplina</a>, Turma B.<br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com2tag:blogger.com,1999:blog-9092621220279597548.post-73896220238062018292007-06-09T21:36:00.000-03:002007-06-09T21:54:17.615-03:00proa17/11 - Fontes & CoresVocê adora o formato do seu blog, MENOS o verde enjôo do fundo da página. Está na hora de trocar :) Ensaie alterando as cores e as fontes do seu blog de testes.<br /><br />1 - entre no <span style="color: rgb(51, 102, 255);">Modelo</span> (Layout) do seu blog de testes e clique na aba <span style="color: rgb(51, 102, 255);">Fontes e Cores</span>. Vai aparecer:<br /><br /><a href="http://www.flickr.com/photos/eadtramse/486737653/" target="_blank" title=" cores do blog - clique para ver as anotações"><img src="http://farm1.static.flickr.com/173/486737653_3be4b83090.jpg?v=0" /></a><br /><span style="font-size:85%;">*clique na imagem para ver as anotações.</span><br /><br />No lado esquerdo você seleciona o item que deseja alterar. Nas listas de cores, à direita, escolhe a cor desejada. Com as seguintes opções:<br /><ul><li>cores do seu blog - caso queira repetir alguma</li><li>cores que combinam com as cores do seu blog - uma sugestão de cores.</li><li>mais cores - ampliando as opções de escolha</li><li>editar código - para especificar uma determinada cor a partir de uma tabela de cores.</li></ul>2 - Mude a cor do título das postagens. No exemplo, a cor foi mudada de marrom para verde.<br /><br /><a href="http://www.flickr.com/photos/eadtramse/486737655/" target="_blank" title=" cores do blog - clique para ver as anotações"><img src="http://farm1.static.flickr.com/213/486737655_ce1d00cca1.jpg?v=0" /></a><br />*clique na imagem para ver as anotações.<br /><br />Depois de escolher a nova cor, clique em salvar alterações.<br /><br />3 - escolha um outro item à esquerda e altere a fonte do texto.<br /><br /><span style="font-weight: bold;">Navegação:</span><br /><ul style="text-align: justify;"><li><a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-3.html"><span>atividades da semana 3</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-3.html"><span>proa17/8</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa179-adicione-uma-lista-de-links-na.html"><span>proa17/9</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa1710-edite-barra-de-navegao-do.html"><span>proa17/10</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa1711-fontes-cores.html"><span>proa17/11</span></a></li><li><span><a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-3.html">proa17/12</a><br /></span></li><li><span>desafio opcional - <a href="http://proa17b.blogspot.com/2007/06/blogroll.html">blogroll</a></span></li></ul>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com0tag:blogger.com,1999:blog-9092621220279597548.post-39536468682608079252007-06-09T21:35:00.000-03:002007-06-10T16:20:40.340-03:00proa17/10 - Cabeçalho e Barra de Navegação<div style="text-align: justify;"><span style="font-weight: bold;">Barra de Navegação ou Nav Bar</span><br /><br />Sabe aquela barrinha que fica bem no alto do seu blog? Dá para trocar escolhendo uma que combine melhor com o seu blog.<br /><br />1 - entre no <span style="color: rgb(51, 102, 255);">Modelo</span> (Layout) do seu blog de testes e clique na aba <span style="color: rgb(51, 102, 255);">Elementos da página</span>.<br /><br />2 - Clique em <span style="font-weight: bold;">Editar</span>, nom item <span style="color: rgb(51, 102, 255);">NavBar</span>. Vai aparecer esta janela:<br /><br /><img src="http://farm1.static.flickr.com/170/486824370_5087f0b100.jpg?v=0" /><br /><br />3 - selecione a barra que quiseres para o teu blog e clique em <span style="font-weight: bold; color: rgb(255, 102, 0);">salvar alterações</span>.<br /><br />4 - retornando a janela <span style="color: rgb(51, 102, 255);">Elementos da página</span>, clique em <span style="color: rgb(255, 102, 0); font-weight: bold;">SALVAR</span>.<br /><br /><br /><span style="font-weight: bold;">Cabeçalho</span><br /><br />Vamos testar a opção de substituir o cabeçalho por uma imagem?<br /><br />1 - Usando um editor de imagens (pode ser até o Paint que vem junto com o Windows) crie uma imagem para por no cabeçalho de seu blog. Importante que ela tenha o tamanho adequado para aparecer na tela. Nesta imagem, podes escrever o nome do blog. Um exemplo é o cabeçalho deste nosso blog.<br /><br />2 - Criada a imagem, salve-a no seu computador. Escolha o formato .jpg ou .png. No nome, evite espaços, "ç" e carácteres não alfa-numéricos.<br /><br />3 - No seu blog de testes, entre em <span style="color: rgb(51, 102, 255);">Modelo</span>, <span style="color: rgb(51, 102, 255);">Elementos de Página</span>. Localize o elemento "<span style="color: rgb(0, 0, 153);">cabeçalho</span>" e clique em editar (edit).<br /><br />Vai aparecer algo do tipo:<br /><br /><a href="http://www.flickr.com/photos/eadtramse/539050298/"><img src="http://farm2.static.flickr.com/1125/539050298_a03a8960cf.jpg" title="alterar o cabeçalho do blog" /></a><br /><br /><span style="font-size:85%;">* clique na imagem e entre na página onde você poderá ler as anotações que explicam cada campo deste formulário.</span><br /><br />Escolha a opção "De seu computador", localize a imagem criada por você (clique em arquivo). A imagem vai aparecer no formulário. <span style="color: rgb(255, 102, 0);">Salve as alterações</span>.<br /><br />4 - Torne a editar o <span style="color: rgb(0, 0, 153);">Cabeçalho</span> para posicionar a imagem no blog.<br /><br /><img src="http://farm2.static.flickr.com/1199/539205511_5fabfb45c5.jpg" title="posição da imagem no cabeçalho" /><br /><br />Escolha a opção desejada de posicionamento e <span style="color: rgb(255, 102, 0);">salve as alterações</span>.<br /><br />Observação: você pode editar sempre que quiser o cabeçalho usando imagem ou texto, alterando a descrição e o nome.<br /><br /><br /><span style="font-weight: bold;">Navegação:</span><br /><ul style="text-align: justify;"><li><a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-3.html"><span>atividades da semana 3</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-3.html"><span>proa17/8</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa179-adicione-uma-lista-de-links-na.html"><span>proa17/9</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa1710-edite-barra-de-navegao-do.html"><span>proa17/10</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa1711-fontes-cores.html"><span>proa17/11</span></a></li><li><span><a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-3.html">proa17/12</a><br /></span></li><li><span>desafio opcional - <a href="http://proa17b.blogspot.com/2007/06/blogroll.html">blogroll</a></span></li></ul></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com5tag:blogger.com,1999:blog-9092621220279597548.post-38619661401606253542007-06-09T21:33:00.000-03:002007-06-09T21:54:48.688-03:00proa17/9 - Adicione uma lista de links na barra lateral do blog<div style="text-align: justify;">Esta atividade é para ser realizada no seu blog de testes. À medida que se sentir segur@ podes editar o seu blog da disciplina.<br /><br />1 - entre no <span style="color: rgb(51, 102, 255);">Modelo</span> (Layout) do seu blog de testes e clique na aba <span style="color: rgb(51, 102, 255);">Elementos da página</span>.<br /><br />Na barra lateral (ou no rodapé, se seu blog não tem barra lateral), clique em <span style="color: rgb(51, 102, 255);">Adicionar um elemento de página</span>. Na janela que aparecer, procure o item <span style="color: rgb(51, 102, 255);">Adicionar Lista de Links</span>. <span style="color: rgb(51, 102, 255);">Clique em Adionar ao Blog</span>. Vai aparecer a seguinte janela:<br /><br /><a href="http://www.flickr.com/photos/eadtramse/486737635/" title="clique para ver as anotações" target="_blank"><img src="http://farm1.static.flickr.com/232/486737635_eb84724242.jpg?v=0" /></a><br /><br /><span style="font-size:85%;">* clique na imagem para ver as anotações.</span><br /><br />Na janela acima (exemplo):<br /></div><ul style="text-align: justify;"><li>digite o nome de sua lista de links (título);</li><li>determine a ordem em que os links vão aparecer (sorting),</li><li>vá adicionando os links: preencha <span style="font-weight: bold;">Novo URL do site</span> e <span style="font-weight: bold;">Novo nome do site</span> e clique em <span style="font-weight: bold;">adicionar link </span>(faça isso para cada link que quiser adicionar)</li><li>após adicionar os links desejados, clique em <span style="color: rgb(255, 102, 0);">salvar alterações</span>.</li></ul><div style="text-align: justify;"><br /><a href="http://www.flickr.com/photos/eadtramse/486737643/" title="clique para ver as anotações" target="_blank"><img src="http://farm1.static.flickr.com/225/486737643_3ee7cf47d5.jpg?v=0" /></a><br /><br /><span style="font-size:85%;">* clique na imagem para ver as anotações.</span><br /><br /><span>Verifique onde vai aparecer a sua <span style="color: rgb(51, 102, 255);">Lista de Links</span> e, clicando com o botão esquerdo do mouse, arraste-a e solte-a na posição desejada.</span><br /><span>Lembre que esta lista poderá ser editada para acrescentar ou excluir links.</span><br /><span>Depois de tudo terminado, clique em <span style="font-weight: bold; color: rgb(255, 102, 0);">SALVAR</span>.</span><br /><br /><span style="font-weight: bold;">Navegação:</span><br /><ul style="text-align: justify;"><li><a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-3.html"><span>atividades da semana 3</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-3.html"><span>proa17/8</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa179-adicione-uma-lista-de-links-na.html"><span>proa17/9</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa1710-edite-barra-de-navegao-do.html"><span>proa17/10</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa1711-fontes-cores.html"><span>proa17/11</span></a></li><li><span><a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-3.html">proa17/12</a><br /></span></li><li><span>desafio opcional - <a href="http://proa17b.blogspot.com/2007/06/blogroll.html">blogroll</a></span></li></ul> </div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com2tag:blogger.com,1999:blog-9092621220279597548.post-25210057741254768282007-06-09T21:31:00.000-03:002007-06-09T21:57:36.313-03:00O Modelo - formas de alterar<div style="text-align: justify;"><span style="font-weight: bold;">Elementos de página</span><br />Permite editar o formato e apresentação do cabeçalho (nome) do blog, da barra lateral, do rodapé e das postagens. Permite, também, adicionar elementos ao Modelo do blog como, por e exemplo, uma lista de links.<br /><br /><a href="http://www.flickr.com/photos/eadtramse/486712673/" target="_blank"><img src="http://farm1.static.flickr.com/182/486712673_cb744d1661.jpg?v=0" title="clique na imagem" /></a><br /><br /><span style="font-size:85%;">* clique na imagem para ver as anotações.</span><br /><br /><span style="font-weight: bold;">Fontes e Cores</span>:<br />Aqui você mexe com as cores do seu blog e com o tipo de fonte usados nos diversos <span style="font-style: italic;">elementos de página.</span><br /><br /><a href="http://www.flickr.com/photos/eadtramse/486737653/" target="_blank"><img src="http://farm1.static.flickr.com/173/486737653_3be4b83090.jpg?v=0" /></a><br /><br /><span style="font-size:85%;">* clique na imagem para ver as anotações.</span><br /><br /><span style="font-weight: bold;">Editar html</span><br />Aqui você pode ver a íntegra da codificação do seu blog e fazer alterações nela. É indicado que apenas usuários muito experientes e com conhecimento de html usem este espaço para fazer modificações.<br /><br /><a href="http://www.flickr.com/photos/eadtramse/486737663/" target="_blank"><img src="http://farm1.static.flickr.com/231/486737663_f275f2bd0f.jpg?v=0" /></a><br /><br /><span style="font-size:85%;">* clique na imagem para ver as anotações.</span><br /><br /><span style="font-weight: bold;">Escolher novo modelo</span><br />Aqui você escolhe um novo modelo. É importante saber que as personalizações (alterações) feitasanteriormente no modelo antigo não aparecerão no novo.<br /><br /><br /><img src="http://2.bp.blogspot.com/_N9Q_ZRh70z0/Rj4EYJWtcbI/AAAAAAAAAA4/EXTr7512V0I/s400/mod00.jpg" /><br /><span style="font-size:85%;">* marcando os tipos diferentes de um dado modelo, você podera ir visualizando as diferenças.<br /></span><br /><span style="font-weight: bold;">Recursos</span><br /><br />. <a href="http://help.blogger.com/bin/topic.py?topic=10274">ajuda do blogger</a><br /><br /><span style="font-weight: bold;">Navegação:</span><br /><ul style="text-align: justify;"><li><a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-3.html"><span>atividades da semana 3</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-3.html"><span>proa17/8</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa179-adicione-uma-lista-de-links-na.html"><span>proa17/9</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa1710-edite-barra-de-navegao-do.html"><span>proa17/10</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa1711-fontes-cores.html"><span>proa17/11</span></a></li><li><span><a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-3.html">proa17/12</a><br /></span></li><li><span>desafio opcional - <a href="http://proa17b.blogspot.com/2007/06/blogroll.html">blogroll</a></span></li></ul><br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com1tag:blogger.com,1999:blog-9092621220279597548.post-57282125868041133952007-06-09T21:22:00.000-03:002007-06-09T22:03:36.285-03:00Atividades da Semana 3<div style="text-align: justify;">Período de 11/06/2007 à 18/06/2007<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_N9Q_ZRh70z0/Rj4EYJWtcbI/AAAAAAAAAA4/EXTr7512V0I/s1600-h/mod00.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://2.bp.blogspot.com/_N9Q_ZRh70z0/Rj4EYJWtcbI/AAAAAAAAAA4/EXTr7512V0I/s400/mod00.jpg" alt="" id="BLOGGER_PHOTO_ID_5061487844085559730" border="0" /></a>Nesta semana, vamos começar a aprender a mexer no <span style="color: rgb(51, 102, 255);">Modelo</span> (figura ao lado) do blog. Aproveitaremos para avançar no uso do <a href="http://www.bloglines.com/">bloglines</a> e para recuperar/revisar as atividades das semanas anteriores (<a href="http://proa17b.blogspot.com/2007/05/semana-1.html">semana 1</a>; <a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-2.html">semana 2</a><span style="text-decoration: underline;">)</span><br /><br />Vamos começar?<br /><br />* Entre no <a href="http://www.blogger.com/home">Painel do Blogger</a> com seu <span style="font-style: italic;">nome de usuário</span> e <span style="font-style: italic;">senha</span>.<br /><br /><span style="color: rgb(51, 102, 255);"><span style="font-weight: bold;">Atividade proa17/8 </span></span><br /><br />Clique em <span style="color: rgb(51, 102, 255);">Criar um Blog</span> e crie um novo blog. Este blog será usado para fazer testes. Sempre que tiver dúvidas ao realizar alterações em seus blogs, você pode testar antes usando este blog de testes. É uma boa precaução para não perder nada realizado anteriormente.<br /></div><ul style="text-align: justify;"><li><u>Divulgue no seu blog da disciplina o endereço do seu blog de testes.</u> </li><li>Opcional: capture a imagem do seu blog de testes e poste-a juntamente com o endereço.</li></ul><div style="text-align: justify;"><br /><br />* Agora, vamos mexer no <span style="color: rgb(51, 102, 255);">Modelo</span> do blog de testes. O <span style="color: rgb(51, 102, 255);">Modelo</span> é a codificação página do blog, a sua forma visual (layout), com suas cores, tipos de letras, disposição dos elementos de página (postagens, barras etc.) O blogger permite algumas formas de intervenção no Modelo:<br /><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://proa17b.blogspot.com/2007/06/o-modelo-formas-de-alterar.html"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_N9Q_ZRh70z0/Rj4HNpWtccI/AAAAAAAAABA/6vT8iJiU5jU/s400/mod0.jpg" alt="" id="BLOGGER_PHOTO_ID_5061490962231816642" border="0" /></a><span style="font-size:85%;">* clique na imagem para conhecer um pouco mais sobre as formas de intervenção no layout de seu blog.</span><br /><div style="text-align: justify;"><br />Que tal brincarmos um pouco? Faça isso, desenvolvendo estas atividades:<br /></div><ul style="text-align: justify;"><li><a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-3.html"><span>proa17/8</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa179-adicione-uma-lista-de-links-na.html"><span>proa17/9</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa1710-edite-barra-de-navegao-do.html"><span>proa17/10</span></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa1711-fontes-cores.html"><span>proa17/11</span></a></li><li><span>desafio opcional - <a href="http://proa17b.blogspot.com/2007/06/blogroll.html">blogroll</a></span></li></ul><div style="text-align: justify;"><span style="color: rgb(51, 102, 255);"><span style="font-weight: bold;">Atividade proa17/12</span></span><br /><br />Ao final das atividades 8, 9, 10 e 11 (e a opcional, se fizer), poste no seu blog um relato sobre todas as atividades feitas nesta semana, fale das suas dificuldades, suas conquistas, suas dúvidas e suas curiosidades. Conte como foi a revisão das atividades já realizadas ou a recuperação de alguma que tenha ficado para trás.<br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com17tag:blogger.com,1999:blog-9092621220279597548.post-20752316772478942252007-06-06T22:58:00.000-03:002007-06-22T15:31:36.656-03:00bloglines - personalizando os seus feeds1 - Entre no no <a href="http://www.bloglines.com/">bloglines</a>, clique em <span style="font-style: italic;">iniciar sessão</span>, coloque seu <span style="font-style: italic;">nome de usuário</span> (email) e <span style="font-style: italic;">senha</span> e clique em <span style="font-style: italic;">iniciar sessão</span>. Clique em <a href="http://www.bloglines.com/myblogs">Feeds</a>.<br /><br />2 - Na aba Feeds, clique em <span style="font-weight: bold;">Editar</span>.<br /><br /><a href="http://www.flickr.com/photos/eadtramse/487326674/" target="_blank" title="clique para ler as anotações - bloglines"><img src="http://farm1.static.flickr.com/178/487326674_6fecdb1e56.jpg?v=0" border="1" /></a><br /><span style="font-size:85%;">* clique na imagem para ler as anotações feitas (abre em outra janela).</span><br /><br /><ul><li>Clique <span style="font-weight: bold;">uma vez</span> para <span style="font-weight: bold;">selecionar</span> uma pasta ou blog. No <span style="font-weight: bold;">segundo clique</span>, é possível <span style="font-weight: bold;">editar o nome</span> do feed ver figura acima.</li><li>Clique <span style="font-weight: bold;">duas vezes</span> <span style="font-weight: bold;">seguidas</span> para abrir a janela de <span style="font-weight: bold;">Edição da Assinatura</span>, na qual podem ser editados diversos itens da assinatura de um determinado blog. Feitas as alterações, clique em <span style="font-weight: bold;">salvar alterações</span>.<br /></li><li>Selecionado o blog ou pasta, <span style="font-weight: bold;">arraste-o</span>, segurando o botão esquerdo do mouse, para mudar de posição.</li><li>Selecionado o blog ou pasta, use a caixa <span style="font-weight: bold;">Escolher Ação</span> para determinar o que será feito com o blog ou pasta e, depois, clique em <span style="font-weight: bold;">Enviar</span>.</li><li>Terminada a Edição, clique em <span style="font-weight: bold;">Terminado</span>, para voltar à lista de Feeds.</li><li><span style="font-weight: bold;">New Folder</span> adiciona uma nova pasta ao bloglines.</li><li><span style="font-weight: bold;">Trash</span> deleta o feed ou pasta selecionada.<br /></li></ul>Janela de Edição de um Feed:<br /><br /><a href="http://www.flickr.com/photos/eadtramse/487386703/" target="_blank" title="clique para ler as anotações - bloglines"><img src="http://farm1.static.flickr.com/216/487386703_4af3391e0c.jpg?v=0" border="0" /></a><br /><span style="font-size:85%;">*clique na imagem para ler as anotações feitas (abre em outra janela).<br /><br /><span style="font-size:100%;">Outra forma de personalizar um feed:<br /><br />Selecione o blog e use os comandos do lado direito, na faixa azul.<br />(saiba mais clicando na figura abaixo)<br /><br /><a href="http://www.flickr.com/photos/eadtramse/487382022/" target="_blank" title="clique para ler as anotações - bloglines"><img src="http://farm1.static.flickr.com/210/487382022_7b7b76b1b4.jpg?v=0" border="1" /></a><br /><span style="font-size:85%;">* clique na imagem para ler as anotações feitas (abre em outra janela).<br /><br /></span></span></span>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com5tag:blogger.com,1999:blog-9092621220279597548.post-65227512989232166732007-06-04T21:33:00.000-03:002007-06-04T21:37:04.907-03:00webnote<div align="justify"><img src="http://www.ufrgs.br/tramse/pead/im/catiar.jpg" tittle="recados" align="left" border="0" /><br /><br />Um recurso interessante de ser utilizado para dar interatividade ao seu webfólio >> um mural de recados.<br /><br /><br /><ul><li>Entre em <a href="http://www.aypwip.org/webnote/" title="webnote" target="_blank">http://www.aypwip.org/webnote/</a>.</li><br /><li>No quadrinho em branco à direita digite o nome de seu mural e clique em <b>load</b>.</li><br /><li>Se não houver nenhum webnote com aquele nome, está feito o seu. [<a href="http://www.aypwip.org/webnote/suzzinha" title="Geladeira da Su" target="_blank">exemplo</a>]</li></ul><br />Dicas:<br /><ul><li>use uma palavra só, sem acentos.</li><br /><li>não use ç</li><br /><li>evite palavras muito conhecidas</li><br /><li>Não se preocupe se alguém apagou seus recados. Use o terceiro ícone da barra para recuperar versões anteriores do seu mural.</li></ul><br />E mais:<br /><ul><li>insira no seu blog como link, <a href="http://proa17b.blogspot.com/2007/06/inserindo-imagens-no-seu-blog.html">usando alguma imagem</a> representativa >> ver os "recados" em: <a href="http://www.gutierrez.pro.br/" target="_blank">ex 1</a>; <a href="http://vamosblogarbr.blogspot.com/" title="vamos blogar" target="_blank">ex 2</a></li><br /><li>o webnote pode ser usado, também, como editor colaborativo, Ex: <a href="http://www.aypwip.org/webnote/webquest" target="_blank">webquest</a></li></ul></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com1tag:blogger.com,1999:blog-9092621220279597548.post-28765017255911558112007-06-03T11:59:00.000-03:002007-06-03T12:00:30.446-03:00recuperar postagemFaltou a energia e você ainda não havia publicado a sua postagem? Não se desespere, seus problemas acabaram. Use o <span style="font-style: italic;">blogger post recuperator plus</span> :) Pois é, o blogger vai salvando as postagens como <span style="font-style: italic;">rascunho , </span>enquanto elas estão sendo construídas.<br /><div style="text-align: justify;"><br />Assim, se a luz apagou, o navegador congelou, se você chutou sem querer o estabilizador, volte ao seu blog, entre em <span style="font-style: italic; color: rgb(51, 102, 255);">postagens</span> e verás que a postagem ficou salva como <span style="color: rgb(255, 102, 0);">rascunho</span>. Edite e continue.<br /><br />Como o salvamento vai acontecendo de tempos em tempos, alguma coisa digitada depois do último salvamento pode ficar perdida. Porém, este recurso é uma ótima ajuda! Uma boa idéia é ir digitando e usando a tecla <span style="font-style: italic;"><span style="color: rgb(51, 102, 255);">salvar agora</span>.<br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_N9Q_ZRh70z0/Rk8gZMH2WFI/AAAAAAAAABg/Ir2QLUeeusw/s1600-h/autosave.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_N9Q_ZRh70z0/Rk8gZMH2WFI/AAAAAAAAABg/Ir2QLUeeusw/s400/autosave.png" alt="" id="BLOGGER_PHOTO_ID_5066303722938062930" border="0" /></a>Teste isso <span style="font-weight: bold;">no seu blog de testes</span>: vá digitando uma nova postagem. Sem publicar ou salvar, feche o editor. Retorne e procure recuperar a postagem. Teste diferentes intervalos de tempo entre a digitação e o fechamento do editor.<br />Conta para nós o que aconteceu :)<br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com0tag:blogger.com,1999:blog-9092621220279597548.post-86905041350529479592007-06-03T11:57:00.000-03:002007-06-03T12:02:58.328-03:00inserindo imagens no seu blog<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_N9Q_ZRh70z0/Rj_gnZWtcfI/AAAAAAAAABY/waYzXiK0cNY/s1600-h/matildapc.gif"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_N9Q_ZRh70z0/Rj_gnZWtcfI/AAAAAAAAABY/waYzXiK0cNY/s400/matildapc.gif" alt="" id="BLOGGER_PHOTO_ID_5062011473613386226" border="0" /></a><br />:: <span style="font-weight: bold;">Na postagem</span>:<br /><div style="text-align: justify;"><br />Use a ferramenta <span style="color: rgb(51, 102, 255);">Adicionar Imagem</span> presente na barra da janela de postagem.<br />Para acrescentar um link à imagem, clique nela (vão aparecer linhas em volta) e use a opção <span style="color: rgb(51, 102, 255);">Link </span>da barra da janela de postagem.<br /><br />:: <span style="font-weight: bold;">Em outro lugar do blog</span>, use uma das seguintes alternativas:<br /><br /><span style="font-weight: bold;">Alternativa 1</span>:<br /><br />Faça o <span style="font-style: italic;">login</span> usando seu <span style="font-style: italic;">nome de usuário</span> e<span style="font-style: italic;"> senha</span> e, no <span style="color: rgb(51, 102, 255);">Painel do Blogger</span>, localize o seu blog e clique em <span style="color: rgb(51, 102, 255);">Layout</span> para abrir a janela de edição do <span style="color: rgb(51, 102, 255);">Modelo</span> de seu blog. Clique em <span style="color: rgb(51, 102, 255);">adicionar elemento de página</span> na seção onde deseja colocar a imagem. Na janela que abrir localize <span style="color: rgb(51, 102, 255);">adicionar imagem</span> e clique em <span style="color: rgb(51, 102, 255);">adicionar ao blog</span>.<br /><br />Na janela que abrir preencha os campos:<br /><br />. Título: título da imagem; por exemplo " minha foto"<br />. Caption: nome que vai aparecer quando as pessoas passarem o mouse sobre a imagem.<br />. Na seção Imagem escolha uma das alternativas:<br /><blockquote>.. Imagem do seu computador: localize o arquivo de imagem<br />.. Imagem da Web: coloque no quadro o endereço completo da image; ex: http://www.meusite.com/vivi.jpg</blockquote><br />. Deixe marcado o quadrinho "reduzir para ajustar "<br />. Clique em <span style="color: rgb(255, 102, 0);">salvar alterações</span>.<br /><br />A imagem será adicionada ao layout de sua página. Clique nela e arraste para o local desejado.<br />Finalize clicando em <span style="color: rgb(255, 102, 0);">SALVAR</span> .<br /><br /><span style="font-weight: bold;">Alternativa 2</span>:<br /><br />Esta segunda alternativa atende, por exemplo, a quem quer adicionar um link para o <span style="font-weight: bold;">webnote</span> por meio de uma imagem colocada na barra lateral do blog.<br /><br />Faça o <span style="font-style: italic;">login</span> usando seu <span style="font-style: italic;">nome de usuário</span> e<span style="font-style: italic;"> senha</span> e, no <span style="color: rgb(51, 102, 255);">Painel do Blogger</span>, localize o seu blog e clique em <span style="color: rgb(51, 102, 255);">Layout</span> para abrir a janela de edição do <span style="color: rgb(51, 102, 255);">Modelo</span> de seu blog. Clique em <span style="color: rgb(51, 102, 255);">adicionar elemento de página</span> na seção onde deseja colocar a imagem. Na janela que abrir localize <span style="color: rgb(51, 102, 255);">adicionar html/javascript</span> e clique em <span style="color: rgb(51, 102, 255);">adicionar ao blog</span>.<br /><br />Na janela que a brir, preencha:<br /><br />. Título: título da imagem; por exemplo " minha foto".<br />. Cole no quadro maior o seguinte código:<br /><br /><div style="text-align: left;"><span style="font-size:85%;"><img src="</span><span style="color: rgb(255, 0, 0);font-size:85%;" >http://www.end.com.br/vivi.jpg</span><span style="font-size:85%;">" title="</span><span style="color: rgb(255, 0, 0);font-size:85%;" >imagem</span><span style="font-size:85%;">" border="</span><span style="color: rgb(255, 0, 0);font-size:85%;" >0</span><span style="font-size:85%;">" width="</span><span style="color: rgb(255, 0, 0);font-size:85%;" >250</span><span style="font-size:85%;">"></span><br /></div> <br />onde os itens em vermelho serão substituídos pelos dados da sua imagem:<br /><br /></div><ul style="text-align: justify;"><li><span style="color: rgb(255, 0, 0);">http://www.end.com.br/vivi.jpg <span style="color: rgb(0, 0, 0);">- substitua pelo endereço completo da sua imagem.</span></span></li><li><span style="color: rgb(255, 0, 0);">imagem <span style="color: rgb(0, 0, 0);">- substitua pelo título da sua imagem (opcional)</span></span></li><li><span style="color: rgb(255, 0, 0);">0 <span style="color: rgb(0, 0, 0);">- substitua pelo tamanho da borda desejada para a imagem (zero é sem borda)</span></span></li><li><span style="color: rgb(255, 0, 0);">250 - <span style="color: rgb(0, 0, 0);">substitua pela largura desejada para a apresentação da imagem. Toda esta tag é opcional: pode-se retirar o </span></span><span style="color: rgb(0, 0, 0);">width="250"</span></li></ul><div style="text-align: justify;"><br />Clique em <span style="color: rgb(255, 102, 0);">salvar alterações</span>.<br /><br />A imagem será adicionada ao layout de sua página. Clique nela e arraste para o local desejado.<br />Finalize clicando em <span style="color: rgb(255, 102, 0);">SALVAR</span> .<br /><br />Caso queira que a imagem aponte para um determinado link, o código será:<br /><br /><div style="text-align: left;"><span style="font-size:85%;"><a href="</span><span style="color: rgb(255, 0, 0);font-size:85%;" >link</span><span style="font-size:85%;">"><img src="</span><span style="color: rgb(255, 0, 0);font-size:85%;" >http://www.end.com.br/vivi.jpg</span><span style="font-size:85%;">" title="</span><span style="color: rgb(255, 0, 0);font-size:85%;" >imagem</span><span style="font-size:85%;">" border="</span><span style="color: rgb(255, 0, 0);font-size:85%;" >0</span><span style="font-size:85%;">" width="</span><span style="color: rgb(255, 0, 0);font-size:85%;" >250</span><span style="font-size:85%;">"></a></span><br /></div><br /></div><ul style="text-align: justify;"><li><span style="color: rgb(255, 0, 0);">link</span> - substitua pelo endereço para o qual você quer que a imagem leve ao ser clicada.</li><li><span style="color: rgb(255, 0, 0);">http://www.end.com.br/vivi.jpg <span style="color: rgb(0, 0, 0);">- substitua pelo endereço completo da sua imagem.</span></span></li><li><span style="color: rgb(255, 0, 0);">imagem <span style="color: rgb(0, 0, 0);">- substitua pelo título da sua imagem (opcional)</span></span></li><li><span style="color: rgb(255, 0, 0);"> 0 <span style="color: rgb(0, 0, 0);">- substitua pelo tamanho da borda desejada para a imagem (zero é sem borda)</span></span></li><li><span style="color: rgb(255, 0, 0);">250 - <span style="color: rgb(0, 0, 0);">substitua pela largura desejada para a apresentação da imagem. Toda esta tag é opcional: pode-se retirar o </span></span><span style="color: rgb(0, 0, 0);">width="250"</span></li></ul><div style="text-align: justify;">Clique em <span style="color: rgb(255, 102, 0);">salvar alterações</span>.<br /><br /><br /><span style="font-weight: bold;">Recursos</span>:<br /><br /><a href="http://help.blogger.com/bin/topic.py?topic=10271">Ajuda do Blogger- imagens</a><br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com3tag:blogger.com,1999:blog-9092621220279597548.post-56006365591071759032007-06-03T11:52:00.000-03:002007-06-03T11:54:45.504-03:00Como adicionar Links em uma postagem1 - 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.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_N9Q_ZRh70z0/RlLE3cH2WJI/AAAAAAAAACA/Qlsy5QcKPA8/s1600-h/link1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_N9Q_ZRh70z0/RlLE3cH2WJI/AAAAAAAAACA/Qlsy5QcKPA8/s400/link1.jpg" alt="" id="BLOGGER_PHOTO_ID_5067328987466193042" border="1" /></a><br /><br />2 - Use o ícone "<span style="color: rgb(51, 102, 255);">Link</span>", 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.<br /><br />3 - outra forma de inserir um link é digitando o código: clique na "<span style="font-weight: bold;">Editar Html</span>" na janela de postagem e, no lugar onde deseja o link, digite o seguinte código:<br /><br /><a href="http://www.proaufrgs.blogspot.com" target="_blank" title="blog do proa 17">PROA 17</a><br /><br />onde:<br /><br /><span style="color: rgb(51, 102, 255);">http://www.proaufrgs.blogspot.com</span> é o endereço, substitua pelo que desejar.<br /><br /><span style="font-weight: bold;">_blank</span> é a forma de exibir o link (_blank em nova janela), retire o <span style="color: rgb(51, 102, 255);">target="_blank"</span> para exibir na mesma janela.<br /><br /><span style="font-weight: bold;">title</span> = texto que aparece quando se coloca o mouse sobre o link e que é lido por aplicativos para deficientes visuais, por exemplo. Substitua o <span style="color: rgb(51, 102, 255);">blog do proa 17 </span>.<br /><br /><span style="font-weight: bold;">PROA 17</span> = palavra que direciona para o endereço; use a que desejar.<br /><br />Volte para o modo de edição anterior (clique na aba <span style="font-weight: bold;">Escrever</span>). O link acima aparecerá assim:<br /><br /><a href="http://proaufrgs.blogspot.com/" target="_blank" title="blog do proa17">PROA 17</a><br /><br />Ex 2:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_N9Q_ZRh70z0/RlLL0cH2WKI/AAAAAAAAACI/kVnkcvHiLOo/s1600-h/link2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_N9Q_ZRh70z0/RlLL0cH2WKI/AAAAAAAAACI/kVnkcvHiLOo/s400/link2.jpg" alt="" id="BLOGGER_PHOTO_ID_5067336632507979938" border="0" /></a>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com1tag:blogger.com,1999:blog-9092621220279597548.post-31364472053948302122007-06-03T11:10:00.000-03:002007-06-03T11:41:31.063-03:00configurando o seu perfil e o seu blog do blogger<a href="http://farm1.static.flickr.com/210/476934531_91effc2750_o.jpg"><img src="http://farm1.static.flickr.com/210/476934531_91effc2750_o.jpg" title="painel do blogger" /></a><br /><br /><span style="font-weight: bold;"><br /></span><div style="text-align: justify;">Para conhecer e alterar o seu perfil e a configuração de seu blog, faça o <span style="font-weight: bold;">login</span> e entre em no <span style="font-weight: bold;">Painel do Blogger</span>. (imagem acima)<br /><br /><span style="font-weight: bold;"><span style="color: rgb(51, 102, 255);">.:: Perfil</span></span><br /><br />Em <span style="font-weight: bold; color: rgb(51, 102, 255);">Editar Perfil</span>, você poderá preencher / alterar os dados do seu perfil. preencha aquilo que você julgar conveniente.<br /><br />Dicas:<br /><br />1 - marque o quadrinho <span style="font-weight: bold;">compartilhar perfil</span>, para que seus colegas possam identificá-la e localizar seus blogs;<br /><br />2 - em <span style="font-weight: bold;">Exibir Meus Blogs</span>, você poderá selecionar os blogs a serem exibidos junto ao seu perfil, se não quiser exibir todos;<br /><br />3 - em <span style="font-weight: bold;">Exibir Nome</span>, escolha um nome de exibição que a identifique. É o nome que irá nas suas postagens.<br /><br />4 - para adicionar uma foto no campo <span style="font-weight: bold;">Fotografia</span>: poste uma foto sua no blog; após publicar, clique na foto com o botão direito e escolha "copiar endereço da imagem" (ou clique em propriedades e copie o endereço da foto); volte ao perfil e coloque este endereço no campo <span style="font-weight: bold;">URL da Foto</span>.<br /><br />Depois de completado o perfil, clique em <span style="font-weight: bold; color: rgb(255, 102, 0);">Gravar Perfil</span>.<br /><br /><br /><span style="font-weight: bold; color: rgb(51, 102, 255);">.:: Minha Conta</span><br />Acessa a sua conta no <span style="font-weight: bold;">Google</span>, mostrando todos os serviços: Gmail, Blogger, Orkut, etc.<br /><br /><span style="font-weight: bold; color: rgb(51, 102, 255);">.:: Alterar Idioma</span><br />Aqui você escolhe o idioma em que as páginas do Blogger serão apresentadas.<br /><br /><br /><span style="font-weight: bold; color: rgb(51, 102, 255);">.::Configurações do Blog (Definições):</span><br /><br />(as definições, em sua maioria, podem ser modificadas sempre que você quiser)<br /><br /><span class="rss:item"><span style="color: rgb(0, 0, 0);">. </span><b style="color: rgb(0, 0, 0);">Básico</b> - aqui está a configuração básica do seu blog.</span><br /><br /><span class="rss:item"><span>1 - </span><span style="font-weight: bold;">Título</span>: é o nome que aparece na parte superior da página.</span><br /><br /><span class="rss:item"><span>2 - </span></span><span class="rss:item"><span style="font-weight: bold;">Descrição</span>: informa de que se trata aquele blog.</span><br /><br /><span class="rss:item"><span>3 - </span></span><span class="rss:item"><span style="font-weight: bold;">Adicionar este blog à lista do Blogger?</span> Respondendo sim, o blog será público e aparecerá junto ao seu perfil.</span><br /><br /><span class="rss:item"><span>4 - </span></span><span class="rss:item"><span style="font-weight: bold;">Edição Rápida</span>: marque <span style="font-weight: bold;">sim</span> para que, estando com seu login feito e visualisando o seu blog, apareça um ícone (lápis) na base de cada postagem. Clicando neste ícone, a postagem é editada pode ser corrigida/alterada.</span><br /><br /><span class="rss:item"><span>5 - </span></span><span class="rss:item"><span style="font-weight: bold;">Enviar Postagem</span>: marque <span style="font-weight: bold;">sim</span> para exibir na base de cada postagem um ícone (envelope) que pode ser usado pelos visitantes para enviar a postagem para alguém via email.</span><br /><span class="rss:item">Nas <span style="font-weight: bold; color: rgb(255, 102, 0);">Configurações Globais</span>, marque <span style="font-weight: bold;">sim</span> no primeiro item e <span style="font-weight: bold;">não</span> no segundo.</span><br /><br /><span class="rss:item">Nesta seção, bem no final, existe a possibilidade de <span style="font-weight: bold; color: rgb(0, 0, 102);">deletar seu blog</span>. As opções desta parte podem ser alteradas, bastando preencher os quadros e salvar as mudanças (<span style="font-weight: bold; color: rgb(255, 102, 0);">salvar definições</span>).</span><br /><br /><span class="rss:item">. <b>Publicação</b> - mostra e configura o local de publicação do seu blog.</span><br /><br /><span class="rss:item">No início desta seção, você tem a opção de alterar a hospedagem do seu blog. Isso será possível se você tiver um domínio e servidor seu para fazer esta hospedagem.</span><br /><br /><span class="rss:item"><span>1 - </span></span><span class="rss:item"><span style="font-weight: bold;">Endereço</span>: Se escolheu, na criação, hospedar na <span style="font-weight: bold;">blogspot</span>, abaixo aparecerá o endereço. Caso alteres este endereço, o endereço antigo deixa de existir e poderá ser usado por outras pessoas.</span><br /><br /><span class="rss:item"><span>2 - </span></span><span class="rss:item"><span style="font-weight: bold;">Enviar Pings</span>: marque <span style="font-weight: bold;">sim </span>para que seu blog envie dados para sítios de monitoração de atualização de blogs.</span><br /><br /><br /><span class="rss:item">. <b>Formatação</b> - aqui é necessário mexer. Trata-se do formato de apresentação do seu blog.</span><br /><br /><span class="rss:item"><span>1 - </span></span><span><span class="rss:item"><span style="font-weight: bold;">Mostrar</span> : determina quantos dias ou posts aparecem na página inicial de seu blog.</span></span><br /><br /><span><span class="rss:item">2 - </span></span><span><span class="rss:item"><span style="font-weight: bold;">Formato da Data</span> : determina o formato da data que vai aparecer nos seus posts</span></span><br /><br /><span><span class="rss:item">3 - <span style="font-weight: bold;">Formato da Data do Arquivo</span>: </span></span><span><span class="rss:item">determina o formato do link para o arquivo. Cuide para escolher uma opção de acordo com a freqüência com que pretende arquivar.</span></span><br /><br /><span><span class="rss:item">4 - <span style="font-weight: bold;">Formato da Data e Hora</span>: </span></span><span class="rss:item"><span class="rss:item">escolha o formato da hora que aparecerá na base da postagem.</span></span><br /><br /><span class="rss:item"><span class="rss:item">5 - <span style="font-weight: bold;">Fuso Horário</span>: </span></span><span class="rss:item"><span class="rss:item">escolha o seu fuso horário. No caso do Rio Grande do Sul, -3, Brasília Time.</span></span><br /><br /><span class="rss:item"><span class="rss:item">* em relação aos itens 6 e 7: caso o seu blog já tenha sido iniciado e a acentuação está correta, não mexa nas configurações dos itens 6 e 6b. Nos blogs hospedados no blogspot não vai aparecer o item 6b.</span></span><br /><br /><span class="rss:item"><span class="rss:item">6 - <span style="font-weight: bold;">Idioma</span>: </span></span><span class="rss:item"><span class="rss:item">escolha a linguagem em que o blog será escrito.</span></span><br /><br /><span class="rss:item"><span class="rss:item">6b - <span style="font-weight: bold;">Codificação</span>: </span></span><span class="rss:item"><span class="rss:item">aqui se determina a forma de codificação para que a página mostre os caracteres corretos da língua. No caso de ter escolhido português, escolha neste quadro: Western (ISO-8859-1)</span></span><br /><br /><span class="rss:item"><span class="rss:item">7- <span style="font-weight: bold;">Converter quebras de linha</span>: marque <span style="font-weight: bold;">sim</span> para que ao usar a tecla Enter (<--') o editor configure uma troca de linha. 8 - <span style="font-weight: bold;">Mostrar Título</span>: marque <span style="font-weight: bold;">sim</span> para exibir um espaço no editor onde vai o título da postagem.</span></span><br /><br /><span class="rss:item"><span class="rss:item">9 - <span style="font-weight: bold;">Mostrar Link</span>: marque <span style="font-weight: bold;">sim</span> se quiser que abaixo do espaço de título apareça um segundo espaço onde poderá ser colocado um endereço linkado ao título.</span></span><br /><br /><span class="rss:item"><span class="rss:item">10 - <span style="font-weight: bold;">Habilitar alinhamento flutuante</span>: Marque sim para permitir ajustes no alinhamento de imagens. Marque não se tiver problemas com a aparência das postagens.</span></span><br /><br /><span class="rss:item"><span class="rss:item">Ao terminar clique em <span style="font-weight: bold; color: rgb(255, 102, 0);">Salvar Definições</span>.</span></span><br /><br /><br />. <b>Comentários</b><br /><br />1 - <span style="font-weight: bold;">Comentários</span>: marque Mostrar para mostrar o link de comentários e os comentários feitos. Dica: uma das grandes possibilidades de um blog é a formação de rede que se dá por meio dos comentários e dos links entre blogs. Não esconda os seus comentários :)<br /><br />2 - <span style="font-weight: bold;">Quem pode comentar?</span> Dica: marque "qualquer um", pelo mesmo motivo acima e, também, para facilitar a manutenção do blog. É melhor e mais fácil excluir um comentário ofensivo do que limitar a sua audiência.<br /><br />3 - <span style="font-weight: bold;">Padrão de Comentários</span>: Marque "novas postagens têm comentários".<br /><br />4 - <span style="font-weight: bold;">Links de Retorno</span>: Os links de retorno ficam no final de cada postagem, em geral depois dos comentários. Se marcar <span style="font-weight: bold;">sim</span> o blogger vai relacionar as postagens de outros blogueiros que estão linkando a sua postagem.<br /><br />5 - <span style="font-weight: bold;">Padrão de Links de Retorno</span>: marque "novas postagens têm links de retorno".<br /><br />6 - <span style="font-weight: bold;">Formato da Data e Hora</span>: Escolha o formato da data e hora que vai aparecer nos seus comentários. Dica: escolha um que mencione a data e não somente a hora.<br /><br />7 - <span style="font-weight: bold;">Mostrar Comentários em Janela Pop-Up</span>: determina se os comentários serão exibidos numa janela grande ou numa janela menor, sobreposta. Lembre que muitos computadores bloqueiam as janelas pop-up.<br /><br />8 - <span style="font-weight: bold;">Ativar Moderação de Comentários</span>: ativando a moderação (sim), cada comentário feito necessitará a sua aprovação para aparecer no blog. Dica: é mais fácil eliminar um comentário indesejado do que ter de aprovar cada um.<br /><br />9 - <span style="font-weight: bold;">Exibir uma confirmação de palavras</span>: marcando sim, os seus leitores terão de preencher uma confirmação para postar comentários. Isso auxilia para prevenir o spam, porém é mais uma coisa a preencher ao comentar.<br /><br />10 - <span style="font-weight: bold;">Mostrar Imagem de Perfil nos Comentários</span>: Mostra a foto de quem está comentando, se esta pessoal tem perfil no blogger e se este está compartilhado.<br /><br />11 - <span style="font-weight: bold;">Endereço de Notificação dos Comentários</span>: preencha com seu email para receber os comentários feitos no blog.<br /><br /><span class="rss:item"><span class="rss:item">Ao terminar clique em <span style="font-weight: bold; color: rgb(255, 102, 0);">Salvar Definições</span>.</span></span><br /><br /><br />. <b>Arquivamento</b><br /><br />1 - <span style="font-weight: bold;">Freqüência</span>: determine com que freqüência vai arquivar as suas postagens. Isso depende da quantidade que você pretende postar e pode ser modificado depois.<br /><br />2 - <span style="font-weight: bold;">Ativar páginas de postagem</span>: marque <span style="font-weight: bold;">sim</span> para que cada postagem tenha uma página dedicada.<br /><br /><span class="rss:item"><span class="rss:item">Ao terminar clique em <span style="font-weight: bold; color: rgb(255, 102, 0);">Salvar Definições</span>.</span></span><br /><br /><span style="font-weight: bold;">. Site Feed</span><br /><br />Por padrão, o Feed está no modo básico, clique em alternar para modo avançado se quiser configurar neste modo. Dica: use se desejar exibir de forma diferenciada os feeds de postagens e comentários, por exemplo.<br /><br /><span style="font-weight: bold;">Modo Básico</span>:<br /><br />1 - <span style="font-weight: bold;">Permitir Feed</span>: marque <span style="font-weight: bold;">completa</span> para distribuir todo o conteúdo, <span style="font-weight: bold;">curtas</span> para distribuir apenas o cabeçalho e <span style="font-weight: bold;">nenhuma</span> para não distribuir o conteúdo do blog. Dica: use a distribuição completa que beneficiará os seus leitores que usam agregadores tipo o bloglines.<br /><br />2 - <span style="font-weight: bold;">Rodapé do Feed</span>: se quiser, use para colocar uma mensagem que aparecerá no final do Feed.<br /><br /><span style="font-weight: bold;">Modo Avançado</span>: detalha a exibição dos feeds de postagens e comentários.<br /><br /><span class="rss:item"><span class="rss:item">Ao terminar clique em <span style="font-weight: bold; color: rgb(255, 102, 0);">Salvar Definições</span>.</span></span><br /><br /><br /><span class="rss:item"><span class="rss:item">. <b>Email</b></span></span><br /><br /><span class="rss:item"><span class="rss:item"><b>Blog Send</b>: coloque no quadro um endereço de email para o qual todas as postagens serão mandadas. Dica: não use este recurso.</span></span><br /><br /><span class="rss:item"><span class="rss:item"><span style="font-weight: bold;">Mail to Blogger</span>: preencha </span></span><span class="rss:item"><span class="rss:item">com uma <i>palavra secreta</i> para poder usar aquele endereço completo para postar por email e marque o quadrinho <b>Publicar</b>. Pode-se usar este email para publicar a partir de telefones móveis.</span></span><br /><br /><span class="rss:item"><span class="rss:item">Ao terminar clique em <span style="font-weight: bold; color: rgb(255, 102, 0);">Salvar Definições</span>.</span></span><br /><br /><br /><span class="rss:item"><span class="rss:item">. <span style="font-weight: bold;">Permissões</span>: </span></span><br /><span class="rss:item"><span class="rss:item">Aqui você pode manejar os Autores e Leitores do seu blog. </span></span><br /><br /><span class="rss:item"><span class="rss:item"><span style="font-weight: bold;">Autores:</span> Para adicionar outros participantes no seu blog, clique em <b>Adicionar Autores</b> e coloque seus endereços na caixa de texto colocar seus emails e digitar uma breve mensagem. Eles devem aceitar o convite que receberão e se cadastrar para poder postar no seu blog.</span></span><br /><br /><span class="rss:item"><span class="rss:item"><span style="font-weight: bold;">Leitores</span>: determina quem poderá visualizar o seu blog. Dica: mantenha-o público >> <span style="color: rgb(51, 102, 255);">qualquer pessoa.</span></span></span><br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com3tag:blogger.com,1999:blog-9092621220279597548.post-20803319506759068412007-06-03T10:44:00.000-03:002007-06-03T11:41:44.517-03:00proa17/7 - Explorando as configurações do seu blog<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_N9Q_ZRh70z0/RmLHH8H2WNI/AAAAAAAAACc/h0XjeAlRo3o/s1600-h/elisalandi.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://2.bp.blogspot.com/_N9Q_ZRh70z0/RmLHH8H2WNI/AAAAAAAAACc/h0XjeAlRo3o/s400/elisalandi.jpg" title="Elisalandi" id="BLOGGER_PHOTO_ID_5071835069584660690" border="1" width="300" /></a>Você já tem seu blog, então está na hora de começar a compreender melhor o seu funcionamento, conhecer suas possibilidades e ampliar os seus recursos.<br /><div style="text-align: justify;"><br />Vamos começar por conhecer e completar o seu <span style="font-weight: bold;">Perfil no Blogger</span> e por conhecer e personalizar as configurações do seu blog.<br /><br />1 - Faça o login e entre no <span style="font-weight: bold;">Painel do Blogger</span>. A seguir, use <a href="http://proa17b.blogspot.com/2007/06/configurando-o-seu-perfil-e-o-seu-blog.html">este tutorial</a> para conhecer e personalizar o seu blog. Por enquanto ainda não vamos mexer no <span style="font-weight: bold;">Modelo</span>, mas apenas nas configurações (<span style="font-weight: bold;">Definições</span>). Não esqueça de salvar as alterações efetuadas em cada espaço.<br /><br />2 - Até o final da semana, <span style="font-weight: bold;">relate no seu blog</span> as modificações que fez em seu blog, fale das suas dificuldades, das suas dúvidas, das suas descobertas, dê sugestões aos colegas.<br /><br /><span style="font-weight: bold;">atividade opcional</span>:<br />Na imagem, o <span style="font-style: italic;">blog </span>da colega <a href="http://proa17belisalandiavila.blogspot.com/">Elisalandi</a>, a primeira a concluir as atividades <a href="http://proa17b.blogspot.com/2007/05/semana-1.html">proa17/1/2/3</a>. Clique na imagem para ver em tamanho maior. Que tal voltar no blog da colega ao final desta semana e ver como estará? Imaginem que a Elisalandi é uma das alunas de vocês. O que as modificações de um blog podem indicar em relação ao processo de aprendizagem de um aluno ou aluna?<br /><br /><span style="font-weight: bold;">Navegação</span><br />..... <a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-2.html">voltar às atividades da Semana 2</a><br />..... ir para a <a href="http://proa17b.blogspot.com/2007/06/proa174.html">proa17/4</a><br />..... ir para <a href="http://proa17b.blogspot.com/2007/06/proa175.html">proa17/5</a><br />..... <a href="http://proa17b.blogspot.com/2007/06/proa176-explorando-o-bloglines.html">ir para </a><a href="http://proa17b.blogspot.com/2007/06/proa176-explorando-o-bloglines.html">proa17/6</a><br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com2tag:blogger.com,1999:blog-9092621220279597548.post-34742964889407167252007-06-03T10:33:00.000-03:002007-06-03T12:26:54.501-03:00proa17/6 - Explorando o Bloglines<div style="text-align: justify;"><span style="font-weight: bold;">Conteúdo:<br /><br />* observação importante: </span><span>Para ter uma visão geral do todo, assista a animação e leia o conteúdo, ANTES de iniciar a fazer as atividades.</span><span style="font-weight: bold;"><br /><br /></span><span>A </span><a href="http://www.unerj.br/ead/webteca/arquivos/webteca1802/rss.htm">animação</a><span> mostra a maneira de adicionar blogs para serem visualizados por meio do Bloglines.<br /><br />Os passos a seguir descrevem, também, diversas formas de fazer este processo:</span><span style="font-weight: bold;"><br /></span><blockquote><br /><span class="rss:item"><li><b>adicionando um <i>feed</i> manualmente</b>: <i>adicionar</i></li></span><br /><span class="rss:item">:: entre em <a href="http://www.bloglines.com/">http://www.bloglines.com</a> e <span style="color: rgb(51, 102, 255);">Iniciar Sessão</span> (bem acima e à direita). Preencha com seu email e senha e clique em Iniciar Sessão.</span><br /><span class="rss:item"></span><br /><span class="rss:item">:: clique em <span style="font-weight: bold;">Feeds</span> - é aqui que os blogs adicionados vão ficar.</span><br /><span class="rss:item"></span><br /><span class="rss:item">:: clique agora em <span style="font-style: italic; font-weight: bold;">adicionar</span> e, na janela da direita, digite o endereço do blog a ser adicionado e clique em assinar.</span><br /><span class="rss:item"></span><br /><span class="rss:item">(*)Na tela que vai aparecer, marque um dos quadrinhos (bem no início) e preencha o item <span style="font-weight: bold;">Pasta</span>. </span><span class="rss:item">É nesta tela que tu podes definir pastas para separar os blogs assinados.</span><span class="rss:item"> De momento, não preencha ou modifique os demais itens. Finalize a assinatura clicando no botão <span style="font-weight: bold;">Assinar</span>.</span><br /><span class="rss:item"></span><br /><span class="rss:item">:: é preciso repetir este processo para cada blog.</span><br /><span class="rss:item"></span><br /><span class="rss:item"><li><b>usando o botão (link) de subscrição</b>.</li></span><br /><span class="rss:item">:: entre em <a href="http://www.bloglines.com/help/easysub">http://www.bloglines.com/help/easysub</a> e use o modo indicado para o seu tipo de navegador.</span><br /><span class="rss:item"></span><br /><span class="rss:item">Tente isso: clique com o botão direto do mouse no link abaixo e escolha "adicionar aos favoritos ":</span><br /><span class="rss:item"></span><br /><span class="rss:item"><a href="javascript:location.href='http://www.bloglines.com/sub/'+location.href">subscrever com o bloglines</a></span><br /><span class="rss:item"></span><br /><span class="rss:item">Depois, para assinar o blog ou o site que estiver visualizando no seu navegador, apenas clique no botão "Assinar com Bloglines" do seu menu Favoritos.</span><br /><span class="rss:item"></span><br /><span class="rss:item">:: para assinar um de terminado blog ou sítio, use este botão ou link criado na sua barra ou nos seus favoritos quando estiver visualizando o blog ou sítio. Este botão/link é útil para que assinemos sítios que aparecem durante nossa navegação.</span><br /><span class="rss:item"></span><br /><span class="rss:item">:: ao adicionar um blog desta forma, o restante do processo é semelhante ao do primeiro item (*). </span><br /><span class="rss:item"></span><br /><span class="rss:item"><li><b>assinando listas compartilhadas</b>, tipo: <a href="http://www.bloglines.com/public/pead" title="bloglines pead" target="_blank">PEAD</a> ou <a href="http://www.bloglines.com/public/su" title="bloglines da suzana" target="_blank">Suzana</a></li></span><br /><span class="rss:item">:: entre na lista compartlhada. Por exemplo, a que eu estou compartilhando:</span><br /><span class="rss:item"></span><br /><span class="rss:item">http://www.bloglines.com/public/pead </span><br /><span class="rss:item"></span><br /><span class="rss:item">:: clique no blog que desejas adicionar e visualize o seu conteúdo na janela da direita.</span><br /><span class="rss:item"></span><br /><span class="rss:item">:: Nesta janela, na parte superior, numa barra azul, existem algmas opções. Clique em assinar para adicionar o blog.</span><br /><span class="rss:item"></span><br /><span class="rss:item">:: o restante do processo é semelhante ao do primeiro item (*). </span><br /><span class="rss:item"></span><br /><span class="rss:item"></span><br /><span class="rss:item"><li><b>manejando as suas subscrições >> criar pastas, ordenar, ...</b></li></span><br /><span class="rss:item">:: clique em <span style="font-weight: bold;">Feeds</span> - é aqui que os blogs adicionados vão ficar.</span><br /><span class="rss:item"></span><br /><span class="rss:item">:: clique agora em <i><span style="font-weight: bold;">editar</span>.</i></span><br /><span class="rss:item"></span><br /><span class="rss:item">:: selecione as pastas ou blogs clicando nelas com o mouse. Podem ser selecionadas mais de uma pasta. Use a caixa "<span style="font-weight: bold;">Escolher Ação</span>" para modificar o (os) feed(s) selecionado(s) e clique em <span style="font-weight: bold;">Enviar</span>.</span><br /><span class="rss:item"></span><br /><span class="rss:item">:: para criar pastas clique em <i style="font-weight: bold;">New Folder</i>. Para mudar os links de pasta , arraste-os.</span><br /><span class="rss:item"></span><br /></blockquote><b>Atividade proa17/6:<br /><br /></b>1 - Usando o método que preferir, adicione os blogs de seus colegas ao seu <span style="color: rgb(51, 102, 255); font-weight: bold;">bloglines</span>.<br /><br />Os endereços estão no blog do <a href="http://proaufrgsb.blogspot.com/">PROA 17</a>, em <span style="font-weight: bold;">Blogs da Turma</span>.<br /><br />Cadastre, também, o <a href="http://proaufrgsb.blogspot.com/">blog da disciplina</a>, para saber rapidamente cada vez algo é postado. (isso será bem interessante porque vamos começar a postar algumas dicas e desafios opcionais)<br /><br />2 - Durante a semana, acesse o <span style="font-weight: bold;">seu bloglines</span> e vá conferindo as novidades nos blogs cadastrados. <span style="font-weight: bold;">Visite e comente</span> os blogs de dois ou mais colegas de turma.<br /><br />3 - Até o final da semana:<br />Compartilhe a lista das suas leituras. O endereço é<br /><b>http://www.bloglines.com/public/<span style="color: rgb(51, 102, 255);">seunomedeusuario</span><br /></b>Este endereço mostrará todas as subscrições (<span style="font-style: italic;">feeds</span>) que você agregou e classificou como públicos. Divulque este endereço no seu blog. Conte quais blogs de colegas visitou e o que viu nestas visitas.<br /><b><br />Recursos:</b><span class="rss:item"><br /><br />:: <a href="http://www.bloglines.com/help/faq" target="_blank">http://www.bloglines.com/help/faq</a><br /></span><br />:: <a href="http://www.unerj.br/ead/webteca/arquivos/webteca1802/rss.htm">animação</a><br /><br /><span style="font-weight: bold;">Navegação</span><br />..... <a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-2.html">voltar às atividades da Semana 2</a><br />..... ir para a <a href="http://proa17b.blogspot.com/2007/06/proa174.html">proa17/4</a><br />..... ir para <a href="http://proa17b.blogspot.com/2007/06/proa175.html">proa17/5</a><a href="http://proa17b.blogspot.com/2007/06/proa176-explorando-o-bloglines.html"></a><br /><a href="http://proa17b.blogspot.com/2007/06/proa175.html"></a>..... ir para <a href="http://proa17b.blogspot.com/2007/06/proa177-explorando-as-configuraes-do.html">proa17/7</a><br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com1tag:blogger.com,1999:blog-9092621220279597548.post-26991099615021501502007-06-03T10:32:00.001-03:002007-06-03T10:32:45.194-03:00Write to My Blog<div style="text-align: justify;">Escreva no seu blog usando um outro editor. O <a href="http://writetomyblog.com/">Write to My Blog</a> é um editor baseado na web. Isso significa que é um aplicativo que se acessa e usa entrando no seu endereço (URL). É gratuito e não é necessária inscrição.<br /><br />O <a href="http://writetomyblog.com/">Write to My Blog</a> permite que se poste no blog sem entrar no serviço de blog (no nosso caso é o Blogger). Entrando no Write to My Blog, você digita a postagem, clica em publicar (publish). Vai aparecer uma janela onde você deve selecionar o serviço de blog, colocar seu nome de usuário e senha, email, e clicar em publicar (publish). O quadrinho <span style="font-style: italic;">remember....</span> serve para salvar seus dados de usuário e é opcional.<br /></div><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_N9Q_ZRh70z0/Rk8pHMH2WGI/AAAAAAAAABo/id6Azj0SuaM/s1600-h/wtmb.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_N9Q_ZRh70z0/Rk8pHMH2WGI/AAAAAAAAABo/id6Azj0SuaM/s400/wtmb.png" alt="" id="BLOGGER_PHOTO_ID_5066313309305067618" border="0" /></a><span style="font-size:85%;">* clique na foto para ver em tamenho maior</span><br /></div><div style="text-align: justify;">Depois disso, vai aparecer, no caso do Blogger, um aviso do Google perguntando se você autoriza a postagem, clique em Conceder Acesso. Isso vai acontecer só na primeira postagem.<br /><br />Concedido o acesso, aparece uma janela com todos os seus blogs ligados aquela conta do google/blogger. Uma coisa interessante é que o WTMB permite que se poste para vários blogs ao mesmo tempo. É só marcar os quadrinhos e clicar em publicar.<br /><br />Desafio: teste o <span style="font-weight: bold;">WTMB</span> no seu blog de testes. Procure explorar outras de suas possibilidades e nos conte o que fez :)<br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com0tag:blogger.com,1999:blog-9092621220279597548.post-69375370442959205432007-06-03T10:30:00.000-03:002007-06-03T10:31:44.367-03:00capturar e salvar imagens<div style="text-align: justify;">Um recurso bastante útil para construir tutoriais :)<br /><br />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.<br /><br />2 - Aperte a tecla <span style="font-weight: bold;">Print Screen</span>, que fica geralmente depois das teclas F (F12). Isso vai copiar a imagem da tela.<br /><br />3 - Abra um editor de imagens. Pode ser o Paint (Windows) ou o <a href="http://superdownloads.uol.com.br/download/131/gimp/">Gimp</a> (Windows/Linux). Cole a imagem que foi copiada. (Ctrl + v)<br /><br />4 - Edite a imagem como desejar e salve. Use preferencialmente os formatos .jpg ou .png<br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com0tag:blogger.com,1999:blog-9092621220279597548.post-1700295914868309242007-06-03T10:12:00.000-03:002007-06-03T12:23:35.576-03:00proa17/5<div style="text-align: justify;"><span>O</span> <a href="http://www.bloglines.com/">Bloglines</a><br /><br />O Bloglines é um aplicativo agregador/leitor de conteúdo.<br />Na imagem abaixo vemos uma lista de <span style="font-style: italic;">feeds</span> de <span style="font-style: italic;">sites</span> e <span style="font-style: italic;">blogs </span>que foram agregados no <a href="http://www.bloglines.com/">Bloglines</a>:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.gutierrez.pro.br/im/blines.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 650px;" src="http://www.gutierrez.pro.br/im/blines.jpg" title="janela do bloglines" border="0" /></a>* clique na imagem para ver em tamanho maior<br /><br />Na barra da esquerda vemos a lista dos sítios (<span style="font-style: italic;">sites</span>/<span style="font-style: italic;">blogs</span>) que agregamos. Os <span style="font-style: italic;">feeds</span> que ainda não lemos aparecerão sinalizados em negrito (exatamente como um email ainda não lido).<br /><br />À direita é a janela de visualização do conteúdo de cada blog (<span style="font-style: italic;">feed</span>). Na figura acima, vemos as últimas postagens do blog que está sinalizado.<br /><br />Agora, vamos nos inscrever no Bloglines. Antes de iniciar, assista esta <a href="http://www.unerj.br/ead/webteca/arquivos/webteca1802/rss.htm">animação</a>. Depois, siga o caminho abaixo para realizar a sua inscrição. Na dúvida, volte à consultar a animação.<br /><br /></div>.: entre em <a href="http://www.bloglines.com/?Lang=portuguese">http://www.bloglines.com</a> e clique em no link <span style="font-weight: bold;">Inscreva-se Agora</span> , bem no centro da página.<br /><br />.: preencha o cadastro clicando depois em <span style="color: rgb(51, 102, 255);">REGISTRAR</span>. Observações: seu login para entrar no bloglines é o <span style="font-weight: bold;">seu email</span>; nossa zona de tempo é <span style="color: rgb(51, 102, 255);"><span style="font-weight: bold;">-3</span>.<br /><br /></span>.: se tudo correr bem aparecerá um aviso: <span style="font-style: italic;">Você está registrado no </span><a style="font-style: italic;" href="http://www.bloglines.com/">Bloglines</a><span style="font-style: italic;">. Em breve você receberá um e-mail de confirmação.</span> Responda a esse e-mail e estará registrado por completo.<br /><br />Consulte seu email, localize a mensagem e clique no link de <span style="color: rgb(51, 102, 255);">validação de email</span>. Na página que aparecer não é preciso se inscrever em nada do que está proposto. Você já pode usar o seu bloglines.<br /><br />.: comece clicando em <span style="color: rgb(51, 102, 255);">Conta</span> (acima, à direita) e preencha os demais dados de sua inscrição. Neste espaço você tem a <span style="font-weight: bold;">opção</span> de <a href="http://www.bloglines.com/profile?mode=1">criar um blog</a>, de <a href="http://www.bloglines.com/profile?mode=2">editar o seu perfil</a> e de <a href="http://www.bloglines.com/profile?mode=3">configurar</a> como os seus feeds (páginas que vai ler) vão funcionar.<br /><br />Na disciplina<span style="font-weight: bold;"> não</span> <span style="font-weight: bold;">iremos usar o blog do bloglines</span>, pois estamos usando o blog do blogger. Assim mesmo, precisamos criar um nome de usuário que será usado para outras coisas.<br /><br />Então, no seu bloglines, entre no link <a href="http://www.bloglines.com/profile">Conta</a>/ <span style="color: rgb(204, 51, 204);">Configurações de Blog</span>, e escolha um <span style="font-style: italic;">nome de usuário</span> (uma só palavra, em minúsculas, sem acentos, apenas letras e números, evite o "ç") e marque <span style="font-weight: bold;">sim</span> publicar meu blog e <span style="font-weight: bold;">yes</span>, publish my blogroll.<br /><br />Você terá dois endereços públicos (páginas que qualquer um pode acessar) para compartilhar:<br /><br />a) endereço de um blog no bloglines:<br /><b>http://www.bloglines.com/blog/seunomedeusuario </b><br /><br />b) endereço de suas leituras (blogs que você cadastrou para ler):<b><br />http://www.bloglines.com/public/seunomedeusuario</b><div style="text-align: justify;"><br />(o endereço "b" será usado na próxima atividade)<br /><br />.: para mostrar que chegou até aqui, <a href="http://proa17b.blogspot.com/2007/06/capturar-e-salvar-imagens.html">capture a imagem</a> de sua tela do bloglines e publique no seu blog, juntamente com o seu <span style="font-style: italic;">nome de usuário</span>.<br /><br /><br /><b><br /></b><span style="font-weight: bold;">Navegação</span><br />..... <a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-2.html">voltar às atividades da Semana 2</a><br />..... ir para a <a href="http://proa17b.blogspot.com/2007/06/proa174.html">proa17/4</a><br /><a href="http://proa17b.blogspot.com/2007/06/proa175.html"></a>..... ir para <a href="http://proa17b.blogspot.com/2007/06/proa176-explorando-o-bloglines.html">proa17/6</a><br />..... ir para <a href="http://proa17b.blogspot.com/2007/06/proa177-explorando-as-configuraes-do.html">proa17/7</a><a href="http://proa17ufrgs.blogspot.com/2007/04/atividade-4-da-semana-2-proa177.html"></a><br /><a href="http://proa17ufrgs.blogspot.com/2007/04/atividade-4-da-semana-2-proa177.html"></a><br /></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com4tag:blogger.com,1999:blog-9092621220279597548.post-70073811230207635272007-06-03T09:52:00.000-03:002007-06-03T11:08:16.769-03:00proa17/4 - a agregação e a distribuição de conteúdo<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://static.flickr.com/54/147662698_4b45ff7c92.jpg"><img style="margin: 0px auto 10px; display: block; width: 400px; cursor: pointer; text-align: center;" alt="" src="http://static.flickr.com/54/147662698_4b45ff7c92.jpg" border="0" /></a><br /><div style="text-align: justify;"><span style="font-size:85%;">* agregar conteúdo significa, também, fazer a ligação entre diversas tecnologias.</span><br /><br /><br /><span style="font-weight: bold;">1</span> - A leitura desta semana é o artigo "<a href="http://www.cinted.ufrgs.br/renote/nov2004/artigos/a6_distribuicao_conteudos.pdf" target="_blank">Distribuição de Conteúdos e Aprendizagem On-line</a>" [1]. À medida que for lendo, vá anotando as sua dúvidas, questões, impressões.<br /><br />Não se apresse na leitura, esta tarefa é para ser desenvolvida ao longo da semana e não necessita ser a primeira realizada.<br /><br />[1] Texto disponível, também, em arquivo .doc na Biblioteca do Eproinfo >> <a href="http://www.eproinfo.mec.gov.br/upload/ReposProf/Tur91214/img_upload/gutierrez-rss-cinted.doc" target="_blank">link direto</a><br /><br />No final da semana (até 07/06), poste no seu blog um texto que evidencie a sua compreensão sobre o tema <a href="http://www.cinted.ufrgs.br/renote/nov2004/artigos/a6_distribuicao_conteudos.pdf" target="_blank">Distribuição de Conteúdos e Aprendizagem On-line</a>. Não se trata de um resumo do texto lido. Elabore com suas palavras o que entendeu, aponte os pontos de maior importância no assunto, relate suas dúvidas, relacione com o seu cotidiano de professora que usa as tecnologias no ensino-aprendizagem.<br /><br /><span style="color: rgb(102, 51, 102); font-weight: bold;">Observações Importantes</span>: Estamos trabalhando com um ambiente que é público, o blog. As produções de vocês, os textos e trabalhos diversos, serão vistos por todos que acessarem o seu blog. Portanto, ao elaborá-los, coloquem-se no lugar do leitor, um leitor que pode ser um professor da sua escola, por exemplo, que não faz parte do PROA.<br /><br /><span style="font-weight: bold;">Leitura Complementar</span>:<br /><br /><a href="http://cidade.usp.br/redemoinhos/?2005-01/ferramental">RSS e Educação</a><br /><br /><a href="http://pt.wikipedia.org/wiki/RSS">RSS na Wikipedia</a><br /><br /><span style="font-weight: bold;">Navegação</span><br />..... <a href="http://proa17b.blogspot.com/2007/06/atividades-da-semana-2.html">voltar às atividades da Semana 2</a><a href="http://proa17b.blogspot.com/2007/06/proa174.html"></a><br />..... ir para <a href="http://proa17b.blogspot.com/2007/06/proa175.html">proa17/5</a><br />..... ir para <a href="http://proa17b.blogspot.com/2007/06/proa176-explorando-o-bloglines.html">proa17/6</a><br />..... ir para <a href="http://proa17b.blogspot.com/2007/06/proa177-explorando-as-configuraes-do.html">proa17/7</a><a href="http://proa17ufrgs.blogspot.com/2007/04/atividade-4-da-semana-2-proa177.html"></a></div>Suzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com0tag:blogger.com,1999:blog-9092621220279597548.post-65540080968447201172007-06-03T09:42:00.000-03:002007-06-03T11:43:43.226-03:00Atividades da Semana 2<div align="justify">Período de 04/06/2007 à 11/06/2007.<br /><br />Imaginem que vocês começaram a trabalhar com blogs e/ou wikis com seus alunos. O problema é que são pessoas muito atarefadas e não tem muito tempo, mas precisam ler as novas postagens feitas pelos alunos para comentar.<br /><br />Como fazer para acompanhar o trabalho dos alunos sem ter que entrar em cada um dos endereços para verificar se os alunos realmente atualizaram o blog ou postaram coisas novas no wiki?<br /><br />Para facilitar a vida de todos nós existe a tecnologia <span style="font-weight: bold;">RSS</span>.<br /><br />É cada vez mais comum encontrar sites que possuem pequenas figuras (geralmente na cor laranja) com os dizeres "RSS", "XML" ou "Atom", como mostram as imagens abaixo. Note que a última figura embaixo e à direita não tem nada escrito, mas tem a mesma finalidade das demais: indicar que, naquele site, é possível utilizar feeds RSS.<br /><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_N9Q_ZRh70z0/RjNYyZWtcWI/AAAAAAAAAAU/IJtNAXj5YoY/s1600-h/rss.jpg"><img id="BLOGGER_PHOTO_ID_5058484429290041698" style="margin: 0px auto 10px; display: block; cursor: pointer; text-align: center;" alt="" src="http://4.bp.blogspot.com/_N9Q_ZRh70z0/RjNYyZWtcWI/AAAAAAAAAAU/IJtNAXj5YoY/s400/rss.jpg" border="0" /></a><p align="justify"><br />Graças a esse recurso, é possível aos sites divulgarem, automaticamente, novos conteúdos de uma maneira cômoda aos usuários.<br /><br />Vamos tentar entender o que o RSS faz e como funciona?<br /><br />A sigla <span style="font-weight: bold;">RSS</span> tem mais de um significado. Alguns a chamam de:<br /><br />* RDF Site Summary, outros a denominam<br />* Really Simple Syndication ou ainda os que a definem como<br />* Rich Site Summary.<br /><br /><span style="font-weight: bold;">RSS</span> é um recurso desenvolvido em XML que permite aos responsáveis por sites, wikis e blogs divulgarem novas notícias ou novidades publicadas . Para isso, o link e o resumo daquela notícia (ou a notícia na íntegra) é armazenado em um arquivo de extensão .xml, .rss ou .rdf . Esse arquivo é conhecido como <span style="font-style: italic;">feed</span> (é um endereço ou url). Este <span style="font-style: italic;">feed</span>, adicionado à um leitor/agregador de conteúdo é decodificado e mostrado como uma página normal. Assim, adicionando diversos <span style="font-style: italic;">feeds</span> ao meu leitor/agregador poderei ler o conteúdo de todos estes blogs e <span style="font-style: italic;">sites</span> sem ter de acessá-los diretamente.<br /><br />Vamos aprender mais um pouco seguindo as tarefas abaixo:<br /><br /></p><ul><li><a href="http://proa17b.blogspot.com/2007/06/proa174.html">Atividade proa17/4<br /></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa175.html">Atividade proa17/5<br /></a></li><li><a href="http://proa17b.blogspot.com/2007/06/proa176-explorando-o-bloglines.html">Atividade proa17/6</a></li></ul>E, para conhecer um pouco mais sobre o funcionamento do seu <span style="font-style: italic;">blog</span>, navegue pela:<br /><ul><li>Atividade <a href="http://proa17b.blogspot.com/2007/06/proa177-explorando-as-configuraes-do.html">proa17/7</a></li></ul><span style="font-weight: bold;"></span><br /><span style="font-weight: bold;">Referências:</span><br /><br />O material destas atividades foi adaptado de:<br /><br /><a href="http://www.unerj.br/ead/webteca/arquivos/webteca1802/rss1.htm">Tecnologia RSS</a> - Profª Iris<br /><a href="http://www.unerj.br/ead/webteca/arquivos/webteca1802/rss.htm">Bloglines</a> - Proª Iris<br /><a href="http://www.ufrgs.br/tramse/blogquests/2005/04/weblogs-como-criar-um-blog.htm">Como criar um blog</a> - Profª Suzana<br /><a href="http://peadblogfolio.blogspot.com/2006/05/encontro-presencial-de-31-de-maio.html">Tópicos sobre agregação e distribuição de conteúdo</a> - Profª SuzanaSuzana Gutierrezhttp://www.blogger.com/profile/01849351552316972525noreply@blogger.com5