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

De GuiaEaD
Sem resumo de edição
Sem resumo de edição
 
(77 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: 25%; 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: 1rem;">
      <div class="card">
        <div class="card-inner" style="background: #33b5e5 !important;">
          <div class="card-adjust">
            <h3 class="h3-font">tutor(A)</h3>
            <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>
        </div>
      </div>


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


            <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
</div>
              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>
== Programas e projetos ==
<div style="display: flex; flex-wrap: wrap;">


      <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>
      </div>__NOTOC__
</div>


== Recursos Didáticos ==
<div style="display: flex; flex-wrap: wrap;">
      <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>
      <!-- fim -->


      <!-- Grid column -->
</div>
      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 25%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">
 
== Legislação ==
<div style="display: flex; flex-wrap: wrap;">


        <!--Card Primary-->
      <div class="card">
         <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-inner" style="background: #00695c !important;">
           <div style="padding-top: 1.5rem; padding-bottom: 1.5rem; border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 1.25rem;">
           <div class="card-adjust">
             <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; margin-top: 0.5rem !important; "><strong>First column</strong></h3>
             <h3 class="h3-font">produção audiovisual</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">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>
              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>
         </div>
        <!--/.Card Primary-->
      </div>


      </div>
</div>
      <!-- Grid column -->
 
{{#css:
  .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;
  }
 
  .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);
  }


      <!-- Grid column -->
  .h3-font a{
      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 25%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">
    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;
  }


        <!--Card Primary-->
  .p-font a{
        <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;">
    color: #FFF; margin-bottom: 0 !important; font-size: 17px; line-height:1.6; text-decoration: none; cursor: pointer;
          <div style="padding-top: 1.5rem; padding-bottom: 1.5rem; border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 1.25rem;">
  }
            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; margin-top: 0.5rem !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>
        <!--/.Card Primary-->


      </div>
  .mw-body h2{
      <!-- Grid column -->
    margin-top: 0px;
  }


      <!-- Grid column -->
  @media (max-width: 1240px){
       <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 25%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">
    .card{
       margin-bottom: 1.3rem !important; flex: 0 0 31%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%;
    }
  }


        <!--Card Primary-->
  @media (max-width: 1097px){
        <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;">
    .card{
          <div style="padding-top: 1.5rem; padding-bottom: 1.5rem; border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 1.25rem;">
      margin-bottom: 1.3rem !important; flex: 0 0 47%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%;
            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; margin-top: 0.5rem !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>
        <!--/.Card Primary-->


      </div>
  @media (max-width: 874px){
       <!-- Grid column -->
    .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!