Desciclopédia:Tutorial/mídias
Muito bem caros descíclopes e descíclopas, vocês já passaram pela aula de wikificação e provavelmente cochilaram muito na aula de códigos HTML/Wiki. Nesta nossa terceira aulinha iremos aprender como usar corretamente as diversas mídias (imagens, vídeos, áudios, etc.) em nossos artigos. Imagens e vídeos, quando usados corretamente, podem ser cruciais para o bom humor de seus artigos, além de "descansar" os olhos do leitor e deixar a leitura mais fluida e divertida. Antes de começar, lembre-se: você sempre pode sanar suas dúvidas com um descíclope mais experiente ou no Alcoólicos Anônimos.
Imagens
Para adicionar imagens, autentique-se e clique em "carregar arquivo" do lado esquerdo da página. Após upá-lo na Desciclopédia, você pode adicioná-lo em artigos usando a tag [[Arquivo:NOMEDAIMAGEM]] (prefixo adotado atualmente, recomendado para uso) ou [[Arquivo:NOMEDAIMAGEM]]. Lembre-se de colocar a extensão do arquivo (.jpg, .gif...) no final do nome, diferenciando maiúsculas de minúsculas. Exemplos:
[[Arquivo:NOMEDAIMAGEM.jpg]]
[[Arquivo:NOMEDAIMAGEM.gif]]
Como ajeitar uma imagem num artigo
[[Arquivo:NOMEDAIMAGEM|left]]- Deixa a imagem à esquerda do texto.
[[Arquivo:NOMEDAIMAGEM|right]]- Deixa a imagem à direita do texto.
[[Arquivo:NOMEDAIMAGEM|thumb|DESCRIÇÃO]]- Adiciona uma descrição embaixo da imagem
[[Arquivo:NOMEDAIMAGEM|thumb|200px]]- Altera o tamanho da imagem (dependendo o número pode deixá-la maior ou menor)
- Você pode colocar vários parâmetros na imagem, por exemplo:
:[[Arquivo:NOMEDAIMAGEM|left|thumb|200px|Essa é a minha imagem]]
Links nas imagens
Ao clicar na imagem que você adicionou, você é direcionado à página da imagem. Exemplo:
Entretanto, você pode mudar o link para que ao se clicar na imagem, ela redirecione a uma página:
[[Arquivo:NOMEDAIMAGEM|link=LINKDAIMAGEM]]- Substitua "LINKDAIMAGEM" pelo nome da página a qual você quer que a imagem redirecione. Exemplo:
OBS: Você também pode colocar a imagem desta maneira:
[[Arquivo:NOMEDAIMAGEM|link=]]
Deste jeito, a imagem não irá conter um link, e ao clicar nela, não vai acontecer nada.
ATENÇÃO: Nenhum destes parâmetros funciona com o parâmetro thumb. Caso você deseje colocar link numa imagem com thumb, o procedimento é diferente:
<imagemap> Arquivo:NOMEDAIMAGEM|thumb default [[NOMEDAPAGINA]] </imagemap>
Isso resultará no seguinte:
OBS: A tag imagemap também pode ser usada pra criar imagens sem o parâmetro thumb. Basta você remover este parâmetro da tag. Entretanto, é mais simples fazer da maneira explicada acima.
Galerias
É recomendável o uso de galerias em artigos com muitas imagens, e em artigos que possuem mais imagens que texto.
- Para criar uma galeria, utilize a tag gallery, exemplo:
<gallery> Arquivo:NOMEDAIMAGEM1|Descrição da imagem 1 Arquivo:NOMEDAIMAGEM2|Descrição da imagem 2 Arquivo:NOMEDAIMAGEM3| ... Arquivo:NOMEDAIMAGEMn|Descrição da imagem n </gallery>
Repare que as primeiras duas imagens da galeria terão uma descrição, mas a terceira não.
Exemplo:
Caso seja preciso limitar quantas imagens vão aparecer por linha, use o parâmetro "perrow".
Exemplo:
<gallery perrow=3> Arquivo:SoldadoCampoMinado.jpg|[[Soldado]] no [[campo minado]] Arquivo:Vadergay.jpg|[[Lado rosa da força]] Arquivo:Chuck-norris-left.jpg|[[Joseph Joestar]] Arquivo:Batecabelo.gif|[[Hitler]], o [[emo]] psicopata Arquivo:SatanN.jpg|[[Diabo]] Arquivo:LulaTamanhoNabo.jpg|[[Lulassonaro|Outro diabo]] </gallery> |
É possível alterar o tamanho das imagens de uma galeria, usando os parâmetros "widths" e "heights", ou ambos (recomendável). Note que o tamanho de todas elas será alterado.
Exemplos:
<gallery widths=150> Arquivo:Espanhanus.jpg| Arquivo:Cachorros fumando maconha.jpg| </gallery> |
|
<gallery heights=200> Arquivo:Espanhanus.jpg| Arquivo:Cachorros fumando maconha.jpg| </gallery> |
|
<gallery widths=175 heights=175> Arquivo:Espanhanus.jpg| Arquivo:Cachorros fumando maconha.jpg| </gallery> |
|
Você também pode definir o formato da galeria, se ela terá a forma de um slideshow ou se as legendas terão mais destaque diante das imagens.
Por fim, se for usar galerias de forma mais avançada nos artigos pra dar aquela incrementada básica, você poderá ler o guia disponível na en:wikipedia (em ingrêis). Lá eles mostram de forma detalhada como funciona esse troço.
Vídeos
YouTube
Basta usar a tag <YouTube>.
Para o vídeo do link "https://www.youtube.com/watch?v=4PMOgF3oULc" (atente-se para o ID em negrito) por exemplo, faríamos assim:
<youtube>4PMOgF3oULc</youtube>
...que resultaria no seguinte:
Redimensionando os vídeos do YouTube
É possível redimensionar o tamanho do vídeo usando os atributos width e height, deixando o mesmo vídeo acima conforme o mostrado abaixo:
<youtube width="200" height="150">4PMOgF3oULc</youtube>:
Vimeo
Basta usar a tag <Vimeo>.
Para o vídeo do link "https://vimeo.com/162576753" (atente-se para o ID em negrito) por exemplo, faríamos assim:
<vimeo>162576753</vimeo>
...que resultaria no seguinte:
Redimensionando os vídeos do Vimeo
Até onde se sabe, a própria tag não suporta atributos de redimensionamento, como no caso do YouTube. Mas é possível alterar o tamanho do vídeo fechando o código dentro de uma <div>:
<div style="width:200px; height:150px;"> <vimeo>162576753</vimeo> </div>:
Melhorando a legibilidade de um artigo com vários vídeos
A mera inserção de um vídeo após o outro pode fazer com que o espaço da página não seja totalmente aproveitado. Em um artigo com vários vídeos (algo extremamente desaconselhável, a não ser que queira que seu artigo se torne uma mera extensão de merda do SeuTubo), pode-se melhorar a legibilidade e aproveitar melhor o espaço dele adicionando os vídeos a uma "tabela invisível", conforme o exemplo mostrado logo abaixo:
{|
|<youtube width="300" height="200">4PMOgF3oULc</youtube>
|<youtube width="300" height="200">_V2sBURgUBI</youtube>
|}
- Que resulta em
Sons
Para adicionar sons, carregue o arquivo. Após upá-lo na Desciclopédia, você pode adicioná-lo em artigos usando a tag [[Arquivo:NOMEDOSOM]]. Lembre-se de colocar a extensão do arquivo (.mp3) no final do nome, diferenciando maiúsculas de minúsculas.
ex:
e assim por diante.
Como ajeitar os sons no artigo?
Você pode simplesmente colocar o link em forma de ficheiro, ou então usando o código a seguir:
{{ouvir|nomedoficheiro=NOMEDOSOM.mp3|título=NOMEDOSOM|descrição=DESCRIÇÃO}}
Exemplo:
|
O RLY? (info do ficheiro) |
| O RLY? |
Como ouvir?
Basta baixar o arquivo no computador.
- Não confunda o tipo de arquivo. Se for um arquivo wav. ou wma. não carregará.