moodle no tiene que ser feo
DESCRIPTION
Indicaciones y trucos que podemos utilizar en Moodle para hacer que visualmente sea atractivo. Ponencia realizada con motivo de la MoodleMoot 2010 en La Rioja.TRANSCRIPT
| Creamos e-learning
Moodle no tiene que ser feo no tiene que ser feo
| Creamos e-learning
Moodle no tiene que ser feo Sólo no puedes, con amigos si...
Firebug: https://addons.mozilla.org/es-ES/firefox/addon/1843/
Jquery: http://jquery.com/
San Google: ...
| Creamos e-learning
Moodle no tiene que ser feo ¿De dónde saco un tema gráfico?
Contacto con un servicio profesional
Busco un tema gráfico que me guste y lo adapto
Me hago un tema gráfico con estas manitas, desde cero
| Creamos e-learning
Moodle no tiene que ser feo De la idea a la realización...
Si tienes una idea
alguien podrá llevarla a cabo
| Creamos e-learning
Moodle no tiene que ser feo
Desarrollado para IL3-UB
| Creamos e-learning
Moodle no tiene que ser feo Los temas en Moodle
| Creamos e-learning
Moodle no tiene que ser feo Los temas en Moodle
http://moodle.org/mod/data/view.php?id=6552
Directorio de temas de Moodle
| Creamos e-learning
Moodle no tiene que ser feo Los temas en Moodle
http://moodle.org/mod/data/view.php?
Aardvark
| Creamos e-learning
Moodle no tiene que ser feo
Una vez descargado y copiado en la carpeta temas,lo tenemos disponible para activarlo.
Los temas en Moodle
| Creamos e-learning
Moodle no tiene que ser feo Moodle es cuadrado
Footer<div id="footer">
Cabecera<div class=" clearfix" id="header">
Columna derecha<div id="right-column">
Columna derecha<div id="left-column">
Columna central<div id="middle-column">
| Creamos e-learning
Moodle no tiene que ser feo Moodle es cuadrado
y sigue siendo cuadrado... (rectangular mejor dicho)
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... diseño líquido o no
BODY
PAGE
Algunos códigos rápidos para no programadores css:
display:none;
height:300px;
overflow: hidden;
float:left;
float:right;
width:300px;
background-color:black;
font-size:33px;
border: 3px solid black;
(aunque los programadores web digan lo contrario esto es lo que
usan el 92,65% de las veces, el resto buscan en San Google)
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... la cabecera
HEADER
Aprovechamos a cargar librerías de código nuevas, a hacer
llamadas a otros códigos de PHP y a realizar cambios en la
estructura de la cabecera).
¿Y si añadimos un código PHP que nos diga si el usuario actual
es de Barcelona o Madrid?
¿Y si eso lo utilizamos para cambiar la vista del contenido?
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... el footer
Como en el header, podemos intercambiar contenido...
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... los bloques laterales
Distribución
Espacio
Colores de fondo
Tamaños
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... El contenido central
Fondos
Distribución de las celdas
Objeto Separator...
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... iconos
Cambiar o intercambiar los iconos que
encontramos en la carpeta pix de cada
tema.
Jugar con tamaños más grandes para
ciertos iconos...
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... bloques laterales
Para añadir contenido visual, vídeos,
gráficos, código embebido, contenido
dinámico...
http://moodle.org/mod/data/view.php?d=13&rid=1836&filter=1
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... editar contenido
Editar la cabecera de curso o la descripción
de los cursos.
Crear tablas
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... configuración
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... activar filtros
Activar los filtros multimedia
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... Explorer es malo
EXPLORER 6 ES MALO... MUY MALO... DAÑA LA
CREATIVIDAD Y MUERE UN GATITO CADA VEZ QUE LO
EJECUTAS.
POR EL BIEN DE LOS GATITOS, BóRRALO.
| Creamos e-learning
Moodle no tiene que ser feo
Gracias...
Consultas o sugerencias: