Como Usar

De IT's Instruções de Trabalho - FAHOR/CFJL
Revisão de 16h40min de 12 de maio de 2014 por Ci (discussão | contribs)
Ir para navegação Ir para pesquisar

Como usar este Wiki

Abaixo uma séria de exemplos de formatação, para servir de base na criação de novos manuais.

Como editar

Tags para formatação básica

  • ''texto'' Para itálico
  • '''texto''' Para negrito
  • '''''texto''''' Para itálico e negrito
  • =texto= Título equivalente a <H1>, é o padrão do título de cada artigo, preferir o uso dos subtítulos abaixo
  • ==texto== Subtítulo de nível <H2> (gera uma barra/borda na base da linha horizontal)
  • ===texto=== Subtítulo de nível <H3>
  • ====texto==== Subtítulo de nível <H4>
  • =====texto===== Subtítulo de nível <H5>
  • ======texto====== Subtítulo de nível <H6>
  • <nowiki>''</nowiki> Permite usar os caracteres especiais da Wiki, em uma porção de código, o texto deve estar entre NOWIKI
  • <code>x := 1+2;</code> Formata o conteúdo entre CODE com uma fonte monospace, ideal para códigos de programação
  • ---- Uma linha horizontal, uma barra, como o <hr /> do HTML
  • * Asteríscos geram bullets lists, ou listas não ordenadas, como a deste menu, você também pode encadear, ex:
* Lista em nível 1
** Lista em nível 2
** Continuação de lista em nível 2
* Continua a lista em nível 1
Gera como saída:
  • Lista em nível 1
    • Lista em nível 2
    • Continuação de lista em nível 2
  • Continua a lista em nível 1
  • # Sustenidos geram listas ordenadas, você também pode encadear, ex:
# Lista em nível 1
## Lista em nível 2
## Continuação de lista em nível 2
### Lista de nível 3
# Continua a lista em nível 1
Gera como saída:
  1. Lista em nível 1
    1. Lista em nível 2
    2. Continuação de lista em nível 2
      1. Lista de nível 3
  2. Continua a lista em nível 1
  • <big>texto</big> Um texto grande
  • : (dois pontos) gera uma indentação, um recuo no texto com quebra de linha, pode ser usada uma ou mais sequências a fim de evidenciar mais a distância da esquerda da área de leitura
Sem Indentação
:Indentação 1.1
:Indentação 1.2
::Indentação 2
:::Indentação 3
Gera como saída:
Sem indentação
Indentação 1.1
Indentação 1.2
Indentação 2
Indentação 3
  • <br/> Uma quebra de linha. O wiki faz a quebra de linha automaticamente, a cada linha em branco. O <br /> faz com que um texto possa ter as linhas quebradas mesmo que escrito linha abaixo de linha, ex:
Uma linha

Outra linha, a linha em branco acima gera para esta linha (atual) um novo parágrafo.
Outra linha, mas por a linha anterior não ter terminado em BR, esta linha no resultado final estará junto a linha acima<br />
Outra linha de novo, mas esta linha será gerada abaixo da anterior mesmo não tendo linha em branco entre elas pois foi usado o BR, onde há BR, há uma quebra de linha (line BReak)
  • <syntaxhighlight lang="XXX"> Para formatar partes de código, pode ser usado o comando <syntaxhighlight lang="php"> onde em LANG define-se a linguagem a ser formatada no código. Ex:
<syntaxhighlight lang="php">
    function valida_email($endereco) {
      $regra = "^[-_a-z0-9]+(\\.[-_a-z0-9]+)*\\@([-a-z0-9]+\\.)*([a-z]{2,4})$";
      return eregi($regra, $endereco);
    }
</syntaxhighlight>

<syntaxhighlight lang="html4strict">
    <div style="margin:5em 20em;border:1px solid red;padding:5em;">
        <span style="background-color:#000;color:#fff;">Fundo preto letra branca</span>
    </div>
</syntaxhighlight>
  • ; Ponto e vírgula criam uma lista de definição em conjunto aos caracteres de indentação (:) ex:
;Lista de termos
:ERP - Sigla de ''Enterprise Resource Planning'' (em português '''''Sistemas Integrados de Gestão Empresarial''''')
:CAD - ''Computer Aided Design'' ('''''Desenho Assistido por computador''''')
Gera como saída:
Lista de termos
ERP - Sigla de Enterprise Resource Planning (em português Sistemas Integrados de Gestão Empresarial)
CAD - Computer Aided Design (Desenho Assistido por Computador)


Suporte a HTML e CSS

Você também pode usar as tags do HTML para criar conteúdos diferentes com cores e formatações diversas. Mas é importante não abusar deste recurso devido a falta de padronização que gera no contexto geral. Ex:

<div style="padding:0.5em 1em;margin:1em auto;border:1px solid red;width:650px;color:#fff;text-align:center;">
    <span style="background-color:#000;box-shadow:2px 2px 3px #333;padding:3px 10px;">Objeto pai no centro com bordas vermelhas, SPAN filho com fonte branca, fundo preto e sombreado</span>
</div>
Gera como saída

Objeto pai no centro com bordas vermelhas, SPAN filho com fonte branca, fundo preto e sombreado


Saiba Mais

  • Para mais opções de formatação, visite o site da MediaWiki
  • Sobre a forma de exibir links
  • Sobre a forma de criar e configurar listas
  • Sobre a forma trabalhar imagens
  • Sobre a forma criar e organizar dados em tabelas