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

De Wiki@DCOM
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
==Primeiros passos==
==Primeiros passos==


Comece com estas informações básicas para trabalhar com a ferramenta Wiki: [https://www.mediawiki.org/wiki/Help:Editing_pages/pt-br Editando páginas], [https://www.mediawiki.org/wiki/Help:Starting_a_new_page/pt-br Iniciando uma nova página] e [https://www.mediawiki.org/wiki/Help:Contents/pt-br Conteúdo da ajuda]
Comece com estas informações básicas para trabalhar com a ferramenta Wiki: [[mediawikiwiki:Help:VisualEditor/User_guide/pt-br|Editando páginas pelo editor visual ('''NOVO!''')]], [[mediawikiwiki:Help:Editing_pages/pt-br|Editando páginas pelo código-fonte]], [https://www.mediawiki.org/wiki/Help:Starting_a_new_page/pt-br Iniciando uma nova página] e [https://www.mediawiki.org/wiki/Help:Contents/pt-br 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
Dica: Procure entrar na edição da página e compare o código com o resultado para entender melhor o funcionamento
Linha 52: Linha 52:




[[Mídia:cropped-DCOM-2.png]]
[[index.php?title=Mídia:Cropped-DCOM-2.png|Mídia:cropped-DCOM-2.png]]





Edição das 11h22min de 24 de dezembro de 2020

Primeiros passos

Comece com estas informações básicas para trabalhar com a ferramenta Wiki: Editando páginas pelo editor visual (NOVO!), Editando páginas pelo código-fonte, 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 destacar o texto em vermelho, use {{red|DIGITE SEU TEXTO AQUI}}

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}}.

Observação: só é necessário incluir o código uma única vez na página, em qualquer local.

Para criar um ícone de download, use: {{download|link=LINK|texto=TEXTO EXPLICATIVO}}. Download.pngCheck-list
Link para página com orientações sobre assinaturas:

{{assinatura}}

Veja aqui como assinar documentos
Link utilizando uma imagem:

[[Arquivo:Logo Calendário 2020 retang.png|200px|link=http://dcom.proad.ufsc.br/calendario-de-compras/]]

Logo Calendário 2020 retang.png

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


  • {{alertafundobranco|TEXTO}}

Ico-exclamação.JPG

TEXTO


  • {{artigo|TEXTO}}

Icone artigo.png

TEXTO


  • {{video|TEXTO}}

Logo youtube.png

TEXTO


  • {{planilha|TEXTO}}

Planilhas Google.png

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 com formatações:

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 nenhum código no início, como num texto normal.

O conteúdo da célula aceita:

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

A tabela pode ter uma formatação de linhas e colunas diferente do padrão, usando os códigos colspan e rowspan antes do texto da célula.

  • colspan="XX" |: a célula irá ocupar XX colunas.
  • rowspan="XX" |: a célula irá ocupar XX linhas.
PRIMEIRA COLUNA SEGUNDA COLUNA TERCEIRA COLUNA
LINHA 1 COLUNA 1 e 2 LINHA 1 COLUNA 3
LINHA 2 COLUNA 1 LINHA 2 COLUNA 2 LINHA 2 e 3 COLUNA 3
LINHA 3 COLUNA 1 LINHA 3 COLUNA 2
LINHA 4 COLUNA 1, 2 e 3

Dedo apontando.pngExistem editores no formato MediaWiki que podem ajudar a elaborar código para tabelas mais complexas, como, por exemplo: https://www.tablesgenerator.com/mediawiki_tables

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

POR ONDE COMEÇAR? (EM TESTE)