Linha 1: |
Linha 1: |
| ==Como usar este Wiki== | | ==Como usar este Wiki== |
| | | |
− | Abaixo uma séria de exemplos de formatação, para servir de base na criação de novos manuais.
| + | '''ITCI091''' - Essa instrução de trabalho traz uma série de exemplos de formatação, para servir de base na criação de novas instruções de trabalho, as principais formas estão descritas e explicadas, com exemplos quando julgado necessário. Você pode acessar outros [[Manuais do CI|exemplos de artigos]] criados, como o de [[Adicionando uma impressora|configuração de impressoras]] e o manual de [[Analisar motivo de excesso de tráfego|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== | | ==Como editar== |
Linha 18: |
Linha 20: |
| *<code><nowiki><nowiki>''</nowiki></nowiki></code> Permite usar os caracteres especiais da Wiki, em uma porção de código, o texto deve estar entre <code>NOWIKI</code> | | *<code><nowiki><nowiki>''</nowiki></nowiki></code> Permite usar os caracteres especiais da Wiki, em uma porção de código, o texto deve estar entre <code>NOWIKI</code> |
| *<code><code>x := 1+2;</code></code> Formata o conteúdo entre <code>CODE</code> com uma fonte monospace, ideal para códigos de programação | | *<code><code>x := 1+2;</code></code> Formata o conteúdo entre <code>CODE</code> com uma fonte monospace, ideal para códigos de programação |
− | *<code><nowiki>----</nowiki></code> Uma linha horizontal, uma barra, como o <code><hr /></code> do HTML | + | *<code><nowiki>----</nowiki></code> Uma linha horizontal, uma barra, como o <code><hr></code> do HTML |
| *<code><nowiki>*</nowiki></code> Asteríscos geram bullets lists, ou listas não ordenadas, como a deste menu, você também pode encadear, ex: | | *<code><nowiki>*</nowiki></code> Asteríscos geram bullets lists, ou listas não ordenadas, como a deste menu, você também pode encadear, ex: |
| <pre> | | <pre> |
Linha 60: |
Linha 62: |
| :::Indentação 2 | | :::Indentação 2 |
| ::::Indentação 3 | | ::::Indentação 3 |
− | *<code><nowiki><br/></nowiki></code> Uma quebra de linha. O wiki faz a quebra de linha automaticamente, a cada linha em branco. O <code><br /></code> faz com que um texto possa ter as linhas quebradas mesmo que escrito linha abaixo de linha, ex: | + | *<code><nowiki><br></nowiki></code> Uma quebra de linha. O wiki faz a quebra de linha automaticamente, a cada linha em branco. O <code><br></code> faz com que um texto possa ter as linhas quebradas mesmo que escrito linha abaixo de linha, ex: |
| <pre> | | <pre> |
| Uma linha | | Uma linha |
| | | |
| Outra linha, a linha em branco acima gera para esta linha (atual) um novo parágrafo. | | 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, 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) | + | 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) |
| </pre> | | </pre> |
− | Para formatar partes de código, pode ser usado o comando <code><syntaxhighlight lang="php"></code> onde em LANG define-se a linguagem a ser formatada no código. Ex: | + | *<code><syntaxhighlight lang="XXX"></code> Para formatar partes de código, pode ser usado o comando <code><syntaxhighlight lang="php"></code> onde em LANG define-se a linguagem a ser formatada no código. Ex: |
| <pre> | | <pre> |
| <syntaxhighlight lang="php"> | | <syntaxhighlight lang="php"> |
Linha 93: |
Linha 96: |
| :;Lista de termos | | :;Lista de termos |
| ::ERP - Sigla de ''Enterprise Resource Planning'' (em português '''''Sistemas Integrados de Gestão Empresarial''''') | | ::ERP - Sigla de ''Enterprise Resource Planning'' (em português '''''Sistemas Integrados de Gestão Empresarial''''') |
− | ::CAD - ''Computer Aided Design'' ('''''Desenho Assistido por computador''''') | + | ::CAD - ''Computer Aided Design'' ('''''Desenho Assistido por Computador''''') |
− | | |
| | | |
| ==Suporte a HTML e CSS== | | ==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 causa.<br/> | + | 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: |
− | Ex: | |
| <syntaxhighlight lang="html4strict"> | | <syntaxhighlight lang="html4strict"> |
− | <div style="margin:1em auto;border:1px solid red;width:600px;color:#fff;text-align:center;"> | + | <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 com bordas vermelhas, SPAN filho com fonte branca, fundo preto e sombreado</span> | + | <span style="background-color:#000;box-shadow:3px 3px 8px #333;padding:3px 10px;"> |
| + | Objeto pai no centro com bordas vermelhas, SPAN filho com fonte branca, fundo preto e sombreado |
| + | </span> |
| </div> | | </div> |
| </syntaxhighlight> | | </syntaxhighlight> |
| :'''Gera como saída''' | | :'''Gera como saída''' |
− | <div style="margin:1em auto;border:1px solid red;width:600px;color:#fff;text-align:center;"> | + | <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 com bordas vermelhas, SPAN filho com fonte branca, fundo preto e sombreado</span> | + | <span style="background-color:#000;box-shadow:3px 3px 8px #333;padding:3px 10px;">Objeto pai no centro com bordas vermelhas, SPAN filho com fonte branca, fundo preto e sombreado</span> |
| </div> | | </div> |
− |
| |
| | | |
| == Saiba Mais == | | == Saiba Mais == |
| | | |
| *Para mais opções de formatação, visite o site da [http://www.mediawiki.org/wiki/Help:Formatting/pt MediaWiki] | | *Para mais opções de formatação, visite o site da [http://www.mediawiki.org/wiki/Help:Formatting/pt MediaWiki] |
− | *Sobre a forma de exibir [http://www.mediawiki.org/wiki/Help:Links links] | + | *Sobre os tipos e as formas de [http://www.mediawiki.org/wiki/Help:Links exibir links] |
− | *Sobre a forma de criar e configurar [http://www.mediawiki.org/wiki/Help:Lists listas] | + | *Sobre a forma de [http://www.mediawiki.org/wiki/Help:Lists criar e configurar listas] |
− | *Sobre a forma trabalhar [http://www.mediawiki.org/wiki/Help:Images imagens] | + | *Sobre a forma [http://www.mediawiki.org/wiki/Help:Images de trabalhar com imagens] |
− | *Sobre a forma criar e organizar dados em [http://www.mediawiki.org/wiki/Help:Tables tabelas] | + | *Sobre a forma criar e organizar [http://www.mediawiki.org/wiki/Help:Tables dados em tabelas] |
− | | + | *Outros exemplos de [http://meta.wikimedia.org/wiki/Help:Wikitext_examples formatação e dicas] |
| | | |
| [[Categoria:Manual]] | | [[Categoria:Manual]] |