Ajuda para contribuidores: mudanças entre as edições

De Wiki@DCOM
Ir para navegação Ir para pesquisar
(TABELAS - Orientações)
m (→‎Tabelas: Exemplo de formatação)
Linha 261: Linha 261:
| LINHA 3 COLUNA 2
| LINHA 3 COLUNA 2
| LINHA 3 COLUNA 3
| LINHA 3 COLUNA 3
|} <!-- FIM DA TABELA. NÃO EDITE ESTA LINHA DE CÓDIGO-->
Outro exemplo:
{| class="wikitable" style="background-color: WHITE" <!-- INÍCIO DA TABELA. NÃO EDITE ESTA LINHA DE CÓDIGO -->
|- style="text-align:center; background-color: #4f81bd; color: WHITE; font-weight: bold" <!-- TÍTULOS DAS COLUNAS. NÃO EDITE ESTA LINHA DE CÓDIGO -->
| style="width: 10%"| COLUNA MENOR
| style="width: 90%"| COLUNA MAIOR
|- <!-- PRIMEIRA LINHA DA TABELA. NÃO EDITE ESTA LINHA DE CÓDIGO -->
! Para alterar o tamanho das colunas:
| Utilize o código <code><nowiki>style="width: XX%"|</nowiki></code> antes do texto do título da coluna.
A soma dos percentuais de todas as colunas deve ser igual a 100.
|- <!-- SEGUNDA LINHA DA TABELA. NÃO EDITE ESTA LINHA DE CÓDIGO -->
| Célula sem destaque começa com <code><nowiki>|</nowiki></code>
! Célula com destaque começa com <code><nowiki>!</nowiki></code>
|- <!-- TERCEIRA LINHA DA TABELA. NÃO EDITE ESTA LINHA DE CÓDIGO -->
! style="text-align:left" | Texto da célula com destaque é centralizada automaticamente
| style="text-align:right" | Para alterar o alinhamento, use o código <code><nowiki>style="text-align:center OU left OU right" |</nowiki></code> antes do texto da célula.
|- <!-- QUARTA LINHA DA TABELA. NÃO EDITE ESTA LINHA DE CÓDIGO -->
! Células com várias linhas de texto
| Não é necessário colocar <code><nowiki>|</nowiki></code> para incluir nova linha dentro da mesma célula.
Basta iniciar uma nova linha sem nenhuma código no início, como num texto normal.
O conteúdo da célula aceita:
* listas;
* {{infopequena|destaques}}
* imagens: [[Arquivo:ok.png|50px|link=]];
* e outros.


|} <!-- FIM DA TABELA. NÃO EDITE ESTA LINHA DE CÓDIGO-->
|} <!-- FIM DA TABELA. NÃO EDITE ESTA LINHA DE CÓDIGO-->

Edição das 15h46min de 23 de abril de 2019

Primeiros passos

Comece com estas informações básicas para trabalhar com a ferramenta Wiki: Editando páginas, Iniciando uma nova página e Conteúdo da ajuda

Dica: Procure entrar na edição da página e compare o código com o resultado para entender melhor o funcionamento

Quando já estiver editando uma página, procure marcar as edições não relevantes, que não impliquem em conteúdo novo (correções de ortografia, gramática, paginação, etc), como edição menor.

E, quando possível, utilizar o botão "Mostrar previsão" para verificar o resultado das edições, evitando assim múltiplos registros no histórico de edições, o que pode dificultar uma eventual busca de quando o conteúdo foi alterado. (Exemplo: Se um requerente que teve seu pedido devolvido questionar que enviou o pedido com as regras vigentes naquele momento, ficaria mais fácil de responder o questionamento se as edições estivessem claramente identificadas).


Ajuda para formatação

Formatação


Para criar as seções com índice no começo da página

Utilize o formato ==seção== no código, que a ferramenta gera automaticamente. Veja diretamente no código que fica mais fácil de entender!


Trabalhando com imagens

Utilize o seguinte formato para inserir imagens no corpo do texto:

Arquivo upado pra wiki por meio da opção "Enviar arquivo" (única opção para a imagem já aparecer no meio do texto)

Código Resultado
Para inserção de uma imagem, sem redimensionamento ou outras opções: [[Arquivo:cropped-DCOM-2.png]] Cropped-DCOM-2.png
Para inserção de uma imagem, com redimensionamento: [[Arquivo:Logo manual fundo cinza.png|200px]] Logo manual fundo cinza.png
Para inserção de uma imagem, com redimensionamento e uma fina borda cinza: [[Arquivo:Logo manual fundo cinza.png|200px|border]] Logo manual fundo cinza.png
Para exibir uma legenda quando o cursor passar sobre a imagem, adicione-a ao final do código (ex.: [[Arquivo:Logo manual fundo cinza.png|200px|Clique para ampliar]]) Clique para ampliar
Caso não deseje legenda nenhuma, não finalize o código com |legenda (ex.: [[Arquivo:cropped-DCOM-2.png|200px]]) Logo manual fundo cinza.png

Mais informações: Ajuda para Imagens


Mídia:cropped-DCOM-2.png


Trabalhando com links

Código Resultado
Para que o link apareça nomeado, usar o formato [https://mediawiki.org MediaWiki], onde a primeira parte (https://mediawiki.org) é o link, e a segunda (MediaWiki, após o espaço) é a descrição que aparecerá na página. MediaWiki
Para que o link seja numerado automaticamente: [http://towbar.com.br/loja/FotosProdutos_2/6290/120032014162549236444265412651f56we1f56ef1236r65.jpg]. [1]
Para usar um link (numerado) gerado pelo arquivos.ufsc: [https://arquivos.ufsc.br/f/9930adbc9a/?raw=1]. [2]
Para criar um link para uma outra página do Manual (interna): [[APRESENTAÇÃO|Este é um link para a página Apresentação, deste Manual]], onde, no exemplo, "APRESENTAÇÃO" é o nome da página e "Este é um link para a página Apresentação, deste Manual" é o texto que será exibido como link.

Obs.: São 2 (dois) colchetes ([[]])

O nome da página deve ser EXATAMENTE igual, inclusive MAIÚSCULAS E MINÚSCULAS.

Este é um link para a página Apresentação, deste Manual
Para link interno para uma seção dentro de uma página se usa o operador "#", como em: [[Ajuda para contribuidores#Trabalhando com links|Este é um link para a seção "Trabalhando com links", desta página]]. Este é um link para a seção "Trabalhando com links", desta página
Para criar um link para o topo da página, use: {{topo}}.
Para criar um ícone de download, use: {{download|link=LINK|texto=TEXTO EXPLICATIVO}}. Download.pngCheck-list

Notas de rodapé

Ajuda: https://www.mediawiki.org/wiki/Help:Cite

Exemplos:


  • Para criar uma nota de rodapé, utilize as tags <ref></ref>
Código Resultado
Este é o texto principal<ref>e esta é uma nota de rodapé</ref>. Este é o texto principal[1].


  • Para exibir as notas, utilize a tag <references /> no final do texto, criando uma nova seção com a tag ==Notas== (ou outro título apropriado).

Obs.: Por padrão, utilizaremos no Manual do DCOM um tamanho de fonte menor para as notas de rodapé (observe a tag <div style></div> utilizada neste exemplo).

Os outros exemplos não mostrarão estas formatações, mas utilize-as nas suas páginas.

Código Resultado
==Notas==

<div style="font-size:80%">

<references />

</div>

Notas (exemplo)

  1. e esta é uma nota de rodapé


  • Se a mesma nota de rodapé for utilizada mais de uma vez, inclua o nome dentro da tag <ref> na primeira e nas próximas utilize apenas a tag <ref name=nomedareferencia />.
Código Resultado
Esta nota<ref name=NOME>Esta nota foi utilizada 2 vezes.</ref> será utilizada duas<ref name=NOME /> vezes.

Notas

<references />

Esta nota[1] será utilizada duas[1] vezes.

Notas

  1. a b Esta nota foi utilizada 2 vezes.


  • Para dividir as notas de rodapé em grupos (Referências, Comentários, Legislação, etc), inclua o nome do grupo dentro da tag <ref>. Para exibi-las, é necessário informar o grupo desejado na tag <references />.
Código Resultado
Este texto<ref group=Nota>Esta é uma nota.</ref> contém três tipos<ref group=Legislação>Esta é uma referência a uma lei específica</ref> de notas de rodapé<ref group=Referência>BRASIL. Constituição da República Federativa do Brasil de 1988. Disponível em: <http://www.planalto.gov.br/ccivil_03/constituicao/constituicao.htm>. Acesso em: 15abr. 2015.</ref>.

Notas

<references group=Nota />

Legislação

<references group=Legislação />

Referências

<references group=Referência />

Este texto[Nota 1] contém três tipos[Legislação 1] de notas de rodapé[Referência 1].

Notas

  1. Esta é uma nota.

Legislação

  1. Esta é uma referência a uma lei específica

Referências

  1. BRASIL. Constituição da República Federativa do Brasil de 1988. Disponível em: <http://www.planalto.gov.br/ccivil_03/constituicao/constituicao.htm>. Acesso em: 15abr. 2015.


  • O texto das notas pode ser definido posteriormente, em um único lugar, para facilitar a edição.
Código Resultado
Este é o texto<ref name=UM /> principal com a inclusão<ref name=DOIS /> do local das notas<ref name=TRES />.

Notas

<references>

<ref name=UM>Esta é a primeira nota.</ref>

<ref name=DOIS>Esta é a segunda nota.</ref>

<ref name=TRES>Esta é a terceira nota.</ref>

</references>

Este é o texto[1] principal com a inclusão[2] do local das notas[3].

Notas

  1. Esta é a primeira nota.
  2. Esta é a segunda nota.
  3. Esta é a terceira nota.

Destaques

Para inserir destaques no texto, utilize os seguintes códigos:

Obs.: o texto pode ser de uma ou mais linhas e pode conter formatação, links, imagens, tabelas, entre outros.


  • {{info|TEXTO}}

TEXTO

Obs.: Se quiser incluir uma info dentro do texto, troque info por infopequena


  • {{alerta|TEXTO}}

TEXTO

Obs.: Se quiser incluir um alerta dentro do texto, troque alerta por alertapequeno


  • {{ok|TEXTO}}

TEXTO


  • {{erro|TEXTO}}

TEXTO


Tabelas

Para fazer uma tabela como a que segue, verifique o código fonte:

PRIMEIRA COLUNA SEGUNDA COLUNA TERCEIRA COLUNA
LINHA 1 COLUNA 1 LINHA 1 COLUNA 2 LINHA 1 COLUNA 3
LINHA 2 COLUNA 1 LINHA 2 COLUNA 2 LINHA 2 COLUNA 3
LINHA 3 COLUNA 1 LINHA 3 COLUNA 2 LINHA 3 COLUNA 3

Outro exemplo:

COLUNA MENOR COLUNA MAIOR
Para alterar o tamanho das colunas: Utilize o código style="width: XX%"| antes do texto do título da coluna.

A soma dos percentuais de todas as colunas deve ser igual a 100.

Célula sem destaque começa com | Célula com destaque começa com !
Texto da célula com destaque é centralizada automaticamente Para alterar o alinhamento, use o código style="text-align:center OU left OU right" | antes do texto da célula.
Células com várias linhas de texto Não é necessário colocar | para incluir nova linha dentro da mesma célula.

Basta iniciar uma nova linha sem nenhuma código no início, como num texto normal.

O conteúdo da célula aceita:

  • listas;
  • destaques
  • imagens: Ok.png;
  • e outros.

Outras dicas de código

Para incluir algum código que não será interpretado como sintaxe pela wiki: <nowiki> (antes), e </nowiki> (depois)

Para incluir comentários no código, que não aparecerão na página (para ajudar na compreensão do código pelos outros contribuidores): <!-- Isso é um comentário -->

Páginas em construção