Apresentação blogs

Preview:

DESCRIPTION

 

Citation preview

Um blog (contração do termo "Web log"), 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 "posts". 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

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

Como Criar um Blog ?

Nesta página, você deverá criar a sua conta no Blogger. Preencha os campossolicitados:

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

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

Comfigurando o Blog

Comfigurando o Blog

> Estruturando seu Blog para aplicação futuras de templates

Na sub-opção Formatting, é possível escolher:

- Show: quais postagens queremos mostrar na página principal do blog,podendo escolher por data ou número de postagens;

-Date Header Format: formato da data no cabeçalho;

-Archive Index Date Format: formato da data do índice de arquivo;

-Timestamp Format: formato da hora;

-Time Zone: fuso horário;

- Date Language: língua que será exibida a data; entre outros.

Estrutura do Blog !

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 "modelo de documento") é 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 "modelos de página") 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 "sistema de template".

Design do seu Blog!

Opção > Editar HTML :

Apresentara o código-fonte do seu blog:

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><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>

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í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 "geringonça" 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.

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, "são utilizados para a confeccção do sistema operacional e fazem parte do núcleo do sistema". Já os de alto nível "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".

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

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.

Pratica de construção: widgets

Antes de mais nada uma breve explicação sobre Canais RSS:

RSS é um subconjunto de "dialetos" XML que servem para agregar conteúdo ou "Web syndication", 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 "feeds" 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.

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.

Pratica de construção: widgets

Depois disso, crie uma pasta denominada widget, dentro do diretório C:\wamp\www\, 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.

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

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.

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

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.

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.

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