ExpertEad

Customização CSS e elementos Bootstrap na plataforma Moodle (40 horas)

Se você quer personalizar seu lms Moodle e não tem conhecimento em desenvolvimento ou programação, esse curso é para você! Vamos começar com o CSS para criar botões, mudar textos, ícones, menus, modais, deixar conteúdo responsivo entre muitas outras possibilidades. Conheça também o Bootstrap, que já entrega alguns códigos prontos, e ajuda a não perder tempo criando códigos.

183 alunos

Sobre o curso

Bem-vindo ao curso abrangente de Customização CSS e Elementos Bootstrap na plataforma Moodle. Neste curso, você será guiado por uma jornada de aprendizado que o capacitará a personalizar sua experiência no ambiente virtual de aprendizado (AVA) sem a necessidade de ser um programador. Vamos explorar uma série de ferramentas e técnicas que permitirão a você aprimorar e personalizar seu AVA Moodle de acordo com suas necessidades específicas.

O que você vai aprender

Na introdução, apresentaremos as ferramentas essenciais para a customização do AVA Moodle. Certifique-se de tê-las instaladas para facilitar sua prática.
Saiba como usar o CSS para alterar e personalizar elementos no LMS Moodle. Explore nomes, atributos e códigos hexadecimais.
Descubra como personalizar seus cursos usando CSS mesmo sem acesso administrativo.
Aprenda como administradores e professores podem inserir CSS no LMS Moodle para personalizar a experiência de aprendizado.
Descubra como personalizar cores que não estão na paleta padrão do LMS Moodle e aplique essas personalizações em qualquer tema.
Explore a personalização de tamanhos, logotipos e posicionamento usando CSS, economizando tempo e recursos de programação.
Aprenda a utilizar o Bootstrap para padronizar elementos, como botões e menus, de forma responsiva em seu AVA Moodle.
Crie modais personalizados para adicionar elementos diferenciados ao seu curso, utilizando o Bootstrap.
Utilize um gerador de botões do Bootstrap para criar botões interativos em seus cursos, tornando-os mais atrativos.
Aprenda a criar carrosséis de imagens dinâmicos para melhorar a experiência visual em seus cursos.
Personalize o menu do seu curso adicionando links, cores e ícones a cada botão.
Aprimore os botões HTML em seu curso, adaptando-os ao tema escolhido no LMS Moodle.
Saiba como verificar a compatibilidade do seu tema com o Bootstrap e resolva problemas relacionados.
Aprenda a criar uma página de login personalizada para melhorar a experiência do usuário.
Receba dicas sobre como alterar o elemento hover do CSS para melhorar a interatividade em seu curso.
Descubra como usar seletores no CSS para ajustar cores, tamanhos e efeitos em botões e elementos.
Personalize ícones de acordo com o tema do seu curso usando CSS.
Explore a personalização do cabeçalho e outros elementos para aprimorar o visual do seu curso.
Aprenda a ajustar o tamanho de vídeos incorporados para uma experiência de visualização otimizada.
Descubra um truque de CSS que permite ajustar detalhes do seu curso sem interferir na plataforma.
Pratique suas habilidades em CSS e Bootstrap para resolver dúvidas e desafios.

Conteúdo do curso

Seções: 25

•

Atividades: 5

•

Recursos: 39

Aula 1: Caixa de ferramentas - O que vamos usar neste curso

Baixe o Google Chrome
Baixe o Mozilla Firefox
Baixe o ColorZilla
Baixe o Measure-it
Aprenda um pouco sobre CSS antes de continuar
Página de cores - Hexadecimal

Aula 2: CSS - Seletor, propriedade e valor

Paleta de cores
Material complementar: guia de referência CSS 2

Aula 3: Como inserir CSS no curso [perfil de professor]

Código JS e CSS para professor

Aula 4: CSS: Perfil de administrador e professor

Trabalhando com CSS no perfil de professor e de administrador

Aula 5: Um pouco mais de CSS

Conhecendo mais sobre CSS

Aula 6: Outras personalizações em CSS

Outras personalizações

Aula 7: Bootstrap

Mais sobre Bootstrap

Aula 8: Bootstrap - Modal

Referência Bootstrap
Página oficial do Bootstrap
MDB Bootstrap
Layoutit!
Get Bootstrap

Aula 9: Componente Bootstrap Botões

Gerador de botão

Aula 10: Componente Bootstrap Carrossel

Bootstrap Carrossel

Aula 11: Como criar um topmenu personalizado

Código usado na videoaula
Atividades orfãs
Lista de ícones

Aula 12: Como melhorar o menu de botões HTML

Melhorando o menu de botões HTML

Aula 13: Como testar o Bootstrap dos temas

Site Bootstrap

Aula 14: Criando uma página de login customizada

Download - Página de login
Download - Página de login 2 (Modelo MadriLab)
Download - Página de login 3 (Modelo Colorlib)
Páginas de login para download
Baixe o Notepad++
Baixe o FileZilla

Aula 15: Como inspecionar o elemento - Hover

Inspecionando o elemento Hover

Aula 16: Como trabalhar com seletores no CSS

Trabalhando com seletores

Aula 17: Como trocar ícones do tipo Font Awesome

Font Awesome

Aula 18: Como customizar o header e muito mais

Customizando o header e outras coisas

Aula 19: Como ajustar o tamanho do embed no Moodle

Ajustando o tamanho do embed do vídeo

Aula 20: Hack - CSS no curso, é só salvar

Hack

Aula 21: Atividade (Dúvidas e soluções)

Regras para postar a atividade
Envie aqui o seu(s) vídeo(s)

Aula 22: Considerações finais

Dica: Pop-up fácil

Suporte - Dúvidas

Fórum de Dúvidas

Teste seus conhecimentos

Teste seus conhecimentos

Certificação

Pesquisa de satisfação
Verificação de dados

Opções de inscrição

Customização CSS e elementos Bootstrap na plataforma Moodle (40 horas) C_CSS_EBPM

Matricular:comunidade-expert-ead-completa
ATENÇÃO:A sua matrícula dará acesso a comunidade Expert EAD completa, são mais de 25 cursos totalmente abertos.
Ver todos os 25 cursos:course
Carga horária:40h
PÚBLICO ALVO:Administradores Moodle, Professores, Tutores, Desenvolvedores e TI
Características do curso :Auto-instrucional, com tutoria

Participantes inscritos: 183

Para acessar este curso, você precisa criar uma conta.

Acessar

Customização CSS e elementos Bootstrap na plataforma Moodle (40 horas)

Sobre o curso

O que você vai aprender

Conteúdo do curso

Opções de inscrição

Customização CSS e elementos Bootstrap na plataforma Moodle (40 horas) C_CSS_EBPM

O curso inclui

Tags do curso

Compartilhe este curso