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

terça-feira, 13 de setembro de 2011

Atividade Final

   Postando oficialmente a nossa última atividade será a construção de um blog da sua escola (departamento), utilizando as seguintes ferramentas:

  1. No mínimo 3 (TRÊS) postagens de acordo com seu gosto, notícias, letras de músicas, poemas, enfim, 3 postagens;
  2. Banner (esse banner fica ao gosto de vocês, mas é necessário que o Blog tenha um banner);
  3. Calendário (usando gadget do tipo HTML/JavaScript);
  4. Divulgação do Blog de Vocês (usando gadget do tipo HTML/JavaScript);
  5. Caixa de chat no Blog (com o Cbox);
  6. Slide Show com no mínimo 5 fotos;
  7. Contador de Visitas.
   Lembrando que o Blog deve estar todo personalizado de acordo com seus gostos, alterando sua forma e cores na parte de Design.
   Caprichem pessoal! Afinal, será o blog da Escola/Departamento de vocês, e aposto que vocês vão querer que seus blogs sejam bem visitados. Qualquer problema que vocês tenham com a criação do Banner ou da Imagem para divulgação vocês podem falar comigo que eu ajudo, ou até mesmo posso fazer pra vocês, o importante é vocês saberem fazer. Mostrem-me que vocês realmente aprenderam :)

sexta-feira, 2 de setembro de 2011

Décima Atividade - Criando um contador de visistas

Nossa décima, e última atividade, será a criação de um contador de visitas para nosso blog.

  1. Primeiramente iremos acessas o site que irá criar os nossos contadores de visitas TrendCounter;
  2. Faremos nosso cadastro e a validação do cadastro; 
  3. Escolhemos o modelo de contador que desejamos;
  4. Copiamos o código HTML dele;
  5. Criamos uma Gadget do tipo HTML/JavaScript; e
  6. Colamos os códigos em conteúdo e salvamos;
Os passos serão explicados mais detalhadamente no datashow :)

Além desse citado acima temos na internet vários outros modelos de contadores e visitas, como por exemplo os do site Contador. Enfim, opção é o que não falta na internet.

Nona Atividade - Inserindo nossas Redes Sociais no Blog

   Em uma das nossas últimas atividades iremos aprender a colocar nossas redes sociais para se algum acessante do nosso blog queira nos adicionar, ficar mais prático.
   Então, para isso nos devemos apenas criar um GadGet do tipo HTML/JavaScript, copiar o link abaixo, e onde estiver LINDO DO SEU ..., você substitui pelo seu endereço da rede social.

<a href="LINK DO SEU TWITTER"><img src="http://i52.tinypic.com/9j0uuc.gif"> </a>
<a href="LINK DO SEU FACEBOOK"><img src="http://i53.tinypic.com/smy8er.gif"> </a>
 <a href="LINK DO SEU ORKUT"><img src="http://i51.tinypic.com/2pr5mxl.gif"> </a>

   Caso algum  cursista possua redes sociais além dessas, falar comigo pois daí eu criarei uma imagem com o logo da rede :)

quinta-feira, 1 de setembro de 2011

Oitava Atividade - Inserindo Slide Show no seu Blog

   Outra ferramenta pedida para utilizarmos nos nossos blogs foi a inserção de Slides Show. Para isso, o Blogger já nos disponibiliza uma Gadget próprio para isso que é o de Apresentação de Slides.
  Para que possamos ter as fotos passando em slide precisaremos criar um album na internet com essas fotos e utiliza-lo fazendo a conexão Blogger/GadGet - Album. Como já possuímos um e-mail Gmail ou validado pelo Google poderemos utilizar o Picasa que é uma ferramenta do google para termos albuns de fotos publicados na internet.
 Você poderá acessar o Picasa clicando aqui.

Próximos passos serão feitos no data show :)

Sétima Atividade - Criando uma caixa de diálogo (Chat) com Cbox

   Uma coisa que é muito comum encontrarmos nos Blogs da vida são caixas de diálogos que funcionam como um próprio CHAT.
   Na internet, como quase tudo, há uma infinidade de sites que nos possibilitam utilizar o código fonte (como fizemos nos caléndarios) para simplismente colar em nosso Gadget, claro que requer um pouco mais de passos, mas se resumi basicamente a isso mesmo.
   Para podermos ter uma caixa de diálogo no nosso blog, utilizaremos o Cbox, pois é grátis, simples de utilizar e você pode mudar as cores dele de acordo com seus gosto.

CLIQUE AQUI Para acessar o Cbox.

Demais passos serão explicados no datashow :)

Sexta Atividade - Refazendo a Quarta Atividade

Outro problema de ontem foi a confusão para podermos entender como fazer, e como funciona a criação de um link para divulgações no site, então nossa Sexta Atividade será refazer a Quarta Atividade, dessa vez adicionando o máximo possivel dos nossos blogs entre nós mesmos.

Quinta Atividade - Revendo conceitos básicos.

Na aula passada (31/08) percebi que alguns cursistas, talvez boa parte, estavam se perdendo na hora de realizarmos conceitos básicos. Então para que isso não aconteca mais (ou diminua), iremos revisar alguns conceitos básicos para acelerar alguns processos durante a aula. Dentre eles estarão:
  1. O que são links;
  2. Como acessar a aba Design através ou não de atalhos;
  3. Alterar GadGets após termos inseridos em nossa página
No decorrer da aula, conforme forem surgindo novas dúvidas, iremos respondendo-as :)

quarta-feira, 31 de agosto de 2011

Quarta Atividade - Inserindo uma Caixa de Divulgação do seu Blog

É comum quando estamos acessando alguns blogs, encontrarmos uma aba onde eles põem Blogs Parceiros, que seriam como divulgações de outros blogs no seu. E assim como encontramos essa aba de parceiros, também é comum encontrarmos uma com um código e uma imagem acima (geralmente) - como na imagem abaixo - esse código é o que nós inserimos para podermos fazer a divulgação de tais blogs.
   Na imagem podemos ver a divulgação do blog "Oficina-Construindo Blog" e essa será a quarta tarefa, criar uma janela e divulgação do seu blog, e logo após concluido, criar um novo Gadget de JavaScript/HTML para divulgar o blog de pelo menos 3 cursistas.
  Os passos para fazermos isso será explicado no data show :)

Para fazermos isso, precisaremos do site TinyPic e do seguinte código HTML:

<p align="center"><img vspace="2" hspace="2" src="ENDEREÇO DA SUA IMAGEM" /></br> <textarea rows="3" cols="15" onfocus="this.select()" onmouseover="this.focus()" name="textarea"> <center><a href="ENDEREÇO DO SEU BLOG" target="_blank"> <img border="0" src="ENDEREÇO DA SUA IMAGEM" /></a></center> </textarea>

Terceira Atividade - Inserindo um Calendário com Gadget

   Na nossa terceira atividade iremos inserir um calendário como Gadget no nosso blog.

   Para podermos colocar calendários no nosso blog temos que buscar em sites que fazem isso para nós, que são os JavaScripts/HTML, como possuímos um GadGet para códigos dessa linguagens, iremos fazer o seguinte:
  1. Acessar os seguintes sites. Para o calendário tradicional, simples, ESSE é a melhor solução. Para calendários femininos, ESSE SITE nos dá várias opções. Para os homens, teremos ESSES CALENDARIOS DE TIME
  2. Após escolhido o modelo, copie o código HTML abaixo da imagem;
  3. Vá em Design -> Adicionar um Gadget -> HTML/JavaScript
  4. Cole o código e clique em Salvar
Obs.: Existem diversos sites que desponibilizam calendário de diversos modelos, esse foi apenas para aprendermos como colocar, para os outros, é o mesmo processo.

Obs.2: Lembrando que nem sempre tudo que brilha ou é bonitinho, torna-se viável para seu blog, as vezes deixando-o até mesmo cheio ou sem sintonia de cores.

Segunda Atividade - Inserindo um Banner no nosso Blog

  Nossa Segunda Atividade será a inserção de uma imagem no lugar do Título do Blog. Para isso teremos que utilizar uma imagem com 849x231 pixels, que é o recomendado para que ser banner fique bem alinhado no layout do seu blog. Abaixo segue a imagem que iremos utilizar:
  1. Salve a Imagem;
  2. Utilize o ColorPaint;
  3. Faça uma pequena arte, de acordo com seu gosto;
 Após todos terem feito seu banner, iremos coloca-las em nossos blogs!

terça-feira, 30 de agosto de 2011

Primeira Atividade - Parte 2

Título da Noticia: Justiça Federal nega suspensão de operações no aeroporto de Congonhas


A Justiça Federal julgou improcedente o pedido do Ministério Público de suspender as atividades no aeroporto de Congonhas, na zona sul de São Paulo. O MP pediu a interrupção de todas as operações de pouso e decolagem até serem sanadas as dúvidas quanto à questão da segurança, devido ao acidente com o avião da TAM, em julho de 2007. A sentença foi proferida pelo juiz federal Clécio Braschi, da 8ª Vara Cível em São Paulo.

Após o acidente, que deixou 199 mortos, o MP ajuizou a ação civil pública com pedido de liminar, contra a Agência Nacional de Aviação Civil (Anac) e a Empresa Brasileira de InfraEstrutura Aeroportuária (Infraero), pleiteando a suspensão das atividades do Aeroporto. Ainda segundo a Justiça Federal, a Procuradoria alegou que as condições de reforma precárias da pista foram fundamentais para a ocorrência do acidente, além de salientar que as condições de segurança dos usuários ficam comprometidas devido ao fato de o aeroporto localizar-se em um ambiente urbano.

De acordo com a sentença, o pedido de interdição não procede, pois peritos criminais federais realizaram, entre os dias 18 e 24 de junho de 2007, exames e diligências na pista e em nenhum momento recomendaram alguma medida de interdição, mas sugestões e recomendações de segurança, as quais estão sendo seguidas.

O magistrado avaliou também o fato de o aeroporto estar situado em zona urbana densamente habitada não pode ser objeto de análise pelo Poder Judiciário. O julgamento da conveniência ou não de onde o aeroporto funciona cabe exclusivamente ao Poder Executivo, enquanto o Judiciário só tem competência para julgar a legalidade do ato.

Primeira Atividade - Parte 1

  Após vermos todas as ferramentas possíveis na hora de fazer uma postagem, nossa primeira atividade será postar uma notícia (tirada do portal Uol) e postar no seu blog, de acordo com a formatação postada aqui no Blog. Clicando AQUI você pode ver a publicação formatada
   Nessa notícia nós utilizamos as seguintes ferramentas:
  1. Negrito;
  2. Ítalico;
  3. Sublinhado;
  4. Formatação de Texto: Justificado;
  5. Para início de paragrafo 3 espaços;
  6. Citação;
  7. Imagem retirada de um URL (Acessar o Portal UOL, localizado no final da noticia, linkado em Fonte)
  8. Imagem em tamanho pequeno, alinhado a esquerda; e
  9. Link para FONTE.
Na próxima página estará o texto "cru", ou seja, sem nenhuma formatação.