Página principal: mudanças entre as edições
Sem resumo de edição |
|||
(421 revisões intermediárias por 3 usuários não estão sendo mostradas) | |||
Linha 1: | Linha 1: | ||
<div style="display: flex; flex-wrap: wrap; margin-bottom: 2px;"> | |||
== | <div class="card2"> | ||
<div class="card-inner2"> | |||
<div class="card-adjust2"> | |||
<p class="p-font2">[[Conheça o GuiaEaD]] </p></div> | |||
</div> | |||
</div> | |||
< | <div class="card2"> | ||
<div class="card-inner2"> | |||
<div class="card-adjust2"> | |||
< | <p class="p-font2">[[AVEA Moodle no IFG|Moodle no IFG]]</p></div> | ||
</div> | |||
< | </div> | ||
</ | |||
</ | |||
</ | |||
== Produção | |||
<div class="card2"> | |||
<div class="card-inner2"> | |||
<div class="card-adjust2"> | |||
<p class="p-font2">[[Moodle na Rede Federal]]</p></div> | |||
</div> | |||
</div> | |||
<div class="card2"> | |||
<div class="card-inner2"> | |||
<div class="card-adjust2"> | |||
<p class="p-font2">[[Mapa do site]]</p></div> | |||
</div> | |||
</div> | |||
</div> | |||
[[Arquivo:Cabeçalho_GuiaEaD_SVG.svg|class=banner]]__NOTOC__ | |||
<!-- INICIO DAS AREAS --> | |||
== Materiais formativos sobre o AVEA Moodle e Tecnologias Educativas == | |||
<div style="display: flex; flex-wrap: wrap; margin-bottom: 20px;"> | |||
<div class="card"> | |||
<div class="card-inner" style="background: #B43B3B !important; border-bottom: solid 6px #700000;"> | |||
<div class="card-adjust"> | |||
<h3 class="h3-font">[[AVEA Moodle (4.1 ou superior)|AVEA Moodle 4.1]]</h3> | |||
<p class="p-font">[[AVEA Moodle (4.1 ou superior)|Aqui você encontrará materiais educativos sobre os recursos, atividades e funcionalidades do AVEA Moodle na versão 4.1 ou superior!]]</p></div><div class="novo">[[Arquivo:Novo.png|60x60px]]</div> | |||
</div> | |||
</div> | |||
<div class="card"> | |||
<div class="card-inner" style="background: #14927F !important; border-bottom: solid 6px #064e43;"> | |||
<div class="card-adjust"> | |||
<h3 class="h3-font">[[AVEA Moodle (3.11 ou inferior)|AVEA Moodle 3.11]]</h3> | |||
<p class="p-font">[[AVEA Moodle (3.11 ou inferior)|Neste espaço você encontrará materiais educativos sobre os recursos, atividades e funcionalidades do AVEA Moodle na versão 3.11 ou inferior!]] </p></div> | |||
</div> | |||
</div> | |||
<div class="card"> | |||
<div class="card-inner" style="background: #007DC6 !important; border-bottom: solid 6px #054970;"> | |||
<div class="card-adjust"> | |||
<h3 class="h3-font">[[Curadoria de materiais educativos sobre o AVEA Moodle e as Tecnologias Educacionais|Estudos da área]]</h3> | |||
<p class="p-font">[[Curadoria de materiais educativos sobre o AVEA Moodle e as Tecnologias Educacionais|Aqui você encontrará links para artigos, livros digitais e demais materiais educativos sobre o AVEA Moodle e as Tecnologias Educacionais]]. </p></div><div class="novo">[[Arquivo:Novo.png|60x60px]]</div> | |||
</div> | |||
</div> | |||
</div> | |||
== Recursos didáticos e materiais audiovisuais == | |||
<div style="display: flex; flex-wrap: wrap; margin-bottom: 20px;"> | |||
<div class="card"> | |||
<div class="card-inner" style="background: #49274a !important; border-bottom: solid 6px #270a28;"> | |||
<div class="card-adjust"> | |||
<h3 class="h3-font"> [[produção audiovisual|Materiais audiovisuais]]</h3> | |||
<p class="p-font">[[Produção audiovisual|Gravação de videoaulas educacionais, produção e transmissão de webconferências e objetos de aprendizagem. Clique aqui e veja mais!]] </p></div><div class="novo">[[Arquivo:Novo.png|60x60px]]</div> | |||
</div> | |||
</div> | |||
<div class="card"> | |||
<div class="card-inner" style="background: #ab2e5b !important; border-bottom: solid 6px #7e002b;"> | |||
<div class="card-adjust"> | |||
<h3 class="h3-font">[[Materiais didáticos]]</h3> | |||
<p class="p-font">[[Materiais didáticos|Aqui você encontrará apostilas, infográficos, materiais didáticos e objetos educacionais produzidos no IFG. Clique aqui e veja mais!]] </p></div><div class="novo">[[Arquivo:Novo.png|60x60px]]</div> | |||
</div> | |||
</div> | |||
<div class="card"> | |||
<div class="card-inner" style="background: #4f3f6e !important; border-bottom: solid 6px #261b3c;"> | |||
<div class="card-adjust"> | |||
<h3 class="h3-font">[[Materiais didáticos das Disciplinas|Materiais]] dos cursos ead</h3> | |||
<p class="p-font">[[Materiais didáticos das Disciplinas|Neste espaço você encontrará materiais formativos produzidos para os cursos na modalidade EaD ofertados pelo IFG. Clique aqui e veja mais!]] </p></div><div class="novo">[[Arquivo:Novo.png|60x60px]]</div> | |||
</div> | |||
</div> | |||
</div> | |||
== Programas, projetos e documentos institucionais == | |||
<div style="display: flex; flex-wrap: wrap; margin-bottom: 20px;"> | |||
<div class="card"> | |||
<div class="card-inner" style="background: #233493 !important; border-bottom: solid 6px #000d58;"> | |||
<div class="card-adjust"> | |||
<h3 class="h3-font">[[Universidade Aberta do Brasil - UAB|universidade aberta do brasil]]</h3> | |||
<p class="p-font">[[Universidade Aberta do Brasil - UAB|Fluxos e rotinas de trabalho do programa UAB no IFG. Bolsistas e suas funções, fluxogramas, desenvolvimento de disciplinas e muito mais!]] </p></div> | |||
<div class="novo">[[Arquivo:Novo.png|60x60px]]</div> | |||
</div> | |||
</div> | |||
<div class="card"> | |||
<div class="card-inner" style="background: #34668f !important; border-bottom: solid 6px #204766;"><div class="card-adjust"> | |||
<h3 class="h3-font">[[Documentos institucionais|Documentos institucionais relacionados à ead]]</h3> | |||
<p class="p-font">[[Documentos institucionais|Documentos, normativas e procedimentos relacionados à oferta de cursos na modalidade a distância no IFG.]] </p></div><div class="novo">[[Arquivo:Novo.png|60x60px]]</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- | |||
--> | |||
<!-- FIM DAS AREAS --> | |||
{{#css: | |||
.card { | |||
flex: 0 0 32%; padding: 6px; position: relative; width: 100%; | |||
} | |||
.card-inner{ | |||
font-weight: 300; border: 0; 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.20rem; min-height: 200px; | |||
} | |||
.card-adjust{ | |||
border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.2rem 0.5rem 0.5rem 0.5rem; | |||
} | |||
.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); font-size: 12px; | |||
} | |||
.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; | |||
} | |||
.h3-font a:visited{ | |||
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: 16px; line-height:1.6; text-decoration: none; | |||
} | |||
.p-font a{ | |||
color: #FFF; margin-bottom: 0 !important; font-size: 16px; line-height:1.6; text-decoration: none; cursor: pointer; | |||
} | |||
.p-font a:visited{ | |||
color: #FFF; margin-bottom: 0 !important; font-size: 16px; line-height:1.6; text-decoration: none; cursor: pointer; | |||
} | |||
.mw-body h2{ | |||
margin-top: 0px; | |||
} | |||
@media (max-width: 1440px){ | |||
.card{ | |||
margin-bottom: 1.3rem !important; flex: 0 0 31%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%; | |||
} | |||
.p-font{ | |||
color: #FFF; margin-bottom: 0 !important; font-size: 16px; line-height:1.6; text-decoration: none; | |||
} | |||
.p-font a{ | |||
color: #FFF; margin-bottom: 0 !important; font-size: 16px; line-height:1.6; text-decoration: none; cursor: pointer; | |||
} | |||
} | |||
@media (max-width: 1097px){ | |||
.card{ | |||
margin-bottom: 1.3rem !important; flex: 0 0 47%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%; | |||
} | |||
.p-font{ | |||
color: #FFF; margin-bottom: 0 !important; font-size: 15px; line-height:1.6; text-decoration: none; | |||
} | |||
.p-font a{ | |||
color: #FFF; margin-bottom: 0 !important; font-size: 15px; line-height:1.6; text-decoration: none; cursor: pointer; | |||
} | |||
} | |||
@media (max-width: 874px){ | |||
.card{ | |||
margin-bottom: 1.3rem !important; flex: 0 0 90%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%; | |||
} | |||
.p-font{ | |||
color: #FFF; margin-bottom: 0 !important; font-size: 15px; line-height:1.6; text-decoration: none; | |||
} | |||
.p-font a{ | |||
color: #FFF; margin-bottom: 0 !important; font-size: 15px; line-height:1.6; text-decoration: none; cursor: pointer; | |||
} | |||
} | |||
.novo{ | |||
display: block; | |||
height: 18px; | |||
width: 18px; | |||
padding: 1px; | |||
position: absolute; | |||
top: 163px; | |||
right: 34px; | |||
text-align: center; | |||
transition: top .1s ease-out; | |||
} | |||
.card2 { | |||
flex: 0 0 24.55%; padding: 2px; position: relative; width: 100%; | |||
} | |||
.card-inner2{ | |||
font-weight: 200; border: 0; background: #A5E2FF !important; border-top: solid 4px #004A94; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; min-height: 40px; | |||
} | |||
.card-adjust2{ | |||
border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; | |||
} | |||
.h3-font2{ | |||
color:#003870; text-transform: uppercase !important; padding-bottom: 0.2rem !important; padding-top:0px; border-bottom: 1px solid rgba(0, 0, 0, 0.125); font-size: 12px; | |||
} | |||
.h3-font2 a{ | |||
color:#003870; 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; | |||
} | |||
.h3-font2 a:visited{ | |||
color:#003870; 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-font2{ | |||
color: #003870; margin-bottom: 0 !important; font-size: 16px; line-height:1.6; text-decoration: none; | |||
} | |||
.p-font2 a{ | |||
color: #003870; margin-bottom: 0 !important; font-size: 16px; line-height:1.6; text-decoration: none; cursor: pointer; | |||
} | |||
.p-font2 a:visited{ | |||
color: #003870; margin-bottom: 0 !important; font-size: 16px; line-height:1.6; text-decoration: none; cursor: pointer; | |||
} | |||
.mw-body h2{ | |||
margin-top: 0px; | |||
} | |||
@media (max-width: 1097px){ | |||
.card2{ | |||
margin-bottom: 1.3rem !important; flex: 0 0 47%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%; | |||
} | |||
.p-font2{ | |||
color: #003870; margin-bottom: 0 !important; font-size: 15px; line-height:1.6; text-decoration: none; | |||
} | |||
.p-font2 a{ | |||
color: #003870; margin-bottom: 0 !important; font-size: 15px; line-height:1.6; text-decoration: none; cursor: pointer; | |||
} | |||
} | |||
@media (max-width: 874px){ | |||
.card2{ | |||
margin-bottom: 1.3rem !important; flex: 0 0 90%; padding-left: 10px; padding-right: 10px; position: relative; width: 100%; | |||
} | |||
.p-font2{ | |||
color: #003870; margin-bottom: 0 !important; font-size: 15px; line-height:1.6; text-decoration: none; | |||
} | |||
.p-font2 a{ | |||
color: #003870; margin-bottom: 0 !important; font-size: 15px; line-height:1.6; text-decoration: none; cursor: pointer; | |||
} | |||
} | |||
.banner { | |||
max-width:100%; | |||
height:auto; | |||
margin-top: -5px; | |||
} | |||
}} |
Edição atual tal como às 11h45min de 28 de abril de 2024
Materiais formativos sobre o AVEA Moodle e Tecnologias Educativas
Recursos didáticos e materiais audiovisuais
Programas, projetos e documentos institucionais