Como Usar

De IT's Instruções de Trabalho - FAHOR/CFJL
Revisão de 20h48min 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érie de exemplos de formatação, para servir de base na criação de novos manuais, as principais formas estão descritas e explicadas, com exemplos quando julgado necessário. Você pode acessar outros exemplos de artigos criados, como o de configuração de impressoras e o manual de verificação de origem de consumo de banda (excesso). Outros exemplos, se pertinente, serão inseridos no decorrer do tempo.

É possível que seu usuário (ou se você não estiver usando um usuário) não possa editar artigos/manuais, portanto esta tarefa não lhe cabe e seu acesso neste wiki é apenas de leitor.

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