Criar modelos do certificado do curso


Para cadastrar um modelo de certificado, acesse o painel de gestão do certificado, em seguida navegue no menu Modelo de certificado

Feito isso, será exibido a tela com lista de modelos já cadastrados, caso exista. Para cadastrar novo, clique a opção Cadastrar modelo de certificado.

Feito isso, será exibido o formulário de cadastro.  O formulário de cadastro do certificado é organização em seção, ou seja, em abas. 

Os campos da aba geral são para identificar o certificado.  É essencial que no campo Nome, fique explícito que se refere a um modelo para curso. No campo Código, este deve aderir à convenção padrão de identificação. Para mais detalhes sobre essa convenção, clique aqui.

A aba frente e verso do certificado é composta por seguintes campos: 

  • Conteúdo

  • Imagem de fundo 

  • Rodapé



Nos campos conteúdo e rodapé, o texto pode ter expressões para personalizar para cada aluno e curso. 

 Na customização do texto do certificado, o posicionamento pode ser feito de forma eficiente por meio de css inline. 

Trata-se de um formulário longo. Os campos conteúdo e imagem do fundo devem ser preenchidos nas abas frente e verso do certificado. 

Clique aqui e veja as expressões que podem ser usadas para gerar conteúdo dinâmico no certificado

 

 Exemplo do conteúdo da frente do certificado
O código a seguir é um exemplo que você pode usar e customizar. O código deve ser inserido no campo Conteúdo da aba Frente do certificado.  

 

<p style="text-align: justify; position: fixed; top: 25%; padding: 50px; right: 0; left: 0;">
Empresa / Instituição (CNPJ: xxxxxxxxxxxxxx) certifica que <strong>{USER_FULLNAME}</strong>, {USER_DOC}, 
concluiu, com aproveitamento, o curso <strong>{COURSE_NAME}</strong>
na modalidade a dist&acirc;ncia, disponibilizado no per&iacute;odo de <strong>{COURSE_TIMESTART}</strong> a
<strong> {COURSE_TIMEEND}</strong>, 
com carga hor&aacute;ria de {COURSE_HOUR} horas.</p>
<p style="text-align: right; position: fixed; top: 42%; right: 0; padding: 50px;"><br />
&nbsp;&nbsp;<br />&nbsp; Brasilia, {IDENTIFY_DATEGENERATE}</p>

Para inserir esse exemplo no conteúdo,  insira o código no código fonte do editor. 

 Exemplo do conteúdo do verso do certificado
O código a seguir é um exemplo que você pode usar e customizar. O código deve ser inserido no campo Conteúdo da aba Verso do certificado.  

<h1>Conconte&uacute;do program&aacute;tico</h1>
<div style="width: 400px; float: left;">{COURSE_CONTENT}</div>


Para inserir esse exemplo no conteúdo,  insira o código no código fonte do editor. 

Customizar layout do certificado  com CSS 

Na aba outras configurações, tem um campo para configurar CSS para formatar o certificado. 

No campo CSS insera código CSS para formatar as classes e os elementos HTML utilizados no conteúdo do certificado. O código que vai no campo CSS deve ficar entre tag <style> ... <style>

   

Conteúdo acessível em Libras usando o VLibras Widget com opções dos Avatares Ícaro, Hosana ou Guga. Conteúdo acessível em Libras usando o VLibras Widget com opções dos Avatares Ícaro, Hosana ou Guga.