Your SlideShare is downloading. ×
Guia Blog Layout Parte2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Guia Blog Layout Parte2

1,359
views

Published on

Segunda Parte da Apostila da Oficina Vamos Blogar

Segunda Parte da Apostila da Oficina Vamos Blogar


0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,359
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
18
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Guia Básico Layout BLOGGER (parte 2) Desenvolvido por Vanessa M. Crecci (09/2008) Desenvolvido para as professoras do Projeto TIME. Apoio: Fundação de Amparo ao Pesquisador de São Paulo– FAPESP Prefeitura Municipal de Hortolândia Introdução 1
  • 2. Já criamos nossos próprios blogs, estamos avançando na produção dos mesmos. Por isso é importante conhecermos como podemos aprimorar estes espaços que nos permitem a construção e publicação de conteúdos. Não queremos mais ser editados, queremos editar! Toda vez que fazemos o Login no Blogger aparece uma tela que mostra as opções que podemos realizar nesta ferramenta: Fazer uma nova postagem, Editar postagens já existentes, configurar característica do Blog, fazer alterações no Layout ou Visualizar o Blog cada vez que fizermos uma modificação e acharmos necessário verificar o efeito gerado. Sempre que clicarmos em um destes links aparecerá um conjunto de “abas” que vão permitir ajustar algum tipo de informação no Blog. Abaixo 2 exemplos de opções que serão utilizadas neste material: Configurações e Layout. O que é Layout? Layout Leiaute (ou layout) é um esboço mostrando a distribuição física, tamanhos e pesos de elementos como texto, gráficos ou figuras num determinado espaço. Pode ser apenas formas rabiscadas numa folha para depois realizar o projeto ou pode ser o projeto em fase de desenvolvimento. Ou seja, uma prévia do serviço pronto antes de executado, onde se pode alterar sua disponibilidade sem danos a nenhuma das partes envolvidas no processo (designer e cliente) para que o serviço seja produzido de acordo com o gosto de cliente, para apenas ao término do desenvolvimento e obtenção de aprovação, se leva a público. O termo layout pode também configurar-se como projeto envolvendo diferentes cadeias associativas e técnicas visuais sempre com objetivo e função. Fonte: http://pt.wikipedia.org/wiki/Layout_gr%C3%A1fico 2
  • 3. Layout no Blogger Acesse ao site www.blogger.com e faça o login. Em seguida aparecerá um painel 3
  • 4. - No circulo a direita veja que há o link Layout, clique nele e atenção para as próximas indicações pois aparecerá uma tela semelhante a que está ilustrada neste material. No caso estamos utilizando o Layout do Blog da Oficina e vocês estarão visualizando o Layout do Blog pessoal que vocês fizeram o Login. A primeira “aba” do Layout mostrará os “elementos da página” ou seja as áreas e itens que estão compondo o layout do Blog. As demais “abas”, que serão exploradas mais adiante neste documento, possibilitarão mexer outros itens do layout como fontes e cores, editar via código HTML ou escolher outro modelo. Nosso Layout (http://timeblogando.blogspot.com) 4
  • 5. - Observem que é a estrutura do nosso blog. - Observem em que cada espaço há o ícone “Editar” É importante ressaltar que sempre em vários itens do Blog há a opção “edição” o que significa que as informações inseridas nestaferramenta podem ser editadas a qualquer momento e modificado quantas vezes acharmos necessário. Para modificarmos o Título e descrição do Blog acionamos a aba “Configurações” (sub- aba: básico) que está ao lado esquerdo do Layout. 5
  • 6. Editar Número 01 - No primeiro espaço é possível editar o nome do blog, em seguida é possível editar a descrição do blog. Há também a possibilidade de inserir uma imagem, e editar o posicionamento no título de tal imagem. Editar Número 02 6
  • 7. - Neste espaço “Gadget” é possível encontrar uma série de ferramentas que podem ser adicionadas no blog. É importante experimentar para conhecer, há 19 páginas com estas ferramentas apenas no ícone “noções básicas”. Clicando no sinal “+ de uma destas opções a mesma será inserida em alguma área do layout do Blog. Se quisermos retirá-la é só clicar e deletar o item correspondente que foi acrescido ao laytout. Informação Relevante - Gadget é uma gíria tecnológica recente que se refere a, genericamente, um equipamento que tem um propósito e uma função específica, prática e útil no cotidiano. No caso do blog verificamos diversas funções, desde ferramentas para inserir imagens, vídeos, áudios até jogos. Se clicarmos em “Lista de Links” aparecerá a seguinte imagem: 7
  • 8. - Em título é possível inserir o nome da categoria em que você deseja que o blog/site esteja. - Em “novo url do site” é preciso que você digite o endereço do blog - Em “Novo nome do site” você coloca o título que pretende que este blog tenha. Veja o exemplo do blog da oficina: Editar Números 03, 04, 05, 06, 07 e 08 8
  • 9. As figuras referentes a tais números são “Gadgets” adicionados. Você poderá editá-los conforme suas preferências, é possível também excluí-los. Editar Número 09 - Neste espaço é possível editar as informações dos posts tais como formato das datas das postagens, .número de postagens que deverão aparecer na página inicial, autor e horário da postagem etc Editando Fontes e Cores 9
  • 10. - Ainda trabalhando as opções da função “Layout” é possível verificar a ”aba” “Fontes e Cores”, neste espaço é possível escolher “Cor do plano de fundo da página”, “Cor do Texto”, “Cor do link”, “Cor do título do blog” etc. - Neste mesmo espaço é possível verificar quais cores combinam com seu blog. 10
  • 11. Editando HTML No Blog também há a linguagem de programação HTML que permite a configuração das informações no formato Web. A “aba” editar HTML da opção Layout mostrará o código que é documenta as especificações que estão integrando o nosso layout: os elementos de página, as cores, as fontes, os modelos utilizados. Geralmente não há necessidade de fazermos a edição destas informações, ou seja, descrever nossas escolhas em código HTML. - Em alguns sites e/ou blogs é possível verificar modelos de templates para blogs: http://templatesparanovoblogger.blogspot.com/ http://btemplates.com/ http://www.templatesdoblogger.blogspot.com/ Neste caso você pode abaixar o que achar interessante e inserir no seu blog, no ícone “arquivo” e depois no ícone “fazer upload”. 11
  • 12. Editando – Escolhendo um novo modelo 12