Upload
vancrecci
View
1.380
Download
1
Embed Size (px)
DESCRIPTION
Segunda Parte da Apostila da Oficina Vamos Blogar
Citation preview
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
1
Introdução
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.
2
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
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 nesta ferramenta 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