¶ 💡 Wiki Tips | EJA*EPT
Bem-vindo(a) à série Wiki Tips | EJA*EPT, um espaço dedicado a compartilhar semanalmente dicas práticas para aprimorar o uso da Wiki no Projeto EJA-EPT.
Aqui você encontrará sugestões rápidas e aplicáveis sobre edição, acessibilidade, recursos visuais e funcionalidades úteis para tornar as páginas mais completas, atrativas e funcionais.
📆 Nova dica publicada toda semana.
¶ 📑 Tips
- Dica #1 – Como incorporar vídeos na sua página (iframe)
- Dica #2 – Como inserir imagens na sua página
- Dica #3 – (em breve...)
- Dica #4 – (em breve...)
¶ 🧩 Dica #1 – Como incorporar vídeos na sua página (iframe)
Você pode exibir vídeos diretamente na sua página da Wiki, sem que o visitante precise sair dela. Isso é possível com o uso da tag HTML <iframe>, compatível com o YouTube e com o Google Drive (desde que o arquivo esteja com permissão pública).
¶ ▶️ YouTube
<iframe width="560" height="315" src="https://www.youtube.com/embed/ID_DO_VÍDEO" frameborder="0" allowfullscreen></iframe>
¶ 🧭 Como usar:
Copie o código acima e substitua ID_DO_VÍDEO pelo código do seu vídeo (por exemplo, no link https://www.youtube.com/watch?v=abc123, o ID é abc123).
Cole diretamente na sua página da Wiki no modo de edição HTML.
¶ ▶️ Google Drive
<iframe src="https://drive.google.com/file/d/ID_DO_ARQUIVO/preview" width="640" height="480" allow="autoplay"></iframe>
¶ 🧭 Passos importantes:
-
Certifique-se de que o arquivo de vídeo está com a permissão:
"Qualquer pessoa com o link pode visualizar". -
Copie o ID do vídeo a partir do link.
Exemplo: emhttps://drive.google.com/file/d/1a2b3c4d5e6f/view, o ID é1a2b3c4d5e6f. -
Substitua esse ID no código fornecido e cole na sua página da Wiki, no modo de edição HTML.
¶ 🗨️ Sugestão de texto acessível antes do vídeo
Para acessibilidade e clareza, recomendamos inserir um pequeno texto introdutório antes do vídeo. Exemplo:
📺 Clique abaixo para assistir ao vídeo institucional da coordenadoria:
¶ 📌 Exemplo – Incorporação de vídeo com YouTube
🎥 Tutorial em Vídeo: O que é Markdown?
Assista abaixo a um exemplo de vídeo incorporado diretamente via YouTube:
<iframe width="640" height="360" src="https://www.youtube.com/embed/vZaldeUg6D0" frameborder="0" allowfullscreen></iframe>
¶ 🖼️ Dica #2 – Como inserir imagens na sua página
Adicionar imagens à sua página deixa o conteúdo mais visual, atrativo e fácil de entender. Veja como inserir uma imagem na Wiki-EJA-EPT de forma simples:
¶ 📥 Passo a passo:
- Acesse a página desejada e clique em "Editar".
- Na barra de ferramentas do lado esquerdo, clique no ícone de imagem 🖼️
- Escolha entre:
- Fazer o upload da imagem diretamente para a Wiki, ou
- Inserir um link da imagem hospedada (URL).
- Ajuste o tamanho da imagem, se necessário.
 <!-- Exibe a imagem com largura de 600px -->
- Salve a página para visualizar o resultado.
¶ 🌐 Exemplo com imagem hospedada via link
¶ Resultado:
¶ 💡 Dica Extra:
-
Use imagens em
.jpg,.pngou.webpcom boa qualidade e tamanho reduzido (preferencialmente até 500 KB). -
No modo Markdown ou HTML, você pode adicionar uma breve descrição usando a sintaxe:
