Download - Moodle no tiene que ser feo
![Page 1: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/1.jpg)
| Creamos e-learning
Moodle no tiene que ser feo no tiene que ser feo
![Page 2: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/2.jpg)
| 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: ...
![Page 3: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/3.jpg)
| 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
![Page 4: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/4.jpg)
| 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
![Page 5: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/5.jpg)
| Creamos e-learning
Moodle no tiene que ser feo
Desarrollado para IL3-UB
![Page 11: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/11.jpg)
| Creamos e-learning
Moodle no tiene que ser feo Los temas en Moodle
![Page 12: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/12.jpg)
| 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
![Page 13: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/13.jpg)
| Creamos e-learning
Moodle no tiene que ser feo Los temas en Moodle
http://moodle.org/mod/data/view.php?
Aardvark
![Page 14: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/14.jpg)
| 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
![Page 15: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/15.jpg)
| 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">
![Page 16: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/16.jpg)
| Creamos e-learning
Moodle no tiene que ser feo Moodle es cuadrado
y sigue siendo cuadrado... (rectangular mejor dicho)
![Page 17: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/17.jpg)
| 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)
![Page 18: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/18.jpg)
| 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?
![Page 19: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/19.jpg)
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... el footer
Como en el header, podemos intercambiar contenido...
![Page 20: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/20.jpg)
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... los bloques laterales
Distribución
Espacio
Colores de fondo
Tamaños
![Page 21: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/21.jpg)
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... El contenido central
Fondos
Distribución de las celdas
Objeto Separator...
![Page 22: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/22.jpg)
| 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...
![Page 23: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/23.jpg)
| 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
![Page 24: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/24.jpg)
| 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
![Page 25: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/25.jpg)
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... configuración
![Page 26: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/26.jpg)
| Creamos e-learning
Moodle no tiene que ser feo Tocando Moodle... activar filtros
Activar los filtros multimedia
![Page 27: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/27.jpg)
| 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.
![Page 28: Moodle no tiene que ser feo](https://reader033.vdocuments.co/reader033/viewer/2022052904/557ad8dcd8b42a8f648b4876/html5/thumbnails/28.jpg)
| Creamos e-learning
Moodle no tiene que ser feo
Gracias...
Consultas o sugerencias: