• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Guia Blog Layout Parte2
 

Guia Blog Layout Parte2

on

  • 2,933 views

Segunda Parte da Apostila da Oficina Vamos Blogar

Segunda Parte da Apostila da Oficina Vamos Blogar

Statistics

Views

Total Views
2,933
Views on SlideShare
2,921
Embed Views
12

Actions

Likes
1
Downloads
18
Comments
0

1 Embed 12

http://timeblogando.blogspot.com 12

Accessibility

Categories

Upload Details

Uploaded via as Microsoft Word

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Guia Blog Layout Parte2 Guia Blog Layout Parte2 Document Transcript

    • 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
    • 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
    • Layout no Blogger Acesse ao site www.blogger.com e faça o login. Em seguida aparecerá um painel 3
    • - 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
    • - 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
    • 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
    • - 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
    • - 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
    • 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
    • - 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
    • 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
    • Editando – Escolhendo um novo modelo 12