Moodle no tiene que ser feo
28
| Creamos e-learning Moodle no tiene que ser feo no tiene que ser feo
-
Upload
miguel-angel-muras -
Category
Technology
-
view
7.170 -
download
3
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 of Moodle no tiene que ser feo
| 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:
