Um  blog  (contração do termo " Web log "), também chamado de  blogue  em Portugal, é um site cuja estrutura per...
O blog atual é uma evolução dos diários online, onde pessoas mantinham informações constantes sobre suas vidas pessoais. E...
Como Criar um Blog ?
Nesta  página,  você  deverá  criar  a  sua  conta  no  Blogger.  Preencha  os  campos solicitados: - Nome de usuário: voc...
Como Criar um Blog ?
Como Criar um Blog ?
Como Criar um Blog ?
Editando seu Blog
Editando seu Blog
Editando seu Blog
Comentários do Blog
Comentários do Blog
Comentários do Blog
Comfigurando o Blog
Na opção Settings, será possível fazer alguns ajustes em seu blog. Ela é composta por sub-opções, que serão apresentadas a...
Comfigurando o Blog
Comfigurando o Blog
<ul><li>> Estruturando seu Blog para aplicação futuras de templates </li></ul><ul><li>Na sub-opção Formatting, é possível ...
Estrutura do Blog !
Estrutura do Blog !
Estrutura do Blog !
Edição Personalizada
Exemplos de Blogs
Exemplos de Blogs
Exemplos de Blogs
Exemplos de Blogs
Exemplos de Blogs
Design do seu Blog!
Design do seu Blog! Template  (ou &quot;modelo de documento&quot;) é um documento sem conteúdo, com apenas a apresentação ...
Design do seu Blog! Opção > Editar HTML : Apresentara o código-fonte do seu blog:   <?xml version=&quot;1.0&quot; encoding...
Design do seu Blog!
Sites de Design
Template de blogs
Template de blogs
Template de blogs
Template de blogs
Template de blogs
Criação de gadgets Gadget  (em inglês:  geringonça, dispositivo ) é um equipamento que tem um propósito e uma função espec...
Criação de widgets Um widget, que possivelmente é a fusão entre windows (janela) e gadget, é um componente com interface g...
Exemplos de widgets
Exemplos de widgets
Exemplos de widgets
Criação de widgets Linguagem especifica do blog : A implementação do blog pode ser feita toda em uma linguagem de script e...
Pratica de construção:  widgets Os widgets estão no auge de sua popularidade. Com eles é possível adicionar notícias, mini...
Pratica de construção:  widgets Antes de mais nada uma breve explicação sobre Canais RSS: RSS  é um subconjunto de &quot;d...
Pratica de construção:  widgets Para começar, vamos instalar o pacote  WampServer . Ele será nossa base para testar o widg...
Pratica de construção:  widgets Depois disso, crie uma pasta denominada widget, dentro do diretório C:wampwww, onde coloca...
Pratica de construção:  widgets
Pratica de construção:  widgets
Pratica de construção:  widgets Copie, agora, para a pasta widget, o arquivo magpie_simple.php, que está na pasta scripts ...
Pratica de construção:  widgets Agora, use o editor HTML KompoZer para definir o visual de nosso widget. Como queremos mos...
Pratica de construção:  widgets
Pratica de construção:  widgets Com o visual em HTML e o Magpie funcionando, é hora de juntar tudo. Use como exemplo o arq...
Pratica de construção:  widgets Depois de cumprir o passo anterior, grave o arquivo widget.php na pasta widget e teste o r...
Pratica de construção:  widgets Com tudo funcionando, é possível enviar o widget para um provedor online e permitir seu us...
Pratica de construção:  widgets
Servidores de blogs
Servidores de blogs
Servidores de blogs
Conclusão sobre blogs A blogosfera, termo que representa o mundo dos blogs, ou os blogs como uma comunidade ou rede social...
Upcoming SlideShare
Loading in...5
×

Apresentação blogs

633

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
633
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Apresentação blogs

  1. 1. Um blog (contração do termo &quot; Web log &quot;), também chamado de blogue em Portugal, é um site cuja estrutura permite a atualização rápida a partir de acréscimos dos chamados artigos, ou &quot;posts&quot;. Estes são, em geral, organizados de forma cronológica inversa, tendo como foco a temática proposta do blog, podendo ser escritos por um número variável de pessoas, de acordo com a política do blog. O que são blogs
  2. 2. O blog atual é uma evolução dos diários online, onde pessoas mantinham informações constantes sobre suas vidas pessoais. Estes primeiros blogs eram simplesmente componentes de sites, atualizados manualmente no próprio código da página. A evolução das ferramentas que facilitavam a produção e manutenção de artigos postados em ordem cronológica facilitaram o processo de publicação, ajudando em muito na popularização do formato. Isso levou ao aperfeiçoamento de ferramentas e hospedagem próprios para blogs. O que são blogs
  3. 3. Como Criar um Blog ?
  4. 4. Nesta página, você deverá criar a sua conta no Blogger. Preencha os campos solicitados: - Nome de usuário: você utilizará sempre que quiser acessar o Blogger - Senha: deve possuir no mínimo 6 caracteres e será usada sempre que quiser acessar o Blogger - Nome exibido: será a assinatura de seu blog - Endereço de e-mail Após ler os termos de serviço, aceite-os e clique em Continuar . Como Criar um Blog ?
  5. 5. Como Criar um Blog ?
  6. 6. Como Criar um Blog ?
  7. 7. Como Criar um Blog ?
  8. 8. Editando seu Blog
  9. 9. Editando seu Blog
  10. 10. Editando seu Blog
  11. 11. Comentários do Blog
  12. 12. Comentários do Blog
  13. 13. Comentários do Blog
  14. 14. Comfigurando o Blog
  15. 15. Na opção Settings, será possível fazer alguns ajustes em seu blog. Ela é composta por sub-opções, que serão apresentadas a seguir. A sub-opção Basic possui as seguintes possibilidades: - Em Title, você pode alterar o título do blog; - Em Description, você pode fazer uma breve descrição do blog; - Em Add your Blog to our listings?, você pode decidir se seu blog será adicionado à lista de blogs do Blogger. - Em Show Quick Editing on your Blog?, você tem a opção de criar um link de acesso para editar seu blog na página de entrada do Blogger, imediatamente após seu login; - Em Show Email Post links?, você decide se quer que seu e-mail apareça quando você posta uma mensagem Comfigurando o Blog
  16. 16. Comfigurando o Blog
  17. 17. Comfigurando o Blog
  18. 18. <ul><li>> Estruturando seu Blog para aplicação futuras de templates </li></ul><ul><li>Na sub-opção Formatting, é possível escolher: </li></ul><ul><li>- Show: quais postagens queremos mostrar na página principal do blog,podendo escolher por data ou número de postagens; </li></ul><ul><li>Date Header Format: formato da data no cabeçalho; </li></ul><ul><li>Archive Index Date Format: formato da data do índice de arquivo; </li></ul><ul><li>Timestamp Format: formato da hora; </li></ul><ul><li>Time Zone: fuso horário; </li></ul><ul><li>- Date Language: língua que será exibida a data; entre outros. </li></ul>Estrutura do Blog !
  19. 19. Estrutura do Blog !
  20. 20. Estrutura do Blog !
  21. 21. Estrutura do Blog !
  22. 22. Edição Personalizada
  23. 23. Exemplos de Blogs
  24. 24. Exemplos de Blogs
  25. 25. Exemplos de Blogs
  26. 26. Exemplos de Blogs
  27. 27. Exemplos de Blogs
  28. 28. Design do seu Blog!
  29. 29. Design do seu Blog! Template (ou &quot;modelo de documento&quot;) é um documento sem conteúdo, com apenas a apresentação visual (apenas cabeçalhos por exemplo) e instruções sobre onde e qual tipo de conteúdo deve entrar a cada parcela da apresentação — por exemplo conteúdos que podem aparecer no início e conteúdos que só podem aparecer no final. Web templates (ou &quot;modelos de página&quot;) são instrumentos utilizados para separar a apresentação do conteúdo em web design, e para a produção massiva de documentos web. Os templates são interpretados por um &quot;sistema de template&quot;.
  30. 30. Design do seu Blog! Opção > Editar HTML : Apresentara o código-fonte do seu blog: <?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?> <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head>
  31. 31. Design do seu Blog!
  32. 32. Sites de Design
  33. 33. Template de blogs
  34. 34. Template de blogs
  35. 35. Template de blogs
  36. 36. Template de blogs
  37. 37. Template de blogs
  38. 38. Criação de gadgets Gadget (em inglês: geringonça, dispositivo ) é um equipamento que tem um propósito e uma função específica, prática e útil no cotidiano. São comumente chamados de gadgets dispositivos eletrônicos portáteis como PDAs, celulares, smartphones , leitores de mp3, entre outros. Em outras palavras, é uma &quot;geringonça&quot; eletrônica. Na Internet ou mesmo dentro de algum sistema computacional (sistema operacional, navegador web ou desktop ), chama-se também de gadget algum pequeno software , pequeno módulo, ferramenta ou serviço que pode ser agregado a um ambiente maior. No site iGoogle, por exemplo, é possível que seja adicionado alguns dos muitos gadgets disponíveis. O Google Desktop, o Windows Vista, o Mac OS X, o KDE e o Gnome são ambientes que aceitam alguns tipos de gadgets específicos, acrescentando funcionalidades ao desktop do sistema.
  39. 39. Criação de widgets Um widget, que possivelmente é a fusão entre windows (janela) e gadget, é um componente com interface gráfica (botões, menus, janelas...) e que permite adicionar ao sistema operacional uma funcionalidade específica, por exemplo, widgets de relógio, previsão do tempo, etc. Os widgets são de dois tipos: de baixo nível e de alto nível. Os de baixo nível, de acordo com a wikipedia, &quot;são utilizados para a confeccção do sistema operacional e fazem parte do núcleo do sistema&quot;. Já os de alto nível &quot;seriam os objetos finais propriamente ditos. Muitas vezes fazem referências a objetos de baixo nível fornecidos pelo comando do sistema operacional. Estes objetos são facilmente encontrados em bibliotecas de desenvolvimento (toolkit) ou em frameworks&quot;.
  40. 40. Exemplos de widgets
  41. 41. Exemplos de widgets
  42. 42. Exemplos de widgets
  43. 43. Criação de widgets Linguagem especifica do blog : A implementação do blog pode ser feita toda em uma linguagem de script especifica. Exemplo no blogspot a linguagem utilizada é C++ script para a implementação dos widgets. Enquanto o a linguagem HTML juntamente com javascript tem a função de estruturação do blog, mantendo a base do sistema de apresentação da pagina.
  44. 44. Pratica de construção: widgets Os widgets estão no auge de sua popularidade. Com eles é possível adicionar notícias, miniaplicativos, joguinhos e outros trecos digitais a qualquer blog ou site pessoal. Parece complicado de fazer, mas, em termos de programação, um widget é meramente um componente, classe ou página que gera o conteúdo em HTML, JavaScript ou Flash capaz de mostrar as informações desejadas. Neste tutorial, vamos montar um widget simples, capaz de baixar e mostrar as notícias de um canal RSS definido previamente, feito em PHP. O pacote de arquivos PHP e HTML usados no passo-a-passo está em www.info.abril.com.br/download/5166.shtml .
  45. 45. Pratica de construção: widgets Antes de mais nada uma breve explicação sobre Canais RSS: RSS é um subconjunto de &quot;dialetos&quot; XML que servem para agregar conteúdo ou &quot;Web syndication&quot; , podendo ser acessado mediante programas ou sites agregadores. É usado principalmente em sites de notícias e blogs. A tecnologia do RSS permite aos usuários da internet se inscreverem em sites que fornecem &quot;feeds&quot; RSS. Estes são tipicamente sites que mudam ou atualizam o seu conteúdo regularmente. Para isso, são utilizados Feeds RSS que recebem estas atualizações, desta maneira o utilizador pode permanecer informado de diversas atualizações em diversos sites sem precisar visitá-los um a um.
  46. 46. Pratica de construção: widgets Para começar, vamos instalar o pacote WampServer . Ele será nossa base para testar o widget no computador local antes de enviá-lo para um servidor acessível pela internet.
  47. 47. Pratica de construção: widgets Depois disso, crie uma pasta denominada widget, dentro do diretório C:wampwww, onde colocaremos os arquivos do widget. O principal componente que usaremos em nosso widget é o Magpie RSS, um pacote para baixar e ler canais RSS. Para isso, descompacte o pacote Magpie RSS em uma pasta e copie os arquivos rss_fetch.inc, rss_parser.inc, rss_cache.inc e and rss_utils.inc para uma subpasta magpierss dentro da pasta widget criada acima. Além disso, copie para lá também a pasta extlib.
  48. 48. Pratica de construção: widgets
  49. 49. Pratica de construção: widgets
  50. 50. Pratica de construção: widgets Copie, agora, para a pasta widget, o arquivo magpie_simple.php, que está na pasta scripts do pacote do Magpie. Edite o arquivo, substituindo a linha define(´MAGPIE_DIR´, ´../´); por define(´MAGPIE_DIR´, ´magpierss/´);. Grave tudo e acesse http://localhost/widget/magpie_simple.php. Digite o endereço de um canal RSS e verifique se o componente Magpie está funcionando corretamente.
  51. 51. Pratica de construção: widgets Agora, use o editor HTML KompoZer para definir o visual de nosso widget. Como queremos mostrar notícias em seqüência, um visual tabular resolve bem. Lembre-se de deixar um texto referente a cada notícia, de forma a facilitar a localização dos pontos onde entrarão essas informações no código HTML gerado pelo editor. * Pode parecer complicado, mas é questão de pratica. Essas ferramentas são as mais simples usadas para construção de widgets. * Construção de blogs é uma área bastante vasta e pode inúmeras funcionalidades. Depende apenas da criatividade e determinação do Designer.
  52. 52. Pratica de construção: widgets
  53. 53. Pratica de construção: widgets Com o visual em HTML e o Magpie funcionando, é hora de juntar tudo. Use como exemplo o arquivo widget.php fornecido no pacote citado no começo deste tutorial. A idéia é usar a variável $widget para armazenar os comandos HTML. Ele começa recebendo o HTML referente aos comandos anteriores ao conteúdo em RSS, depois, em um laço foreach, gera as tags para cada notícia, recebendo, ao final, o restante do HTML. Ignore tudo o que vem antes de (incluindo o próprio) e depois de ao unir o HTML em uma página PHP. Novamente, se preferir, simplesmente use o arquivo fornecido e mexa nos comandos iniciados por $widget .=. Por fim, não se esqueça de substituir o endereço do RSS pelo do seu site.
  54. 54. Pratica de construção: widgets Depois de cumprir o passo anterior, grave o arquivo widget.php na pasta widget e teste o resultado na URL http://localhost / widget / widget . php . Se tudo correu bem, o widget deverá ser mostrado perfeitamente. Caso tenha ocorrido alguma mensagem de erro, verifique se há aspas dentro dos argumentos do comando echo e as retire. Outro erro comum é esquecer de finalizar cada linha em PHP com ponto-e-vírgula.
  55. 55. Pratica de construção: widgets Com tudo funcionando, é possível enviar o widget para um provedor online e permitir seu uso por blogs e outros sites. Envie toda a pasta widget. Para adicionar o widget a uma página, basta usar o código abaixo (substituindo o endereço inicial pelo de seu site): Com isso, o widget aparece automaticamente. Vale a pena, posteriormente, mexer no código para adicionar recursos ao widget, como parâmetros para fixar o tamanho horizontal e vertical, número de itens RSS baixados, entre outros. No pacote indicado inicialmente, há um arquivo widget_p.php com alguns desses parâmetros prontos. Há alguns serviços que permitem criar um widget com base em um canal RSS automaticamente, sem conhecimentos de programação. Uma versão simples é a do Widgets . cc , com poucas opções de personalização. Já o widget do site Grazr pode receber temas, utilizar listas de canais em OPML e ser publicado em páginas como Netvibes e Pageflakes.
  56. 56. Pratica de construção: widgets
  57. 57. Servidores de blogs
  58. 58. Servidores de blogs
  59. 59. Servidores de blogs
  60. 60. Conclusão sobre blogs A blogosfera, termo que representa o mundo dos blogs, ou os blogs como uma comunidade ou rede social, cresceu em ritmo espantoso. Em 1999 o número de blogs era estimado em menos de 50; no final de 2000, a estimativa era de poucos milhares. Menos de três anos depois, os números saltaram para algo em torno de 2,5 a 4 milhões. Atualmente existem cerca de 112 milhões de blogs e cerca de 120 mil são criados diariamente, de acordo com o estudo State of Blogosphere . O Blog é uma ferramenta de comunicação social para difusão de informações, mais simplificadas e praticas que um website comum. Não esquecendo que um blog é uma home page com limitações, onde o potencial para seu desenvolvimento esta conhecimento do blogeiro.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×