Básico - mexendo com conteúdo

From WikiEcoSol

Voltar ao índice geral


Para manter um padrão de identidade visual em toda a página, construímos uma série de pequenos comandos que fazem a formatação automaticamente do seu texto. São apenas alguns comandos muito simples, que no uso vão se tornando mais fluidos e cada vez mais fáceis para você.


Conteúdo

Regras gerais

A regra de ouro da formatação da página do FBES é a seguinte: sempre deixe uma linha em branco para indicar quebra de parágrafo ou para qualquer comando.

Pode parecer estranho isso, mas a razão é simples: muitas vezes estamos colocando notícias que vêm de e-mails, e normalmente os parágrafos estão todos com quebras de linha, o que prejudica muito a formatação. Então a página do FBES junta automaticamente estas linhas, tornando o parágrafo mais elegante dentro do estilo da página. E a quebra de linha aparece se você realmente deixar uma linha em branco entre um parágrafo e outro.

Exemplo: Se você digitar:

Este é um 
parágrafo todo cortado
que veio numa mensagem
de e-mail que eu recebi um
dia desses.

E aqui é o segundo 
parágrafo deste e-mail
todo quebrado...

Ainda bem que a página
do FBES conserta isso!

O resultado será o seguinte:

Este é um parágrafo todo cortado que veio numa mensagem de e-mail que eu recebi um dia desses.

E aqui é o segundo parágrafo deste e-mail todo quebrado...

Ainda bem que a página do FBES conserta isso!

Imagem:texto0111.jpg

Imagem:como_fica_0111.jpg



Área de treino de Formatação

No menu da área restrita, o primeiro comando disponível é a "Área de Treino de Formatação". Lá você pode praticar todos os comandos que vamos explicar aqui.

Todas as imagens que vamos mostrar aqui são imagens da área de treino de formatação. É importante que você tente praticar tudo o que ver aqui para poder realmente entender como funciona.

Bem, vamos aos comandos, começando pelos títulos.

Image:1120.jpg

Image:1121.jpg

Image:1122.jpg

Image:11123.jpg



Uso do comando | (Titulo)

OBS:Colocar no inicio e fim da linha.

Para colocar o Título da sua matéria, você vai utilizar a barra | (shift |), no início e no final da linha novamente (shift |), depois da barra, digite o texto, sem espaço, lembrando que, este título aparecerá todo em letra maiúscula e com uma linha sublinhando todo o título.


EX: |1ª Reunião III Feira de Economia Solidária|


Vamos ver como fica no texto na área de treinamento.

image:10101.jpg

Feito isso, basta clicar no comando enviar e ver como vai aparecer logo abaixo.

image:10111.jpg


Veja na foto acima como ficará na página do FBES notando que o título 1ª Reunião III Feira de Economia Solidária com comando | ficou todo em letra maiúscula e sublinhado.


Estilos especiais

Estilos especiais também são alguns comandos simples, mas que são usados com menor frequencia, mas não deixam de ser úteis.


Autor

Para usar esse comando xx minúsculo, que irá aparecer em tamanho menor e em itálico, o nome do autor ou a fonte de onde foi tirado o texto. Você coloca o xx, dá um espaço e coloca a fonte desejada.

Ex.: Ecosol

Imagem:comandoxx_texto2.jpg

Imagem:comandoxx_pagina2.jpg


Leia mais

Para usar esse comando zz (minúsculo), irá aparecer em tamanho menor e sublinhado, as informações que você deseja que apareça e ficará acima da notícia, no lado direito. Você coloca o zz, dá um espaço e insere a informação desejadapor fazer

Ex.: www.ecosol.org.br

Imagem:comandozz.texto5.jpg

Imagem:comandozz.pagina5.jpg


Poesia

Esta sendo utilizado o comando (pp)

Imagem:comandopp_texto5.jpg

Imagem:comandopp_pagina5.jpg


Centralizar parágrafo

Imagem:comandocc_texto5.jpg

Imagem:comandocc_pagina5.jpg


Listas

Comando listar temos Quatro comandos sendo eles

. - Item sem marcador
.. - Item com marcador 
## -Item  de lista numerada
# - Item de lista numerada (início do item)

Abaixo veremos como utilizar cada um deles


Lista sem numeração nem marcador

Imagem:listasem_texto5.jpg

Imagem:listasem_pagina5.jpg


Lista sem numeração e com marcador

Imagem:commarcador_texto5.jpg

Imagem:commarcador_pagina5.jpg


Lista com numeração

Imagem:comnumero_texto5.jpg

Imagem:comnumero_pagina5.jpg


Importante: os Comandos ## para funcionarem tem que seguir algumas regras que coloco a seguir como você pode ver na foto a seqüência dos comandos.

(##)(obs o # e sem Parentes())

(#)o texto/# (OBS:O# Sem Parentes())

(#)otexto/#

/##

Veja que no Inicio coloca 2 # deixa uma linha em branco coloca 1# o que quiser colocar e termina com 1 /# quantas forem necessárias (importante deixar uma linha em branco entre os comandos) e para terminar 2 /# .


Quebra de linha forçada

'Para quebra de linha usar o comando br tome cuidado com o uso pode ficar feio.'

<br>



Negrito

' Comando usado para colocar um trecho em negrito.'

 <b> </b> 

Imagem:Exemplo_negrito.jpg


Itálico

' Comando usado para colocar um trecho em itálico.'

 <i> </i> 

Imagem:Exemplo_italico.jpg


Ferramentas pessoais