Diretoria de EaD - IFG: mudanças entre as edições

De GuiaEaD
Sem resumo de edição
Sem resumo de edição
 
(74 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
__NOTOC__
== Ambiente Virtual Moodle ==
Neste espaço você encontrará rotinas e tutoriais sobre assuntos relacionados ao Moodle no IFG!


<div style="display: flex; flex-wrap: wrap;">
<div style="display: flex; flex-wrap: wrap;">


       <!-- inicio -->
       <div class="card">
      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">
        <div class="card-inner">
          <div class="card-adjust">
            <h3 class="h3-font">[[Ambiente Virtual de Ensino e Aprendizagem (AVEA - Moodle)|Professor(A)]]</h3>
            <p class="p-font">[[Ambiente Virtual de Ensino e Aprendizagem (AVEA - Moodle)|Aprenda como acessar, se comunicar com os estudantes, criar recursos, gerenciar e avaliar atividades, aplicar boas práticas e muito mais!]] </p></div>
        </div>
      </div>


         <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #45526e !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">
      <div class="card">
         <div class="card-inner" style="background: #a6c !important;">
          <div class="card-adjust">
            <h3 class="h3-font">[[Ambiente Virtual de Ensino e Aprendizagem (AVEA - Moodle) - Aluno|estudante]]</h3>
            <p class="p-font">[[Ambiente Virtual de Ensino e Aprendizagem (AVEA - Moodle) - Aluno|Aprenda omo acessar, visualizar as disciplinas, se comunicar com o professor e com os colegas, participar de atividades e muito mais!]] </p></div>
        </div>
      </div>


          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.5rem 1rem 1rem 1rem;">
      <div class="card">
 
        <div class="card-inner" style="background: #33b5e5 !important;">
            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important;"><strong>moodle</strong></h3>
          <div class="card-adjust">
 
            <h3 class="h3-font">tutor(A)</h3>
             <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
             <p class="p-font">Aprenda como acessar, visualizar e interagir com os estudantes da sua turma, avaliar atividades, conhecer rotinas, aplicar boas práticas e muito mais! </p></div>
              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
        </div>
              voluptate non proident velit esse quam. </p>
      </div>
 
          </div>


      <div class="card">
        <div class="card-inner" style="background: #ff3547 !important;">
          <div class="card-adjust">
            <h3 class="h3-font">[[videoaulas]]</h3>
            <p class="p-font">[[Videoaulas|Neste espaço você encontrará videoaulas sobre o Moodle no IFG e assuntos relacionados à Educação a Distância. Clique aqui e confira!]] </p></div>
         </div>
         </div>
       </div>
       </div>
      <!-- fim -->


      <!-- inicio -->
</div>
      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">


        <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #45526e !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">
== Programas e projetos ==
<div style="display: flex; flex-wrap: wrap;">


          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 1rem;">
      <div class="card">
        <div class="card-inner" style="background: #ff7310 !important;">
          <div class="card-adjust">
            <h3 class="h3-font">rotinas da uab</h3>
            <p class="p-font">Fluxos e rotinas de trabalho da Universidade Aberta do Brasil no IFG. Bolsistas e suas funções, desenvolvimento de disciplinas e muito mais! </p></div>
        </div>
      </div>__NOTOC__


            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; margin-top: 0.2rem !important; "><strong>First column</strong></h3>
</div>


            <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
== Recursos Didáticos ==
              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
<div style="display: flex; flex-wrap: wrap;">
              voluptate non proident velit esse quam. </p>
 
          </div>


      <div class="card">
        <div class="card-inner" style="background: #00695c !important;">
          <div class="card-adjust">
            <h3 class="h3-font">produção audiovisual</h3>
            <p class="p-font">Fluxos e rotinas de trabalho da Universidade Aberta do Brasil no IFG. Bolsistas e suas funções, desenvolvimento de disciplinas e muito mais! </p></div>
         </div>
         </div>
       </div>
       </div>
      <!-- fim -->


      <!-- inicio -->
</div>
      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">


        <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #45526e !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">
== Legislação ==
 
<div style="display: flex; flex-wrap: wrap;">
          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 1rem;">
 
            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; margin-top: 0.2rem !important; "><strong>First column</strong></h3>
 
            <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
              voluptate non proident velit esse quam. </p>
 
          </div>


      <div class="card">
        <div class="card-inner" style="background: #00695c !important;">
          <div class="card-adjust">
            <h3 class="h3-font">produção audiovisual</h3>
            <p class="p-font">Fluxos e rotinas de trabalho da Universidade Aberta do Brasil no IFG. Bolsistas e suas funções, desenvolvimento de disciplinas e muito mais! </p></div>
         </div>
         </div>
      </div>


      </div>
</div>
      <!-- fim -->


      <!-- inicio -->
{{#css:
      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">
  .card {
    margin-bottom: 1.3rem !important; flex: 0 0 23%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%; margin-top: 10px;
  }
  .card-inner{
    font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #4285f4 !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;
  }
  .card-adjust{
    border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.5rem 1rem 1rem 1rem;
  }


        <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #45526e !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">
  .h3-font{
    color:#FFF; text-transform: uppercase !important; padding-bottom: 0.2rem !important; padding-top:0px; border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  }


          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 1rem;">
  .h3-font a{
    color:#FFF; text-transform: uppercase !important; padding-bottom: 0.2rem !important; padding-top:0px; border-bottom: 1px solid rgba(0, 0, 0, 0.125) cursor: pointer; text-decoration: none;
  }
  .p-font{
    color: #FFF; margin-bottom: 0 !important; font-size: 17px; line-height:1.6; text-decoration: none;
  }


            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; margin-top: 0.2rem !important; "><strong>First column</strong></h3>
  .p-font a{
    color: #FFF; margin-bottom: 0 !important; font-size: 17px; line-height:1.6; text-decoration: none; cursor: pointer;
  }


            <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
  .mw-body h2{
              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
    margin-top: 0px;
              voluptate non proident velit esse quam. </p>
  }


          </div>
  @media (max-width: 1240px){
    .card{
      margin-bottom: 1.3rem !important; flex: 0 0 31%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%;
    }
  }


        </div>
  @media (max-width: 1097px){
    .card{
      margin-bottom: 1.3rem !important; flex: 0 0 47%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%;
    }
  }


      </div>
  @media (max-width: 874px){
       <!-- fim -->
    .card{
       margin-bottom: 1.3rem !important; flex: 0 0 90%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%;
    }
  }


    </div>
}}

Edição atual tal como às 12h48min de 26 de fevereiro de 2020

Ambiente Virtual Moodle

Neste espaço você encontrará rotinas e tutoriais sobre assuntos relacionados ao Moodle no IFG!

Programas e projetos

rotinas da uab

Fluxos e rotinas de trabalho da Universidade Aberta do Brasil no IFG. Bolsistas e suas funções, desenvolvimento de disciplinas e muito mais!

Recursos Didáticos

produção audiovisual

Fluxos e rotinas de trabalho da Universidade Aberta do Brasil no IFG. Bolsistas e suas funções, desenvolvimento de disciplinas e muito mais!

Legislação

produção audiovisual

Fluxos e rotinas de trabalho da Universidade Aberta do Brasil no IFG. Bolsistas e suas funções, desenvolvimento de disciplinas e muito mais!