Mudanças entre as edições de "Como Usar"
| (37 revisões intermediárias por 3 usuários não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
==Como usar este Wiki== | ==Como usar este Wiki== | ||
| − | + | ||
| + | '''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== | ||
==Tags para formatação básica== | ==Tags para formatação básica== | ||
| + | |||
*<code><nowiki>''texto''</nowiki></code> Para itálico | *<code><nowiki>''texto''</nowiki></code> Para itálico | ||
*<code><nowiki>'''texto'''</nowiki></code> Para negrito | *<code><nowiki>'''texto'''</nowiki></code> Para negrito | ||
| Linha 15: | 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><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 57: | Linha 62: | ||
:::Indentação 2 | :::Indentação 2 | ||
::::Indentação 3 | ::::Indentação 3 | ||
| − | *<code><nowiki><br | + | *<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 | + | 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 80: | Linha 86: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
</pre> | </pre> | ||
| + | |||
| + | *<code><nowiki>;</nowiki></code> Ponto e vírgula criam uma lista de definição em conjunto aos caracteres de indentação (<code><nowiki>:</nowiki></code>) ex: | ||
| + | <pre> | ||
| + | ;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''''') | ||
| + | </pre> | ||
| + | :'''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== | ==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 | + | |
| − | Ex: | + | 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: |
<syntaxhighlight lang="html4strict"> | <syntaxhighlight lang="html4strict"> | ||
| − | <div style="margin: | + | <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; | + | <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''' | ||
| + | <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: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> | ||
| − | + | == Saiba Mais == | |
| − | |||
| − | |||
| + | *Para mais opções de formatação, visite o site da [http://www.mediawiki.org/wiki/Help:Formatting/pt MediaWiki] | ||
| + | *Sobre os tipos e as formas de [http://www.mediawiki.org/wiki/Help:Links exibir links] | ||
| + | *Sobre a forma de [http://www.mediawiki.org/wiki/Help:Lists criar e configurar listas] | ||
| + | *Sobre a forma [http://www.mediawiki.org/wiki/Help:Images de trabalhar com imagens] | ||
| + | *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]] | ||
Edição atual tal como às 14h23min de 15 de fevereiro de 2018
Como usar este Wiki
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 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 entreNOWIKI<code>x := 1+2;</code>Formata o conteúdo entreCODEcom 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
- 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:
- 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
- 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
- Indentação 2
<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: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>
- 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 os tipos e as formas de exibir links
- Sobre a forma de criar e configurar listas
- Sobre a forma de trabalhar com imagens
- Sobre a forma criar e organizar dados em tabelas
- Outros exemplos de formatação e dicas