1 00:00:00,000 --> 00:00:08,000 Bueno, ya cuando me digan los jefes. 2 00:00:08,000 --> 00:00:19,000 Buenos días a todos, a este sábado después de, supongo, una noche, algunos más larga que para otros. 3 00:00:19,000 --> 00:00:26,000 Espero que estéis todos bien, más o menos las neuronas, algunas se han perdido en el camino, pero el resto más o menos en su sitio. 4 00:00:26,000 --> 00:00:33,000 Y creo que vais a tener la desgracia de asistir a unos talleres-exposiciones más eclépticos, yo creo, de la MoodleMood. 5 00:00:33,000 --> 00:00:37,000 Lo adelanto ahora por no sobreaviso. 6 00:00:37,000 --> 00:00:46,000 Os explicaré luego el por qué es más ecléptico o es un taller ecléptico o es una exposición ecléptica. 7 00:00:46,000 --> 00:00:51,000 Y creo que al final entenderéis el por qué voy a hacer esta exposición y cuál es la intencionalidad. 8 00:00:51,000 --> 00:00:58,000 Pero que sepáis que va a ser como una exposición en algún sentido rara. 9 00:00:58,000 --> 00:01:02,000 Porque veréis que voy entrando, voy saliendo, voy haciendo conceptos, voy saltando. 10 00:01:02,000 --> 00:01:08,000 Pero también porque creo que en el caso de que nos ocupa, que en Moodle no tiene que ser feo, en el caso del diseño, 11 00:01:08,000 --> 00:01:15,000 en realidad el diseño ocupa tantas áreas, digamos así, que tengo que hacer una exposición ecléptica. 12 00:01:15,000 --> 00:01:22,000 Porque el diseño es un diseño tanto de diseño gráfico como un diseño conceptual de aula, como un diseño de contenidos, 13 00:01:22,000 --> 00:01:27,000 como un diseño de lo que quiero o cómo quiero o en qué momento quiero que mis alumnos hagan algo. 14 00:01:27,000 --> 00:01:37,000 Es un concepto tan amplio que no me quería centrar a un espacio de desarrolladores, no me quería centrar a un espacio de profesores, 15 00:01:37,000 --> 00:01:43,000 no me quería centrar a un espacio más de, un perfil más de toma de decisiones con qué se hace el diseño, 16 00:01:43,000 --> 00:01:50,000 sino quería de alguna manera volcar un conjunto de ideas, un conjunto de reflexiones, un conjunto de trucos, 17 00:01:50,000 --> 00:01:56,000 incluso un conjunto de pequeñas píldoras o pequeñas semillas que me gustaría sembrar en cada uno de vosotros, 18 00:01:56,000 --> 00:02:02,000 de lo que yo concibo como diseño y como diseño orientado a Moodle en concreto. 19 00:02:03,000 --> 00:02:08,000 Entonces veis por qué iré saltando, habrá partes más que tocaré algo de desarrollo, 20 00:02:08,000 --> 00:02:15,000 habrá partes en las que hablaré más de cosas más teóricas, habrá partes en las que diréis ya se ha perdido, 21 00:02:15,000 --> 00:02:22,000 me habré perdido, habrá un poco de todo, pero la idea es que lo pasemos bien, que nos divirtamos un poco 22 00:02:22,000 --> 00:02:27,000 y explicar una serie de conceptos que a ver si consigo que al final al menos salgáis de aquí, 23 00:02:27,000 --> 00:02:35,000 pues he aprendido esto, he aprendido esto otro, me presento antes nadie, soy Miguel Ángel Muras, 24 00:02:35,000 --> 00:02:42,000 entre otras cosas he sido responsable de diseño de lo que es ahora mismo el E3UV, la Universidad Barcelona Virtual, 25 00:02:42,000 --> 00:02:48,000 ahora tengo montados, he fundado dos empresas de desarrollo tecnológico orientado a web 26 00:02:48,000 --> 00:02:53,000 y he pasado por una serie de ámbitos, no soy programador, no soy diseñador o no me considero diseñador, 27 00:02:53,000 --> 00:03:00,000 aunque he hecho diseños mucho tiempo en mi vida, no soy pedagogo aunque he hecho clases en formación, 28 00:03:00,000 --> 00:03:07,000 soy una de esas raras avis que están en estos entornos, he tocado un poco de todo y veréis que toco código sí, 29 00:03:07,000 --> 00:03:13,000 pero con mis limitaciones, veis que hablo de diseño y hago diseño, puedo hablar de diseño y de usabilidad 30 00:03:13,000 --> 00:03:18,000 pero no soy un diseñador o no me considero y ahora más estoy orientado más a gestión de equipos de producción, 31 00:03:18,000 --> 00:03:22,000 por lo cual ahora encima ya mi visión es mucho más desde otro punto de vista, 32 00:03:22,000 --> 00:03:26,000 nosotros lo que hacemos es una conceptualización de una formación entera, 33 00:03:26,000 --> 00:03:32,000 con lo cual esa conceptualización ya incluye diseño, tanto diseño didáctico como diseño de aula, 34 00:03:32,000 --> 00:03:36,000 un diseño gráfico porque el fondo, el medio también es el mensaje, 35 00:03:36,000 --> 00:03:41,000 con lo cual si quiero transmitir algo utilizo el diseño para transmitir algo también de alguna manera 36 00:03:41,000 --> 00:03:51,000 y en ese sentido la presentación es un poco así, lo he dicho, ir saltando conceptos, 37 00:03:51,000 --> 00:03:59,000 más de desarrolladores, más de diseño de otro tipo, de usabilidad o de otros conceptos, 38 00:03:59,000 --> 00:04:08,000 más de desarrolladores por decirlo, os voy a pedir a todos porque vamos a intentar jugar un poco con el código, 39 00:04:08,000 --> 00:04:14,000 os voy a pedir a todos que instaléis esto, Firebook, es una extensión para poder ser en Firefox, 40 00:04:14,000 --> 00:04:20,000 a ver si abrís Firefox y lo tenéis abierto, instalemos Firebook, ahora os explicaré por qué, 41 00:04:20,000 --> 00:04:24,000 esto es la triada para nosotros, hay más elementos que utilizaríamos, 42 00:04:24,000 --> 00:04:33,000 son pequeños trucos, pequeños amigos que nos ayudan desde un punto de vista práctico a jugar con el diseño, 43 00:04:33,000 --> 00:04:39,000 ¿por qué? Firebook luego lo veréis, es una extensión para Firefox muy interesante 44 00:04:39,000 --> 00:04:47,000 que permite ver el código de una página web y me permite manipularla de una forma ficticia, 45 00:04:47,000 --> 00:04:51,000 vamos a hacer un pequeño juego, vamos a ir a una web determinada, vamos a ir con el Firebook, 46 00:04:51,000 --> 00:04:56,000 vamos a hacer un código muy sencillito y veréis cosas, ¿qué nos facilita Firebook? 47 00:04:56,000 --> 00:05:00,000 Nos facilita a cualquier persona con un conocimiento que no hay que ser muy extenso, 48 00:05:00,000 --> 00:05:04,000 empezar a hacer juegos visuales que luego me permiten tomar decisiones sobre el diseño, 49 00:05:04,000 --> 00:05:09,000 por ejemplo, vía Firebook puedo definir, cambiar el color de enlace de una web 50 00:05:09,000 --> 00:05:15,000 y ver cómo quedaría antes de pedir el cambio, de esta manera me permite evaluar un cambio gráfico 51 00:05:15,000 --> 00:05:20,000 antes de aplicarlo realmente y sin que afecte a nadie, porque es para mí, lo veo yo, nadie más lo ve, 52 00:05:20,000 --> 00:05:23,000 ahora iremos a Firebook, luego jQuery que es más de programadores, 53 00:05:23,000 --> 00:05:29,000 es una librería muy potente de interacción de programación, esto es para programadores, 54 00:05:29,000 --> 00:05:32,000 solamente los programadores esto ya lo conocen o le suena tal y cual, 55 00:05:32,000 --> 00:05:37,000 pero el resto que sepáis que si en algún momento he terminado y queréis hacer una cosa que luego veremos, 56 00:05:37,000 --> 00:05:43,000 esa cosa funciona gracias a jQuery, entonces hay que pedirle a alguien que nos ponga jQuery 57 00:05:43,000 --> 00:05:48,000 o pensar cómo poner jQuery, no, no jQuery no instalaremos, enseñaré lo que es 58 00:05:48,000 --> 00:05:54,000 y un truco para cómo utilizarlo y luego por último es a Google, 59 00:05:54,000 --> 00:06:00,000 es decir si hay algo que no sé cómo funciona voy a buscar a Google, 60 00:06:00,000 --> 00:06:04,000 Google y en nuestro caso como tenemos una comunidad muy potente, 61 00:06:04,000 --> 00:06:11,000 normalmente si buscamos en Google nos remitirá a las propias comunidades dentro de Moodle de desarrollo, 62 00:06:11,000 --> 00:06:22,000 como hago algo sencillo, vuelvo otra vez atrás, no voy a explicar cómo hacer un diseño en Moodle, 63 00:06:22,000 --> 00:06:29,000 ¿por qué?, porque ya hay un taller que explicaba esto de Daniel Ureña que más complementa este 64 00:06:29,000 --> 00:06:34,000 y porque hay manuales o hay formación que os puede ayudar, no es mi objetivo, 65 00:06:34,000 --> 00:06:38,000 os explicaré cosas, pero no es mi objetivo enseñaros a hacer un diseño en Moodle, 66 00:06:38,000 --> 00:06:43,000 porque no era mi objetivo, mi objetivo es más abriros la mente sobre opciones que podéis hacer 67 00:06:43,000 --> 00:06:50,000 que luego podéis aplicar de una manera más directamente. 68 00:06:50,000 --> 00:06:53,000 ¿De dónde se hace un tema gráfico? 69 00:06:53,000 --> 00:06:56,000 Contacto con un servicio profesional, 70 00:06:56,000 --> 00:07:02,000 pensemos que donde nos colocamos, puede ser una institución, puede ser un colegio pequeño, puede ser un particular, 71 00:07:02,000 --> 00:07:05,000 entonces depende de dónde y hay que ir a uno de estos tres, 72 00:07:05,000 --> 00:07:09,000 contacto con un servicio profesional que me lo haga, busco un tema gráfico que me guste, 73 00:07:09,000 --> 00:07:13,000 lo implemento y lo adapto, cambio el logo, cambio el color, cambio no sé qué, 74 00:07:13,000 --> 00:07:16,000 ahora veremos cómo podríamos hacer algo parecido, 75 00:07:16,000 --> 00:07:21,000 yo que soy manitas me hago un tema gráfico desde cero, que es lo que explicaba el taller de Dani, 76 00:07:21,000 --> 00:07:26,000 es decir, a partir de lo que se llamaría el formal white, empiezo a crear un tema gráfico propio, 77 00:07:26,000 --> 00:07:29,000 son las tres alternativas que tenemos. 78 00:07:29,000 --> 00:07:34,000 Os explico un momento lo que es el Firebook, para empezar a jugar salto al navegador y lo veremos, 79 00:07:34,000 --> 00:07:38,000 hay una página web que luego os daré unos accesos que hemos preparado, 80 00:07:38,000 --> 00:07:43,000 vamos a entrar bien y si no pues lo dejaremos como base, 81 00:07:43,000 --> 00:07:50,000 pero para hacer pruebas, es un campus que es de pruebas, lo tenemos para pruebas, 82 00:07:50,000 --> 00:08:00,000 y voy a instalar Firebook, si no lo tengo instalado, lo primero que voy a hacer es buscar Firebook, 83 00:08:00,000 --> 00:08:09,000 voy a una página de complementos de Firefox, me da la opción de añadirlo, lo añado, 84 00:08:09,000 --> 00:08:12,000 me pide reiniciar Firefox y ya lo tengo. 85 00:08:12,000 --> 00:08:15,000 ¿Qué me da esta funcionalidad? 86 00:08:15,000 --> 00:08:25,000 Me da un pequeño bichejo aquí abajo, que me permite hacer cosas visualmente y jugar, 87 00:08:25,000 --> 00:08:30,000 me gusta mucho esta herramienta porque os va a permitir hacer pequeños juegos visuales con las páginas web, 88 00:08:30,000 --> 00:08:35,000 os permitirá ver estructura de la página web sin tener que tener un conocimiento muy extensivo. 89 00:08:35,000 --> 00:08:44,000 Algo sencillo, pincho en mi querido amigo, me aparece esta, se me despliega, 90 00:08:44,000 --> 00:08:56,000 aquí tengo esta herramienta de aquí, lo que hago es que me va marcando en cuadrados las zonas de una página web, 91 00:08:56,000 --> 00:08:59,000 las páginas web habitualmente trabajan por bloques cuadrados, 92 00:08:59,000 --> 00:09:04,000 tienen distribución siempre muy cuadrada, entonces trabajan lo que se llaman divs o conceptos de cuadrado, 93 00:09:04,000 --> 00:09:07,000 que él me va marcando, entonces imaginemos que yo tengo este objeto de aquí, 94 00:09:07,000 --> 00:09:12,000 por poner uno, este de aquí, me lo está marcando, fijaros, me está diciendo cuál es, 95 00:09:12,000 --> 00:09:18,000 con lo cual yo ya sé cuál es a nivel de diseño, a nivel estructural de programación ya podría capturarlo, 96 00:09:18,000 --> 00:09:25,000 y al mismo tiempo me da un código, este es el código que se utiliza habitualmente para pintar, 97 00:09:25,000 --> 00:09:31,000 visualmente es el código que nosotros utilizamos en programación para este objeto de aquí pintarlo de una manera u otra, 98 00:09:31,000 --> 00:09:37,000 es este de aquí, esto me está definiendo cómo se ve esto de aquí, 99 00:09:37,000 --> 00:09:44,000 entonces si yo trabajo sobre este objeto, manipularé este objeto de aquí, ¿para qué me sirve esto?, 100 00:09:44,000 --> 00:09:49,000 imaginemos que hago algo tan sencillo, pincho y se me queda clavado, se me marca, 101 00:09:49,000 --> 00:09:58,000 hago algo tan sencillo de empezar a trabajar, estoy bajando los píxeles, 102 00:09:58,000 --> 00:10:03,000 no estoy cambiando el campus, no estoy cambiando nada, además cada uno vería una cosa diferente, 103 00:10:03,000 --> 00:10:09,000 estoy cambiando mi visualización, ya sé cuánto tiene que medir para que me quede ajustado, 104 00:10:09,000 --> 00:10:14,000 ya tengo que ir a la línea de código o pedirle a quien me lo haga, depende de los perfiles, 105 00:10:14,000 --> 00:10:20,000 oye ajustame esto porque lo he visto que funciona, o por ejemplo colores de enlace, 106 00:10:20,000 --> 00:10:27,000 si yo selecciono cualquier objeto que tenga un enlace, si os fijáis me marca el color, 107 00:10:27,000 --> 00:10:38,000 es que ayer tuve el día rosa, hoy voy a tener el día verde, quiero los enlaces en verde y quiero ver cómo quedan, 108 00:10:38,000 --> 00:10:43,000 pongo green, hay una serie de reglas de colores, de nombres convencionales que puedo utilizar 109 00:10:43,000 --> 00:10:48,000 y luego hay otros que son códigos tan raros que veis aquí, que son valores hexadecimales, 110 00:10:49,000 --> 00:10:56,000 que es más difícil de capturar, normalmente en esto vas a Gimp o a Photoshop 111 00:10:56,000 --> 00:11:01,000 y hay un espacio donde puedes capturar ese color y pintarlo aquí, pero ya tengo la opción, 112 00:11:01,000 --> 00:11:06,000 entonces puedo ir viendo cómo va quedando mi página web, puedo hacer más cosas, 113 00:11:06,000 --> 00:11:15,000 voy a mover esto para abajo porque si no va a estar toda la sesión molestando, 114 00:11:15,000 --> 00:11:27,000 ¿qué pasaría si yo decido por lo que sea quitar el bloque superior de navegación? 115 00:11:27,000 --> 00:11:32,000 fijaros que me ha marcado header menú, este objeto aquí se llama header menú, 116 00:11:32,000 --> 00:11:36,000 luego ya veré dónde lo puedo localizar, hay un archivo que se llama header.html 117 00:11:36,000 --> 00:11:40,000 y sé que tiene que haber un objeto allí o bien me lo construye el código, 118 00:11:40,000 --> 00:11:44,000 yo digo pues este lo quiero marcar más, quiero ponerle un fondo, 119 00:11:44,000 --> 00:11:50,000 pues hay una regla que yo pincho aquí, clic, clic y me deja añadir objetos, 120 00:11:50,000 --> 00:11:57,000 me digo background, una B, él ya me lo marca, un guión, fijaros que me va diciendo cosas, 121 00:11:57,000 --> 00:12:06,000 color, hago tabulador y digo black, me hace negro directamente. 122 00:12:06,000 --> 00:12:08,000 ¿Para qué me sirve todo esto? Para hacer juegos visuales, 123 00:12:08,000 --> 00:12:13,000 previos, sin tener mucho conocimiento, previos a hacer cualquier tipo de diseño gráfico 124 00:12:13,000 --> 00:12:17,000 y luego yo puedo proponer cosas, es decir, hoy he probado en rojo los enlaces, 125 00:12:17,000 --> 00:12:22,000 hoy funciona muy bien, hoy en este caso concreto, luego hay casuísticas, 126 00:12:22,000 --> 00:12:25,000 en este caso que resulta que el fondo de la tabla es negro, 127 00:12:25,000 --> 00:12:30,000 el enlace en este caso concreto habría que descubrir de qué manera lo cambiamos a blanco, 128 00:12:30,000 --> 00:12:33,000 por ejemplo, aunque el resto sean rojos, todo eso se puede hacer, 129 00:12:33,000 --> 00:12:37,000 se puede hacer, lo podemos hacer nosotros o podemos pedir ayuda que nos lo hagan 130 00:12:37,000 --> 00:12:39,000 o depende de los conocimientos. 131 00:12:39,000 --> 00:12:43,000 Un par de conceptos de web y de diseño orientado a web, 132 00:12:44,000 --> 00:12:49,000 esto que veis aquí son, llamaríamos clases, son identificadores del objeto, 133 00:12:49,000 --> 00:12:53,000 si yo tengo una clase en cada uno de los objetos, de alguna manera yo, 134 00:12:53,000 --> 00:12:59,000 vía este código puedo manipularlo, entonces Moodle me deja manipular una serie de clases 135 00:12:59,000 --> 00:13:03,000 y hay otras que no me deja, luego vemos que hay limitaciones, 136 00:13:03,000 --> 00:13:08,000 entonces veremos que empieza con un hit, un body, la estructura clásica 137 00:13:08,000 --> 00:13:13,000 y luego en algún lado un page. 138 00:13:13,000 --> 00:13:18,000 Esto no sirve para Filebook, ¿qué más cosas son interesantes en Filebook? 139 00:13:18,000 --> 00:13:25,000 Un display, nos oculta un objeto, es decir, no lo quiero, 140 00:13:25,000 --> 00:13:27,000 y luego iría más allá, luego veremos en otra reflexión, 141 00:13:27,000 --> 00:13:32,000 vale, pero si aquí hay un display no, tenemos que aprender, 142 00:13:32,000 --> 00:13:35,000 mi idea es también que salgáis de aquí con una reflexión, 143 00:13:35,000 --> 00:13:40,000 yo no sé hacer, pero mi idea es que cuando le pida a alguien o cuando quiera, 144 00:13:40,000 --> 00:13:47,000 yo quiero que esta cabecera aparezca para los usuarios y otros no, eso se puede hacer, 145 00:13:47,000 --> 00:13:52,000 si tenemos el conocimiento o alguien nos ayuda a hacerlo, se puede hacer, 146 00:13:52,000 --> 00:13:55,000 también es algo que de este taller me gustaría que saliésemos, 147 00:13:55,000 --> 00:13:59,000 no solo quedarnos con lo que hemos visto en cuanto a diseño, 148 00:13:59,000 --> 00:14:04,000 sino que penséis que el diseño en Moodle es un diseño que viene muy condicionado, 149 00:14:04,000 --> 00:14:08,000 por motivos X, desde siempre los diseños en Moodle han sido muy cuadrados, 150 00:14:08,000 --> 00:14:13,000 eso viene derivado a que el diseño en Moodle, la estructura es cuadrada, 151 00:14:13,000 --> 00:14:17,000 pero también viene derivado a que nosotros nos hemos autoimpuesto limitaciones 152 00:14:17,000 --> 00:14:20,000 en cuanto a diseño en Moodle, por motivo que sea, 153 00:14:20,000 --> 00:14:27,000 porque no han llegado profesionales o no ha llegado gente con el riesgo 154 00:14:27,000 --> 00:14:31,000 de poder hacer diseños nuevos o frescos, por motivo que sea, 155 00:14:31,000 --> 00:14:36,000 se ha tendido un diseño muy cuadrado y eso hace que cuando veas un Moodle y veas otro, 156 00:14:36,000 --> 00:14:38,000 muchas veces son Moodle que son iguales, 157 00:14:38,000 --> 00:14:40,000 entonces cuadrado la cabecera y luego no se que, 158 00:14:40,000 --> 00:14:44,000 si, es verdad, eso es en parte porque el diseño es cuadrado 159 00:14:44,000 --> 00:14:48,000 y en parte porque de alguna manera no le hemos dado la importancia 160 00:14:48,000 --> 00:14:52,000 que en otras comunidades o que en otros desarrollos se le da al diseño, 161 00:14:52,000 --> 00:14:57,000 WordPress es un sistema de blogs, tiene un sistema también bastante cuadrado, 162 00:14:57,000 --> 00:15:01,000 en WordPress no tienen nada que ver, son mucho más arriesgados, 163 00:15:01,000 --> 00:15:04,000 es cierto que hay una comunidad de desarrolladores que trabajan más, 164 00:15:04,000 --> 00:15:10,000 pero de alguna manera en Moodle seguimos derivando a diseños cuadrados, 165 00:15:10,000 --> 00:15:13,000 también es cierto que esa tendencia está cambiando, 166 00:15:13,000 --> 00:15:16,000 los últimos diseños que se están viendo en el sistema de temas de Moodle, 167 00:15:16,000 --> 00:15:21,000 que luego lo veremos, empiezan a tener un componente de riesgo cada vez más interesante, 168 00:15:21,000 --> 00:15:30,000 hay todo un bloque de diseños que los de Aad, Bart, que luego os pasaré el enlace, 169 00:15:30,000 --> 00:15:34,000 que se dedican a hacer diseños, el New School New Centers, 170 00:15:34,000 --> 00:15:38,000 no me acuerdo el nombre exacto, hay una persona allí, 171 00:15:38,000 --> 00:15:43,000 un tío que hace unos diseños muy chulos y los publica y los podemos utilizar 172 00:15:43,000 --> 00:15:47,000 y esa línea de alguna manera ha ido abriendo camino también a otra gente 173 00:15:47,000 --> 00:15:49,000 que está publicando diseños más interesantes 174 00:15:49,000 --> 00:15:51,000 y eso tenemos que potenciarlo, 175 00:15:51,000 --> 00:15:55,000 porque también es interesante que cuando un usuario perciba Moodle, 176 00:15:55,000 --> 00:15:57,000 lo perciba no solo desde el punto de vista de lo que ponemos dentro, 177 00:15:57,000 --> 00:16:00,000 sino de cómo lo ponemos dentro de alguna manera. 178 00:16:00,000 --> 00:16:03,000 Entonces vuelvo a esto de la Firebug, 179 00:16:03,000 --> 00:16:08,000 me interesa porque de esta manera también podemos tocar código, 180 00:16:08,000 --> 00:16:13,000 que es mi idea, que podáis tocar código sin plantearos un sistema por detrás 181 00:16:13,000 --> 00:16:15,000 de FTP, de subir archivos, de no sé qué, 182 00:16:16,000 --> 00:16:20,000 que sería, con todo cariño para todos los que tenemos aquí, un pequeño jaleo. 183 00:16:20,000 --> 00:16:23,000 Entonces como eso me parecía un poco inviable y al mismo tiempo 184 00:16:23,000 --> 00:16:27,000 quería dejaros una opción de juego, esta herramienta es muy útil 185 00:16:27,000 --> 00:16:29,000 y al mismo tiempo haremos cosas con esta herramienta 186 00:16:29,000 --> 00:16:34,000 que es la que haríamos en código natural, por así decirlo, para que lo entendáis. 187 00:16:34,000 --> 00:16:38,000 ¿Qué más cosas? Firebug es muy potente no solo por eso, 188 00:16:38,000 --> 00:16:42,000 me permite ver todo lo que carga esa página, también es interesante, 189 00:16:42,000 --> 00:16:44,000 y permite una serie de opciones que ya veremos, 190 00:16:44,000 --> 00:16:46,000 como es detectar un objeto, que también es muy útil 191 00:16:46,000 --> 00:16:49,000 cuando hablemos de iconos en Moodle. 192 00:16:49,000 --> 00:17:00,000 Si yo entro a un curso de Moodle, 193 00:17:00,000 --> 00:17:03,000 tengo una serie de iconos que luego veremos qué significa, 194 00:17:03,000 --> 00:17:06,000 entonces hay veces que me interesa cambiar un icono, 195 00:17:06,000 --> 00:17:10,000 el set de iconos de Moodle es muy grande, es gigantesco, 196 00:17:10,000 --> 00:17:14,000 no es gigantesco, es bastante grande, muy extenso, 197 00:17:14,000 --> 00:17:19,000 entonces localizar un icono a veces no es una tarea tan sencilla, 198 00:17:19,000 --> 00:17:21,000 porque tienes que recorrer todas las carpetas, de esta manera dices, 199 00:17:21,000 --> 00:17:26,000 no, este icono está en el S-Socrates, que es uno de los temas, 200 00:17:26,000 --> 00:17:29,000 que es este tema en concreto, este es un tema que se llama S-Socrates, 201 00:17:29,000 --> 00:17:33,000 un poco tuneado, pero está disponible en el sistema de temas de Moodle. 202 00:17:34,000 --> 00:17:38,000 Tiene una carpeta PIX, dentro hay una carpeta Y, 203 00:17:38,000 --> 00:17:40,000 dentro hay un users.gif. 204 00:17:40,000 --> 00:17:44,000 Si yo quiero modificar este icono para que sea de otra manera, 205 00:17:44,000 --> 00:17:49,000 sé dónde localizarlo y no me vuelvo loco recorriendo todos los iconos 206 00:17:49,000 --> 00:17:51,000 y abriéndolos para ver qué icono es o buscando de esta manera. 207 00:17:51,000 --> 00:17:54,000 También me sirve para este tipo de inventos. 208 00:17:54,000 --> 00:17:57,000 Y también, otra cosa que me parece muy interesante en este caso, 209 00:17:57,000 --> 00:18:01,000 me da medidas de maquetación, el Filebook, 210 00:18:01,000 --> 00:18:05,000 que nos va muy bien a la hora de, hay veces que en el diseño 211 00:18:05,000 --> 00:18:08,000 hay espacios que no sabemos por qué son, 212 00:18:08,000 --> 00:18:15,000 y este sistema nos permite evaluar cuánto ocupa un objeto, de alguna manera, 213 00:18:15,000 --> 00:18:20,000 y por qué, para terminar de ajustarlo. 214 00:18:20,000 --> 00:18:24,000 Imaginaos que yo tengo que hacer un diseño para que cubra esta parte, 215 00:18:24,000 --> 00:18:28,000 pues ahora esto sé que tengo que hacer un gráfico de 559, 216 00:18:28,000 --> 00:18:34,000 y para que de esta manera, si hago el gráfico de 159, me encaje en la pantalla. 217 00:18:34,000 --> 00:18:41,000 Vuelvo a la exposición. 218 00:18:41,000 --> 00:18:43,000 Otro concepto importante que se ha ido a trasladar, 219 00:18:43,000 --> 00:18:51,000 si alguien tiene una idea, alguien podrá llevarla a cabo. 220 00:18:51,000 --> 00:18:53,000 ¿Qué quiero decir con esto, lo que he dicho antes? 221 00:18:53,000 --> 00:18:56,000 Que no nos autolimitemos con lo que hemos visto en Moodle 222 00:18:56,000 --> 00:19:01,000 para pedirle a Moodle cosas nuevas, porque no es así. 223 00:19:01,000 --> 00:19:06,000 Moodle da mucho juego, y da mucho juego a nivel gráfico, si queremos. 224 00:19:06,000 --> 00:19:11,000 Si conocemos sus cosas buenas y conocemos sus limitaciones, 225 00:19:11,000 --> 00:19:14,000 hacemos Moodle Kung Fu, aprovechamos sus limitaciones 226 00:19:14,000 --> 00:19:20,000 para intentar dar algo que nos facilite el trabajo. 227 00:19:20,000 --> 00:19:22,000 Pero se pueden hacer cosas muy interesantes con Moodle 228 00:19:22,000 --> 00:19:25,000 y con diseños gráficos en Moodle, si queremos hacerlo. 229 00:19:25,000 --> 00:19:28,000 Este es un diseño convencional, de un niño de payesos. 230 00:19:28,000 --> 00:19:29,000 No tiene muchos misterios. 231 00:19:29,000 --> 00:19:32,000 Cabecera, modelos clásicos. No se ve muy bien, 232 00:19:32,000 --> 00:19:35,000 pero lo que trabajas es con fondos, de alguna manera, para recortar. 233 00:19:35,000 --> 00:19:38,000 Estos son diseños convencionales. 234 00:19:38,000 --> 00:19:42,000 En este caso, por ejemplo, algo que veremos luego. 235 00:19:42,000 --> 00:19:45,000 No pensemos solo en el envoltorio, 236 00:19:45,000 --> 00:19:47,000 sino que pensemos también en cosas que podemos hacer. 237 00:19:47,000 --> 00:19:50,000 Yo puedo generar un gráfico en la cabecera. 238 00:19:50,000 --> 00:19:54,000 Ese gráfico de la cabecera hace que en mi curso tenga un atractivo. 239 00:19:54,000 --> 00:19:56,000 Eso no es de diseño de Moodle. 240 00:19:56,000 --> 00:19:59,000 Eso es de diseño de cómo presento la información. 241 00:19:59,000 --> 00:20:01,000 O haría una portada en un libro. Igual. 242 00:20:01,000 --> 00:20:04,000 O cada uno de los temas dentro de un curso, como veremos, 243 00:20:04,000 --> 00:20:05,000 puedo tener una foto. 244 00:20:05,000 --> 00:20:06,000 O le puedo poner una animación. 245 00:20:06,000 --> 00:20:07,000 O le puedo poner un vídeo. 246 00:20:07,000 --> 00:20:10,000 Por eso digo, el diseño no es solo la carcasa. 247 00:20:10,000 --> 00:20:12,000 Entonces estamos diciendo, es que esa carcasa es fea. 248 00:20:12,000 --> 00:20:13,000 No. 249 00:20:13,000 --> 00:20:14,000 O la carcasa es como es. 250 00:20:14,000 --> 00:20:17,000 Pero en tu curso tampoco te has preocupado en hacerle un icono gráfico 251 00:20:17,000 --> 00:20:19,000 o en hacer un juego visual 252 00:20:19,000 --> 00:20:22,000 o en aprovechar las opciones que te da Moodle para hacerlo más bonito. 253 00:20:22,000 --> 00:20:23,000 Tampoco te has aprovechado. 254 00:20:23,000 --> 00:20:27,000 Con lo cual, no me vale la excusa de que el diseño principal es feo. 255 00:20:27,000 --> 00:20:28,000 No. 256 00:20:28,000 --> 00:20:29,000 Hay cosas por hacer dentro. 257 00:20:29,000 --> 00:20:34,000 Entonces, veamos qué parte depende de nosotros y parte no depende de nosotros. 258 00:20:34,000 --> 00:20:36,000 Este es un gráfico hecho a medida. 259 00:20:36,000 --> 00:20:37,000 Hecho a medida. 260 00:20:37,000 --> 00:20:38,000 En un tamaño terminado que encaja allí. 261 00:20:38,000 --> 00:20:40,000 Con lo cual hace que todo tenga coherencia. 262 00:20:40,000 --> 00:20:42,000 Otro gráfico añadido. 263 00:20:42,000 --> 00:20:43,000 Otro gráfico añadido lateral. 264 00:20:43,000 --> 00:20:47,000 Entonces hace que visualmente, pues al menos, tenga un poco más de gracia. 265 00:20:47,000 --> 00:20:49,000 Lo mismo. 266 00:20:49,000 --> 00:20:50,000 La estructura igual. 267 00:20:51,000 --> 00:20:53,000 Trabajar con un gráfico a medida. 268 00:20:53,000 --> 00:20:59,000 Trabajar con tamaños de letra interiores para hacer resaltas menos resaltas. 269 00:20:59,000 --> 00:21:00,000 Con cabeceras limpias. 270 00:21:00,000 --> 00:21:02,000 Esto es derivado de AdBard. 271 00:21:02,000 --> 00:21:03,000 Luego lo explicaré. 272 00:21:03,000 --> 00:21:04,000 El modelo de AdBard. 273 00:21:04,000 --> 00:21:06,000 Diseño este es de base de AdBard. 274 00:21:06,000 --> 00:21:08,000 Trabajar encima con este diseño. 275 00:21:08,000 --> 00:21:10,000 Incluso estos son convencionales. 276 00:21:10,000 --> 00:21:11,000 Siempre intentar trabajar. 277 00:21:11,000 --> 00:21:14,000 Algo en diseño que funciona también muy bien es el tema de la distribución. 278 00:21:14,000 --> 00:21:17,000 Cómo distribuimos los objetos. 279 00:21:17,000 --> 00:21:18,000 El espacio. 280 00:21:18,000 --> 00:21:19,000 El aire. 281 00:21:19,000 --> 00:21:20,000 Trabajar con aire. 282 00:21:20,000 --> 00:21:25,000 Muchas veces solamente añadiendo aire entre objetos ganamos referencias visuales. 283 00:21:25,000 --> 00:21:26,000 Tamaño de letra. 284 00:21:26,000 --> 00:21:30,000 Todos son temas que no son de diseño de colores sino de usabilidad. 285 00:21:30,000 --> 00:21:32,000 De cómo mostramos la información. 286 00:21:32,000 --> 00:21:33,000 De qué priorizamos. 287 00:21:33,000 --> 00:21:36,000 Gama de colores, por ejemplo. 288 00:21:36,000 --> 00:21:40,000 Funciona muy bien trabajar con un punto menos de negro o con un gris un poco más suave. 289 00:21:40,000 --> 00:21:43,000 Porque hace que el texto no sea tan fuerte o tan agresivo. 290 00:21:43,000 --> 00:21:46,000 Y te ayuda a hacer segundos niveles. 291 00:21:46,000 --> 00:21:48,000 Trabajar con gamas de colores. 292 00:21:48,000 --> 00:21:49,000 Que van más allá. 293 00:21:49,000 --> 00:21:53,000 ¿Qué vamos a hacer? 294 00:21:53,000 --> 00:21:55,000 Esto es más arriesgado. 295 00:21:55,000 --> 00:21:57,000 En este caso se podía hacer por un motivo. 296 00:21:57,000 --> 00:21:58,000 El cliente. 297 00:21:58,000 --> 00:22:02,000 En este caso jugábamos con la ventaja. 298 00:22:02,000 --> 00:22:06,000 Sabíamos que los usuarios finales eran usuarios no profesores. 299 00:22:06,000 --> 00:22:09,000 Con lo cual lo que queríamos es que su experiencia visual fuese diferente. 300 00:22:09,000 --> 00:22:13,000 Con lo cual quisimos cargarnos la columna derecha. 301 00:22:13,000 --> 00:22:14,000 Esta no la cargamos. 302 00:22:14,000 --> 00:22:16,000 Por CSS. 303 00:22:16,000 --> 00:22:18,000 No tocando el corazón. 304 00:22:18,000 --> 00:22:22,000 Hicimos un ocultar del bloque derecho. 305 00:22:22,000 --> 00:22:23,000 ¿Cuál es el problema? 306 00:22:23,000 --> 00:22:24,000 Cuando tienen que editar. 307 00:22:24,000 --> 00:22:28,000 Como el Moodle tiene la opción de bloques por defecto en el lateral. 308 00:22:28,000 --> 00:22:30,000 Y no queríamos tocar core para moverlo. 309 00:22:30,000 --> 00:22:33,000 Cuando el editor quiere tocar en esto tiene que ir al tema. 310 00:22:33,000 --> 00:22:35,000 Seleccionar otro tema gráfico. 311 00:22:35,000 --> 00:22:37,000 Que sí que incorpora la columna derecha. 312 00:22:37,000 --> 00:22:39,000 Añadirlo y volver a activar este tema. 313 00:22:39,000 --> 00:22:40,000 Pero bueno, es un mal menor. 314 00:22:40,000 --> 00:22:43,000 Porque el objetivo final es que visualmente sea diferente. 315 00:22:43,000 --> 00:22:45,000 ¿Qué más juegos hicimos aquí? 316 00:22:46,000 --> 00:22:49,000 Estos son transparencias. 317 00:22:49,000 --> 00:22:50,000 Lo veréis luego. 318 00:22:50,000 --> 00:22:52,000 Pero Sprout.js es malo. 319 00:22:52,000 --> 00:22:53,000 Es malo. 320 00:22:53,000 --> 00:22:54,000 Ya está. 321 00:22:54,000 --> 00:22:55,000 Quitadlo de la cabeza. 322 00:22:55,000 --> 00:22:56,000 Sprout.js hay que eliminarlo de los ordenadores. 323 00:22:56,000 --> 00:22:59,000 Cuanto antes lo eliminemos el mundo será mejor. 324 00:22:59,000 --> 00:23:02,000 Y para los diseñadores y programadores es doblemente malo. 325 00:23:02,000 --> 00:23:04,000 Es un 30% malo. 326 00:23:04,000 --> 00:23:07,000 Cualquier desarrollo que tengas que adaptarlo a Sprout.js. 327 00:23:07,000 --> 00:23:11,000 Más o menos está calculado que es un 30% más de coste y de tiempo. 328 00:23:11,000 --> 00:23:13,000 ¿Por qué es así? 329 00:23:13,000 --> 00:23:14,000 Es malo. 330 00:23:14,000 --> 00:23:16,000 Es una tecnología de hace un montón de años. 331 00:23:16,000 --> 00:23:19,000 No entiendo cómo está ni siquiera instalada todavía. 332 00:23:19,000 --> 00:23:20,000 Es emocionante. 333 00:23:20,000 --> 00:23:21,000 Entonces. 334 00:23:21,000 --> 00:23:23,000 ¿Qué es esto? 335 00:23:23,000 --> 00:23:25,000 Esto es para que lo entendáis. 336 00:23:25,000 --> 00:23:27,000 Es un fondo que se llama compatrón. 337 00:23:27,000 --> 00:23:28,000 Fondo compatrón. 338 00:23:28,000 --> 00:23:29,000 Lo repites y se repite. 339 00:23:29,000 --> 00:23:31,000 De esto tenéis en internet un montón de patrones. 340 00:23:31,000 --> 00:23:34,000 Que tú lo colocas al fondo de la página de una otra manera. 341 00:23:34,000 --> 00:23:36,000 Y se va repitiendo. 342 00:23:36,000 --> 00:23:37,000 Entonces te hace lo típico Cenefa. 343 00:23:37,000 --> 00:23:41,000 Te hace un borde de no sé qué. 344 00:23:41,000 --> 00:23:43,000 La espiral del blog de notas. 345 00:23:43,000 --> 00:23:48,000 Cosas de estas que al repetir el patrón hace un efecto de mosaico. 346 00:23:48,000 --> 00:23:49,000 Un patrón. 347 00:23:49,000 --> 00:23:50,000 Encima una capa. 348 00:23:50,000 --> 00:23:53,000 Un objeto transparente con una pequeña sombra. 349 00:23:53,000 --> 00:23:56,000 Eso en los programas gráficos te permite incorporar sombras. 350 00:23:56,000 --> 00:23:59,000 Y como una especie de grado de color. 351 00:23:59,000 --> 00:24:03,000 Entonces eso al colocarlo encima de otro te hace efectos de luces. 352 00:24:03,000 --> 00:24:05,000 Vamos a hacer lo que hice el otro día. 353 00:24:05,000 --> 00:24:07,000 Porque voy saltando de cosas. 354 00:24:07,000 --> 00:24:09,000 Y voy haciendo. 355 00:24:09,000 --> 00:24:11,000 Voy al Photoshop. 356 00:24:12,000 --> 00:24:18,000 Para que veáis un poco en realidad como lo que os quiero decir. 357 00:24:18,000 --> 00:24:19,000 Sí, sí. 358 00:24:19,000 --> 00:24:20,000 Muy bien. 359 00:24:20,000 --> 00:24:21,000 Vale, vale. 360 00:24:21,000 --> 00:24:22,000 Que te entiendo. 361 00:24:22,000 --> 00:24:23,000 Este es otro diseño. 362 00:24:23,000 --> 00:24:25,000 Pero que tengáis una idea de lo que os decía. 363 00:24:25,000 --> 00:24:27,000 Yo esto tengo un objeto que es transparente. 364 00:24:27,000 --> 00:24:29,000 Luego lo recorto y lo coloco de tal manera. 365 00:24:29,000 --> 00:24:31,000 Lo mismo con el fondo. 366 00:24:31,000 --> 00:24:35,000 Es un objeto transparente con un degradado de color de fondo. 367 00:24:35,000 --> 00:24:37,000 Que tiene una pequeña sombrita aquí. 368 00:24:37,000 --> 00:24:39,000 Y esto lo exporto. 369 00:24:39,000 --> 00:24:41,000 Que se llama en PNG transparente. 370 00:24:41,000 --> 00:24:43,000 Es un punto PNG transparente. 371 00:24:43,000 --> 00:24:45,000 Que es una forma de exportarlo vía gráfica. 372 00:24:45,000 --> 00:24:47,000 Y eso me mantiene a transparencia. 373 00:24:47,000 --> 00:24:48,000 ¿Qué me permite hacer? 374 00:24:48,000 --> 00:24:51,000 Me permitiría hacer juegos visuales incluso más arriesgados. 375 00:24:51,000 --> 00:24:54,000 Como, no sé si se nota, que veo el fondo. 376 00:24:54,000 --> 00:24:56,000 Esto puedo hacerlo. 377 00:24:56,000 --> 00:24:57,000 O incluso más arriesgado todavía. 378 00:24:57,000 --> 00:25:01,000 Podría hacer un diseño que se amaría totalmente en el aire. 379 00:25:01,000 --> 00:25:04,000 No me lo impide nadie. 380 00:25:04,000 --> 00:25:06,000 Nada me impide hacer esto. 381 00:25:06,000 --> 00:25:07,000 Que queramos arriesgar. 382 00:25:07,000 --> 00:25:08,000 Que queramos hacerlo. 383 00:25:08,000 --> 00:25:12,000 Y que luego busquemos la técnica para cómo hacerlo. 384 00:25:12,000 --> 00:25:15,000 Pero nada me impide tener un menú flotante en el aire en Moodle. 385 00:25:15,000 --> 00:25:17,000 Con objetos, no sé qué. 386 00:25:17,000 --> 00:25:18,000 Nada. 387 00:25:18,000 --> 00:25:19,000 Flotante nada. 388 00:25:19,000 --> 00:25:20,000 En este caso, os lo digo. 389 00:25:20,000 --> 00:25:22,000 Es lo que se llama un PNG transparente. 390 00:25:22,000 --> 00:25:23,000 Que funciona muy bien. 391 00:25:23,000 --> 00:25:24,000 Si nos olvidamos de Explorer 6. 392 00:25:24,000 --> 00:25:26,000 Si lo dejamos en Explorer 6, olvidaros. 393 00:25:26,000 --> 00:25:28,000 Porque entonces el PNG transparente te añada un fondo. 394 00:25:28,000 --> 00:25:30,000 Y te ve como un churro. 395 00:25:30,000 --> 00:25:32,000 Hay trucos también para hacerlo. 396 00:25:32,000 --> 00:25:34,000 Pero nada, eliminémoslo. 397 00:25:34,000 --> 00:25:35,000 Fuera. 398 00:25:36,000 --> 00:25:40,000 De hecho, por ejemplo, ya sabéis que Google ya trabaja con un Explorer 6. 399 00:25:40,000 --> 00:25:42,000 Y las empresas nos dedicamos a esto. 400 00:25:42,000 --> 00:25:44,000 Ponemos cláusulas para decir. 401 00:25:44,000 --> 00:25:46,000 Explorer 6 es un 30% más caro. 402 00:25:46,000 --> 00:25:47,000 Usted lo quiere en Explorer 6. 403 00:25:47,000 --> 00:25:48,000 Yo no tengo ningún problema. 404 00:25:48,000 --> 00:25:49,000 Me va a costar 30% más caro. 405 00:25:49,000 --> 00:25:51,000 Porque me va a llevar 30% más. 406 00:25:51,000 --> 00:25:54,000 Y además no puede hacer todo lo que quiero hacer. 407 00:25:54,000 --> 00:25:55,000 En fin. 408 00:25:55,000 --> 00:25:57,000 Esto es una... 409 00:25:57,000 --> 00:25:58,000 Lo mismo. 410 00:25:58,000 --> 00:25:59,000 Esto es la cabecera. 411 00:25:59,000 --> 00:26:00,000 Es un fondo. 412 00:26:00,000 --> 00:26:03,000 Esta parte de aquí es una caja. 413 00:26:04,000 --> 00:26:06,000 Ahora no me acuerdo si es completa o no. 414 00:26:06,000 --> 00:26:07,000 Bueno, ahora no me acuerdo. 415 00:26:07,000 --> 00:26:09,000 Ahora no me acuerdo si es completa. 416 00:26:09,000 --> 00:26:12,000 O lo que hemos hecho es un gráfico de fondo que es como una especie de alargado. 417 00:26:12,000 --> 00:26:14,000 Como si fuese esto muy, muy hacia arriba. 418 00:26:14,000 --> 00:26:16,000 Y como lo posicionamos abajo. 419 00:26:16,000 --> 00:26:17,000 Queda este efecto. 420 00:26:17,000 --> 00:26:19,000 Esto hace un modelo de caja. 421 00:26:21,000 --> 00:26:24,000 Esto es un truco visual de Moodle. 422 00:26:24,000 --> 00:26:25,000 Les voy a explicar el porqué. 423 00:26:25,000 --> 00:26:27,000 Porque Moodle, la parte central. 424 00:26:27,000 --> 00:26:29,000 Tiene un tema de tablas que es particular. 425 00:26:29,000 --> 00:26:32,000 Entonces, para intentar que ese tema de tablas, que es tan particular. 426 00:26:32,000 --> 00:26:34,000 Aprovecharlo a nivel de diseño. 427 00:26:34,000 --> 00:26:35,000 Esto de aquí. 428 00:26:35,000 --> 00:26:37,000 Por así decirlo. 429 00:26:37,000 --> 00:26:39,000 Es un truco visual. 430 00:26:39,000 --> 00:26:41,000 Este gráfico lo colocamos encima. 431 00:26:41,000 --> 00:26:42,000 En el contenido. 432 00:26:42,000 --> 00:26:44,000 Y de aquí a aquí. 433 00:26:44,000 --> 00:26:45,000 Es un fondo. 434 00:26:45,000 --> 00:26:47,000 De la parte principal. 435 00:26:47,000 --> 00:26:49,000 Con lo cual, al hacer el fondo. 436 00:26:49,000 --> 00:26:51,000 Y encima lo coloco el gráfico. 437 00:26:51,000 --> 00:26:53,000 Queda esto así integrado. 438 00:26:53,000 --> 00:26:54,000 ¿Por qué? 439 00:26:54,000 --> 00:26:55,000 Porque luego me interesa. 440 00:26:55,000 --> 00:26:57,000 Por un tema de cómo se estructura después. 441 00:26:59,000 --> 00:27:01,000 El Moodle tiene un sistema de tablas. 442 00:27:01,000 --> 00:27:02,000 Y si yo lo defino. 443 00:27:02,000 --> 00:27:03,000 Luego lo veis. 444 00:27:03,000 --> 00:27:04,000 En la cabecera. 445 00:27:04,000 --> 00:27:05,000 Que tenga un fondo. 446 00:27:05,000 --> 00:27:06,000 Lo tengo que definir para todos. 447 00:27:06,000 --> 00:27:08,000 Lo cual me ha condicionado un montón. 448 00:27:08,000 --> 00:27:09,000 Esta parte de aquí. 449 00:27:09,000 --> 00:27:10,000 Al hacer este efecto. 450 00:27:10,000 --> 00:27:14,000 Es bastante complicado para estructurar Moodle. 451 00:27:14,000 --> 00:27:15,000 Esto es más sencillo. 452 00:27:15,000 --> 00:27:16,000 Una cabecera. 453 00:27:16,000 --> 00:27:17,000 De color. 454 00:27:17,000 --> 00:27:18,000 Y tienes un separador en Moodle. 455 00:27:18,000 --> 00:27:20,000 Lo utilizas para poner el de arriba. 456 00:27:20,000 --> 00:27:21,000 Y en este caso. 457 00:27:21,000 --> 00:27:23,000 Lo que es una imagen. 458 00:27:23,000 --> 00:27:24,000 Y un texto al lado. 459 00:27:24,000 --> 00:27:26,000 Esto lo podemos construir con una tabla. 460 00:27:27,000 --> 00:27:28,000 Una tabla. 461 00:27:28,000 --> 00:27:29,000 Puede ser una tabla. 462 00:27:29,000 --> 00:27:30,000 Una tabla. 463 00:27:30,000 --> 00:27:31,000 Dos columnas. 464 00:27:31,000 --> 00:27:32,000 Tantos píxeles. 465 00:27:32,000 --> 00:27:33,000 Tanto no sé qué. 466 00:27:33,000 --> 00:27:34,000 Una imagen aquí. 467 00:27:34,000 --> 00:27:35,000 El texto. 468 00:27:35,000 --> 00:27:37,000 No tiene más dificultad. 469 00:27:37,000 --> 00:27:38,000 De alguna manera. 470 00:27:38,000 --> 00:27:39,000 Para implementarlo. 471 00:27:39,000 --> 00:27:40,000 Y en este caso. 472 00:27:40,000 --> 00:27:42,000 Lo que hicimos es un doble juego visual. 473 00:27:43,000 --> 00:27:44,000 Para así decirlo. 474 00:27:44,000 --> 00:27:45,000 Este objeto. 475 00:27:45,000 --> 00:27:46,000 Lo flotamos. 476 00:27:46,000 --> 00:27:47,000 Se llamaría flotar. 477 00:27:47,000 --> 00:27:48,000 Este lo flotamos. 478 00:27:48,000 --> 00:27:50,000 En el modelo de caja de desarrollo. 479 00:27:50,000 --> 00:27:51,000 Lo flotas. 480 00:27:51,000 --> 00:27:52,000 Haces un float left. 481 00:27:52,000 --> 00:27:53,000 Que se llama. 482 00:27:53,000 --> 00:27:54,000 Entonces queda flotante. 483 00:27:54,000 --> 00:27:55,000 Y al tener un tamaño. 484 00:27:55,000 --> 00:27:56,000 Este que es flotante. 485 00:27:56,000 --> 00:27:57,000 Tiene un tamaño más limitado. 486 00:27:57,000 --> 00:27:58,000 Se coloca al lado. 487 00:27:58,000 --> 00:27:59,000 Es algo que. 488 00:27:59,000 --> 00:28:00,000 En desarrollo. 489 00:28:00,000 --> 00:28:01,000 Quien se dedique. 490 00:28:01,000 --> 00:28:02,000 Sabe cómo hacerlo. 491 00:28:02,000 --> 00:28:03,000 Entonces. 492 00:28:03,000 --> 00:28:04,000 En vez de colocarlo. 493 00:28:04,000 --> 00:28:05,000 Uno debajo de otro. 494 00:28:05,000 --> 00:28:06,000 Que es lo que habitualmente se colocan. 495 00:28:06,000 --> 00:28:07,000 Lo colocamos al lado. 496 00:28:07,000 --> 00:28:08,000 Entonces queda. 497 00:28:08,000 --> 00:28:09,000 Como si estuviese en doble columna. 498 00:28:09,000 --> 00:28:10,000 Sin tener que tocar. 499 00:28:10,000 --> 00:28:11,000 El corazón de Moodle. 500 00:28:11,000 --> 00:28:12,000 Y por último. 501 00:28:12,000 --> 00:28:13,000 Lo que hicimos. 502 00:28:13,000 --> 00:28:14,000 Es un cambio de iconos. 503 00:28:14,000 --> 00:28:15,000 Se decidió. 504 00:28:15,000 --> 00:28:16,000 Que los iconos principales. 505 00:28:16,000 --> 00:28:17,000 Fuesen más grandes. 506 00:28:17,000 --> 00:28:18,000 Trabajaron con siete. 507 00:28:18,000 --> 00:28:19,000 Pues los siete. 508 00:28:19,000 --> 00:28:20,000 Los hacemos grandes. 509 00:28:20,000 --> 00:28:21,000 Más da. 510 00:28:21,000 --> 00:28:22,000 Porque. 511 00:28:22,000 --> 00:28:23,000 En este caso. 512 00:28:23,000 --> 00:28:24,000 Estamos condicionados. 513 00:28:24,000 --> 00:28:25,000 A que podíamos hacerlo. 514 00:28:25,000 --> 00:28:26,000 En otro caso. 515 00:28:26,000 --> 00:28:27,000 Si tuviese. 516 00:28:27,000 --> 00:28:28,000 Una idea. 517 00:28:28,000 --> 00:28:29,000 Casuística. 518 00:28:29,000 --> 00:28:30,000 Y tengo que cambiar. 519 00:28:30,000 --> 00:28:31,000 Todo el set de iconos de Moodle. 520 00:28:31,000 --> 00:28:32,000 Para hacerlo grande. 521 00:28:32,000 --> 00:28:33,000 Digamos. 522 00:28:33,000 --> 00:28:34,000 Que me lo tomaría. 523 00:28:34,000 --> 00:28:35,000 No me lo tomaría. 524 00:28:35,000 --> 00:28:36,000 Tan tranquilamente. 525 00:28:36,000 --> 00:28:37,000 Pero en este caso. 526 00:28:37,000 --> 00:28:38,000 Iba condicionado. 527 00:28:38,000 --> 00:28:39,000 Que iban a utilizar. 528 00:28:39,000 --> 00:28:40,000 Pues el cuestionario. 529 00:28:40,000 --> 00:28:41,000 El score certificado. 530 00:28:41,000 --> 00:28:42,000 Y cuatro cosas más. 531 00:28:42,000 --> 00:28:43,000 Con lo cual. 532 00:28:43,000 --> 00:28:44,000 Trabajamos. 533 00:28:44,000 --> 00:28:45,000 Gráficamente. 534 00:28:45,000 --> 00:28:46,000 Para construir ocho iconos grandes. 535 00:28:46,000 --> 00:28:47,000 Con lo cual. 536 00:28:47,000 --> 00:28:48,000 Al dibujarlos. 537 00:28:48,000 --> 00:28:49,000 Me lo dibuja grande. 538 00:28:49,000 --> 00:28:50,000 De alguna manera. 539 00:28:50,000 --> 00:28:51,000 Entonces visualmente. 540 00:28:51,000 --> 00:28:52,000 Es impactante. 541 00:28:52,000 --> 00:28:53,000 Y no. 542 00:28:53,000 --> 00:28:54,000 Y es lo mismo. 543 00:28:54,000 --> 00:28:55,000 No he tocado nada. 544 00:28:55,000 --> 00:28:56,000 Del corazón de Moodle. 545 00:28:56,000 --> 00:28:57,000 Si tú me das esto. 546 00:28:57,000 --> 00:28:58,000 Pues entonces. 547 00:28:58,000 --> 00:28:59,000 Como me das esto. 548 00:28:59,000 --> 00:29:00,000 Lo aprovecho. 549 00:29:00,000 --> 00:29:01,000 Para mostrar. 550 00:29:01,000 --> 00:29:02,000 Lo que yo quiero mostrar. 551 00:29:02,000 --> 00:29:03,000 Y si no. 552 00:29:03,000 --> 00:29:04,000 Pues tienes que tocar a Moodle. 553 00:29:04,000 --> 00:29:05,000 Y en este caso. 554 00:29:05,000 --> 00:29:06,000 En estos diseños. 555 00:29:06,000 --> 00:29:07,000 Lo que tenían es. 556 00:29:07,000 --> 00:29:08,000 En la parte de abajo. 557 00:29:08,000 --> 00:29:09,000 Si os fijáis. 558 00:29:09,000 --> 00:29:10,000 Tienen un. 559 00:29:10,000 --> 00:29:11,000 Un cierre. 560 00:29:11,000 --> 00:29:12,000 Pues es lo mismo. 561 00:29:12,000 --> 00:29:13,000 El footer. 562 00:29:13,000 --> 00:29:14,000 Es un objeto. 563 00:29:14,000 --> 00:29:15,000 Que le colocas un fondo. 564 00:29:15,000 --> 00:29:16,000 Y lo cierras. 565 00:29:16,000 --> 00:29:17,000 Y luego haces. 566 00:29:17,000 --> 00:29:18,000 Que ajustas. 567 00:29:18,000 --> 00:29:19,000 Todos los objetos. 568 00:29:19,000 --> 00:29:20,000 Para que. 569 00:29:20,000 --> 00:29:21,000 Aquí hay una caja. 570 00:29:21,000 --> 00:29:22,000 Que meto aquí. 571 00:29:22,000 --> 00:29:23,000 Esto. 572 00:29:23,000 --> 00:29:24,000 Aquí otra caja. 573 00:29:24,000 --> 00:29:25,000 Y aquí otra caja. 574 00:29:25,000 --> 00:29:26,000 Y subiendo. 575 00:29:26,000 --> 00:29:27,000 Tres cajitas. 576 00:29:27,000 --> 00:29:28,000 Entonces lo haces. 577 00:29:28,000 --> 00:29:29,000 Que. 578 00:29:29,000 --> 00:29:30,000 Que cuadren. 579 00:29:30,000 --> 00:29:31,000 En diseño. 580 00:29:31,000 --> 00:29:32,000 Esto. 581 00:29:32,000 --> 00:29:33,000 Si conocemos. 582 00:29:33,000 --> 00:29:34,000 Como funciona. 583 00:29:34,000 --> 00:29:35,000 Internamente. 584 00:29:35,000 --> 00:29:36,000 O que limitaciones tiene Moodle. 585 00:29:36,000 --> 00:29:37,000 Tú lo ideas. 586 00:29:37,000 --> 00:29:38,000 Yo me dedico a. 587 00:29:38,000 --> 00:29:39,000 A decirlo. 588 00:29:39,000 --> 00:29:40,000 De manera llana. 589 00:29:40,000 --> 00:29:41,000 Yo me dedico. 590 00:29:41,000 --> 00:29:42,000 A putear. 591 00:29:42,000 --> 00:29:43,000 A mi gente. 592 00:29:43,000 --> 00:29:44,000 Yo hago esto. 593 00:29:44,000 --> 00:29:45,000 Y a. 594 00:29:45,000 --> 00:29:46,000 Oye. 595 00:29:46,000 --> 00:29:47,000 Y además lo quiero visual. 596 00:29:47,000 --> 00:29:48,000 Ponlo. 597 00:29:48,000 --> 00:29:49,000 A los Moodle. 598 00:29:49,000 --> 00:29:50,000 Entonces. 599 00:29:50,000 --> 00:29:51,000 Agarran. 600 00:29:51,000 --> 00:29:52,000 A decir. 601 00:29:52,000 --> 00:29:53,000 Vale. 602 00:29:53,000 --> 00:29:54,000 Pues. 603 00:29:54,000 --> 00:29:55,000 No me limito. 604 00:29:55,000 --> 00:29:56,000 Y además. 605 00:29:56,000 --> 00:29:57,000 Al revés. 606 00:29:57,000 --> 00:29:58,000 Intento dar una vuelta de tuerca. 607 00:29:58,000 --> 00:29:59,000 Siempre a los desarrollos. 608 00:29:59,000 --> 00:30:00,000 Vale. 609 00:30:00,000 --> 00:30:01,000 Ahora vamos a dar una vuelta. 610 00:30:01,000 --> 00:30:02,000 Este caso concreto. 611 00:30:02,000 --> 00:30:03,000 Es. 612 00:30:03,000 --> 00:30:04,000 Cojo. 613 00:30:04,000 --> 00:30:05,000 La primera. 614 00:30:05,000 --> 00:30:06,000 El primer tema. 615 00:30:06,000 --> 00:30:07,000 De. 616 00:30:07,000 --> 00:30:08,000 De Moodle. 617 00:30:08,000 --> 00:30:09,000 Que nos da. 618 00:30:09,000 --> 00:30:10,000 Y ese primer tema de Moodle. 619 00:30:10,000 --> 00:30:11,000 Que no es el tema. 620 00:30:11,000 --> 00:30:12,000 Es la descripción. 621 00:30:12,000 --> 00:30:13,000 Por así decirlo. 622 00:30:13,000 --> 00:30:14,000 La utilizo. 623 00:30:14,000 --> 00:30:15,000 Meto una tabla. 624 00:30:15,000 --> 00:30:16,000 Con PDFs. 625 00:30:16,000 --> 00:30:17,000 Con un icono. 626 00:30:17,000 --> 00:30:18,000 Grande. 627 00:30:18,000 --> 00:30:19,000 Que creo. 628 00:30:19,000 --> 00:30:20,000 Lo subo. 629 00:30:20,000 --> 00:30:21,000 Subo un icono. 630 00:30:21,000 --> 00:30:22,000 Lo subo. 631 00:30:22,000 --> 00:30:23,000 Lo subo. 632 00:30:23,000 --> 00:30:24,000 Lo subo. 633 00:30:24,000 --> 00:30:25,000 Subo un icono. 634 00:30:25,000 --> 00:30:26,000 Un gráfico. 635 00:30:26,000 --> 00:30:27,000 Lo vinculo. 636 00:30:27,000 --> 00:30:28,000 Y pongo. 637 00:30:28,000 --> 00:30:29,000 Y construyo una tabla. 638 00:30:29,000 --> 00:30:30,000 Donde hay. 639 00:30:30,000 --> 00:30:31,000 Un icono. 640 00:30:31,000 --> 00:30:32,000 Y un enlace. 641 00:30:32,000 --> 00:30:33,000 No subo un PDF. 642 00:30:33,000 --> 00:30:34,000 Lo subo como recurso. 643 00:30:34,000 --> 00:30:35,000 Porque. 644 00:30:35,000 --> 00:30:36,000 En este caso. 645 00:30:36,000 --> 00:30:37,000 No me aporta nada. 646 00:30:37,000 --> 00:30:38,000 O sea. 647 00:30:38,000 --> 00:30:39,000 Si subo como recurso. 648 00:30:39,000 --> 00:30:40,000 Lo único que me da. 649 00:30:40,000 --> 00:30:41,000 Es una trazabilidad. 650 00:30:41,000 --> 00:30:42,000 Vale. 651 00:30:42,000 --> 00:30:43,000 Pero. 652 00:30:43,000 --> 00:30:44,000 No. 653 00:30:44,000 --> 00:30:45,000 No me importa. 654 00:30:45,000 --> 00:30:46,000 En este caso. 655 00:30:46,000 --> 00:30:47,000 Lo que me interesa. 656 00:30:47,000 --> 00:30:48,000 Es visualmente. 657 00:30:48,000 --> 00:30:49,000 Que vean. 658 00:30:49,000 --> 00:30:50,000 Un conjunto de iconos. 659 00:30:50,000 --> 00:30:51,000 Potentes. 660 00:30:51,000 --> 00:30:52,000 Pues. 661 00:30:52,000 --> 00:30:53,000 Lo único que se puede hacer. 662 00:30:53,000 --> 00:30:54,000 Es una tabla. 663 00:30:54,000 --> 00:30:55,000 Normal. 664 00:30:55,000 --> 00:30:56,000 De HTML. 665 00:30:56,000 --> 00:30:57,000 Que. 666 00:30:57,000 --> 00:30:58,000 Tiene un conocimiento básico de HTML. 667 00:30:58,000 --> 00:30:59,000 Esto se puede montar. 668 00:30:59,000 --> 00:31:00,000 El misterio. 669 00:31:00,000 --> 00:31:01,000 Esta parte no lo sé. 670 00:31:01,000 --> 00:31:02,000 Fijáis aquí. 671 00:31:02,000 --> 00:31:03,000 Lo que os expliqué antes. 672 00:31:03,000 --> 00:31:04,000 El truco. 673 00:31:04,000 --> 00:31:05,000 Veis aquí. 674 00:31:05,000 --> 00:31:06,000 Esto. 675 00:31:06,000 --> 00:31:07,000 Tiene un diseño raro. 676 00:31:07,000 --> 00:31:08,000 Entonces. 677 00:31:08,000 --> 00:31:09,000 Tiene un diseño raro. 678 00:31:09,000 --> 00:31:10,000 A propósito. 679 00:31:10,000 --> 00:31:11,000 Moodle tiene una tabla. 680 00:31:11,000 --> 00:31:12,000 Comienza. 681 00:31:12,000 --> 00:31:13,000 Termina. 682 00:31:13,000 --> 00:31:14,000 Por así decirlo. 683 00:31:14,000 --> 00:31:15,000 Aquí. 684 00:31:15,000 --> 00:31:16,000 Con lo cual. 685 00:31:16,000 --> 00:31:17,000 Tiene un cierre. 686 00:31:17,000 --> 00:31:18,000 Que es este. 687 00:31:18,000 --> 00:31:19,000 Es el mismo. 688 00:31:19,000 --> 00:31:20,000 Por así decirlo. 689 00:31:20,000 --> 00:31:21,000 Que este. 690 00:31:21,000 --> 00:31:22,000 Como explicarlo. 691 00:31:22,000 --> 00:31:25,000 Este comienzo de tabla. 692 00:31:25,000 --> 00:31:26,000 Lo tengo. 693 00:31:26,000 --> 00:31:29,000 Si yo no le hiciese este efecto visual. 694 00:31:29,000 --> 00:31:30,000 Se vería como. 695 00:31:30,000 --> 00:31:31,000 Blanco. 696 00:31:31,000 --> 00:31:32,000 Como cerrado. 697 00:31:32,000 --> 00:31:33,000 Lo que he hecho es. 698 00:31:33,000 --> 00:31:34,000 Esto me lo añade. 699 00:31:34,000 --> 00:31:35,000 Porque me lo añade aquí. 700 00:31:35,000 --> 00:31:36,000 Me lo añade aquí. 701 00:31:36,000 --> 00:31:37,000 Me lo añade aquí. 702 00:31:37,000 --> 00:31:38,000 Y me lo añade aquí. 703 00:31:38,000 --> 00:31:39,000 Entonces hago que la foto. 704 00:31:39,000 --> 00:31:40,000 De alguna manera. 705 00:31:40,000 --> 00:31:41,000 Incorpore. 706 00:31:41,000 --> 00:31:42,000 Gráficamente. 707 00:31:42,000 --> 00:31:43,000 Este tocito. 708 00:31:43,000 --> 00:31:44,000 Para que. 709 00:31:44,000 --> 00:31:45,000 Al unirlo con el fondo. 710 00:31:45,000 --> 00:31:46,000 Visualmente. 711 00:31:46,000 --> 00:31:47,000 Sea un encaje. 712 00:31:47,000 --> 00:31:48,000 Adecuado. 713 00:31:48,000 --> 00:31:49,000 Porque no hay. 714 00:31:49,000 --> 00:31:50,000 Sin tocar el corazón. 715 00:31:50,000 --> 00:31:51,000 No hay manera de hacerlo. 716 00:31:51,000 --> 00:31:52,000 Pero. 717 00:31:52,000 --> 00:31:53,000 Si que hay una manera de hacerlo. 718 00:31:53,000 --> 00:31:54,000 Sabiendo. 719 00:31:54,000 --> 00:31:55,000 Que nos da. 720 00:31:55,000 --> 00:31:56,000 Y como podemos trabajar. 721 00:31:56,000 --> 00:31:57,000 Por encima. 722 00:31:57,000 --> 00:31:58,000 Luego. 723 00:31:58,000 --> 00:31:59,000 A ver si activo este tema. 724 00:31:59,000 --> 00:32:00,000 Y lo vemos. 725 00:32:00,000 --> 00:32:01,000 Para que veáis como está montado. 726 00:32:01,000 --> 00:32:02,000 A ver si puedo activarlo. 727 00:32:02,000 --> 00:32:03,000 Estos son temas más. 728 00:32:03,000 --> 00:32:04,000 Más complejos de montar. 729 00:32:04,000 --> 00:32:05,000 Pero. 730 00:32:05,000 --> 00:32:06,000 Lo decía. 731 00:32:06,000 --> 00:32:07,000 Es que no. 732 00:32:07,000 --> 00:32:08,000 No lo limitemos. 733 00:32:08,000 --> 00:32:09,000 ¿Vale? 734 00:32:09,000 --> 00:32:10,000 Lo mismo. 735 00:32:10,000 --> 00:32:11,000 Este es un tema de. 736 00:32:11,000 --> 00:32:12,000 De Olympus. 737 00:32:12,000 --> 00:32:13,000 Que trabaja. 738 00:32:13,000 --> 00:32:14,000 Pues. 739 00:32:14,000 --> 00:32:15,000 Cabecera. 740 00:32:15,000 --> 00:32:16,000 Fondo. 741 00:32:16,000 --> 00:32:17,000 Es un fondo. 742 00:32:17,000 --> 00:32:18,000 Fondo que sea chulo. 743 00:32:18,000 --> 00:32:19,000 Un fondo de madera. 744 00:32:19,000 --> 00:32:20,000 ¿Vale? 745 00:32:20,000 --> 00:32:21,000 Así que. 746 00:32:21,000 --> 00:32:22,000 Entramos más. 747 00:32:22,000 --> 00:32:23,000 Al core. 748 00:32:23,000 --> 00:32:24,000 Para. 749 00:32:24,000 --> 00:32:25,000 Añadirle. 750 00:32:25,000 --> 00:32:26,000 Una imagen. 751 00:32:26,000 --> 00:32:27,000 Automática. 752 00:32:27,000 --> 00:32:28,000 A cada uno de los. 753 00:32:28,000 --> 00:32:29,000 De los temas. 754 00:32:29,000 --> 00:32:30,000 De todas maneras. 755 00:32:30,000 --> 00:32:31,000 Subía en un sitio determinado. 756 00:32:31,000 --> 00:32:32,000 Y esta construcción. 757 00:32:32,000 --> 00:32:33,000 La hacía automáticamente. 758 00:32:33,000 --> 00:32:34,000 Entonces. 759 00:32:34,000 --> 00:32:35,000 Vía. 760 00:32:35,000 --> 00:32:36,000 Código. 761 00:32:36,000 --> 00:32:37,000 Lo que hacíamos es. 762 00:32:37,000 --> 00:32:38,000 Vale. 763 00:32:38,000 --> 00:32:39,000 Tú. 764 00:32:39,000 --> 00:32:40,000 Cada tema. 765 00:32:40,000 --> 00:32:41,000 Te. 766 00:32:41,000 --> 00:32:42,000 Genera un identificador único. 767 00:32:42,000 --> 00:32:43,000 Como cada tema. 768 00:32:43,000 --> 00:32:44,000 Te genera un identificador único. 769 00:32:44,000 --> 00:32:45,000 Tú. 770 00:32:45,000 --> 00:32:46,000 En tal sitio. 771 00:32:46,000 --> 00:32:47,000 Metes a guardar una imagen. 772 00:32:47,000 --> 00:32:48,000 Con una secuencia. 773 00:32:48,000 --> 00:32:49,000 Te va a pintar aquí. 774 00:32:49,000 --> 00:32:50,000 Y como la va a encontrar. 775 00:32:50,000 --> 00:32:51,000 Te va a pintar aquí. 776 00:32:51,000 --> 00:32:52,000 Con lo cual. 777 00:32:52,000 --> 00:32:53,000 Visualmente. 778 00:32:53,000 --> 00:32:54,000 Juegas con esto. 779 00:32:54,000 --> 00:32:55,000 Dices. 780 00:32:55,000 --> 00:32:56,000 No puedo tocar. 781 00:32:56,000 --> 00:32:57,000 El cliente final. 782 00:32:57,000 --> 00:32:58,000 No le voy a pedir que haga no sé qué. 783 00:32:58,000 --> 00:32:59,000 Pero sí le puedo pedir que me suba. 784 00:32:59,000 --> 00:33:00,000 Archivos de una determinada numeración. 785 00:33:00,000 --> 00:33:01,000 Como le puedo pedir que suba archivos. 786 00:33:01,000 --> 00:33:02,000 De una determinada numeración. 787 00:33:02,000 --> 00:33:03,000 Utilizo esos archivos. 788 00:33:03,000 --> 00:33:04,000 Para pintarlo. 789 00:33:04,000 --> 00:33:05,000 De tal manera. 790 00:33:05,000 --> 00:33:06,000 Que no sé qué más cuántos. 791 00:33:06,000 --> 00:33:07,000 Voy viendo. 792 00:33:07,000 --> 00:33:08,000 Qué me deja hacer. 793 00:33:08,000 --> 00:33:09,000 Y qué no me deja hacer. 794 00:33:09,000 --> 00:33:10,000 De una forma natural. 795 00:33:10,000 --> 00:33:11,000 Y uso alternativas. 796 00:33:11,000 --> 00:33:12,000 Esto ya lo hemos. 797 00:33:12,000 --> 00:33:13,000 Explicado antes. 798 00:33:13,000 --> 00:33:14,000 Y esto lo mismo. 799 00:33:14,000 --> 00:33:15,000 Pero en la parte. 800 00:33:15,000 --> 00:33:16,000 Previa de. 801 00:33:16,000 --> 00:33:17,000 De cursos. 802 00:33:17,000 --> 00:33:18,000 También estuvimos tocando. 803 00:33:18,000 --> 00:33:19,000 Porque añadirle esto. 804 00:33:19,000 --> 00:33:20,000 Tampoco se puede añadir. 805 00:33:20,000 --> 00:33:21,000 Fácilmente. 806 00:33:21,000 --> 00:33:22,000 Entonces aquí. 807 00:33:22,000 --> 00:33:23,000 Es cuando decides. 808 00:33:23,000 --> 00:33:24,000 Para hacer esto. 809 00:33:24,000 --> 00:33:25,000 Pues hay que tocar. 810 00:33:25,000 --> 00:33:26,000 Para hacer lo otro. 811 00:33:26,000 --> 00:33:27,000 No hay que tocar. 812 00:33:27,000 --> 00:33:28,000 Esto es un fondo. 813 00:33:28,000 --> 00:33:29,000 Con un determinado espacio. 814 00:33:29,000 --> 00:33:30,000 Distribución. 815 00:33:30,000 --> 00:33:31,000 No tiene. 816 00:33:31,000 --> 00:33:32,000 No tiene tampoco. 817 00:33:32,000 --> 00:33:33,000 Mucho. 818 00:33:33,000 --> 00:33:34,000 Mucho misterio. 819 00:33:34,000 --> 00:33:35,000 ¿Cómo funcionan los temas en Moodle? 820 00:33:35,000 --> 00:33:36,000 Me estoy pegando. 821 00:33:36,000 --> 00:33:37,000 Es un rollo. 822 00:33:37,000 --> 00:33:38,000 Vosotros. 823 00:33:38,000 --> 00:33:39,000 Ahí. 824 00:33:39,000 --> 00:33:40,000 Tan tranquilos. 825 00:33:40,000 --> 00:33:41,000 No decís nada. 826 00:33:41,000 --> 00:33:42,000 Me parece maravilloso. 827 00:33:43,000 --> 00:33:44,000 Si hay algo que no. 828 00:33:44,000 --> 00:33:45,000 Tal. 829 00:33:45,000 --> 00:33:46,000 Decidme. 830 00:33:46,000 --> 00:33:47,000 Oye. 831 00:33:47,000 --> 00:33:48,000 Que no. 832 00:33:48,000 --> 00:33:49,000 Dime. 833 00:33:50,000 --> 00:33:51,000 Pero en el tema gráfico. 834 00:33:51,000 --> 00:33:52,000 Sí. 835 00:33:52,000 --> 00:33:53,000 Pero para mí el tema gráfico es. 836 00:33:53,000 --> 00:33:54,000 Una capa. 837 00:33:54,000 --> 00:33:55,000 Que no afecta al corazón. 838 00:33:55,000 --> 00:33:56,000 De modo que. 839 00:33:56,000 --> 00:33:57,000 Si. 840 00:33:57,000 --> 00:33:58,000 Si. 841 00:33:58,000 --> 00:33:59,000 Pero si. 842 00:33:59,000 --> 00:34:00,000 Si. 843 00:34:00,000 --> 00:34:01,000 Si. 844 00:34:01,000 --> 00:34:02,000 Si. 845 00:34:02,000 --> 00:34:03,000 Si. 846 00:34:03,000 --> 00:34:04,000 Si. 847 00:34:04,000 --> 00:34:05,000 Si. 848 00:34:05,000 --> 00:34:06,000 Si. 849 00:34:06,000 --> 00:34:07,000 Si. 850 00:34:07,000 --> 00:34:08,000 Si. 851 00:34:08,000 --> 00:34:09,000 Si. 852 00:34:09,000 --> 00:34:10,000 Si. 853 00:34:10,000 --> 00:34:11,000 Si. 854 00:34:11,000 --> 00:34:12,000 Si. 855 00:34:12,000 --> 00:34:13,000 Si. 856 00:34:13,000 --> 00:34:14,000 Si. 857 00:34:14,000 --> 00:34:15,000 Si. 858 00:34:15,000 --> 00:34:16,000 Si. 859 00:34:16,000 --> 00:34:17,000 Si. 860 00:34:17,000 --> 00:34:18,000 Si. 861 00:34:18,000 --> 00:34:19,000 Si. 862 00:34:19,000 --> 00:34:20,000 Si. 863 00:34:20,000 --> 00:34:21,000 El corazón. 864 00:34:21,000 --> 00:34:22,000 No se los explico. 865 00:34:22,000 --> 00:34:23,000 No, no, no toco código. 866 00:34:23,000 --> 00:34:24,000 Si actualizo el core de Moodle. 867 00:34:24,000 --> 00:34:25,000 La plantilla. 868 00:34:25,000 --> 00:34:26,000 Eh. 869 00:34:26,000 --> 00:34:27,000 No, no, no le afecta. 870 00:34:27,000 --> 00:34:28,000 No se ve afectada. 871 00:34:28,000 --> 00:34:29,000 El problema es que si. 872 00:34:29,000 --> 00:34:30,000 Tocas el corazón. 873 00:34:30,000 --> 00:34:31,000 Lo que hay visto antes. 874 00:34:31,000 --> 00:34:32,000 El efecto antes. 875 00:34:32,000 --> 00:34:33,000 Imagínate que yo. 876 00:34:33,000 --> 00:34:34,000 Hay una cosa que en Moodle. 877 00:34:34,000 --> 00:34:35,000 No tiene. 878 00:34:35,000 --> 00:34:36,000 Y que. 879 00:34:36,000 --> 00:34:37,000 Normalmente en Core. 880 00:34:37,000 --> 00:34:38,000 Nosotros intentamos hacer. 881 00:34:38,000 --> 00:34:39,000 Es decir. 882 00:34:39,000 --> 00:34:40,000 Cuando tú entras. 883 00:34:40,000 --> 00:34:41,000 Lo que es la anterior. 884 00:34:41,000 --> 00:34:42,000 La anterior. 885 00:34:42,000 --> 00:34:43,000 Cuando tú visualizas. 886 00:34:43,000 --> 00:34:44,000 Los temas. 887 00:34:44,000 --> 00:34:45,000 En Moodle. 888 00:34:45,000 --> 00:34:46,000 Por ejemplo. 889 00:34:46,000 --> 00:34:47,000 Los temas. 890 00:34:47,000 --> 00:34:48,000 Van. 891 00:34:48,000 --> 00:34:49,000 No. 892 00:34:49,000 --> 00:34:50,000 No. 893 00:34:50,000 --> 00:34:51,000 No los distingues. 894 00:34:51,000 --> 00:34:52,000 Con código. 895 00:34:52,000 --> 00:34:53,000 No hay nada que diga. 896 00:34:53,000 --> 00:34:54,000 El tema uno. 897 00:34:54,000 --> 00:34:55,000 Tema dos. 898 00:34:55,000 --> 00:34:56,000 Tema tres. 899 00:34:56,000 --> 00:34:57,000 Tema cuatro. 900 00:34:57,000 --> 00:34:58,000 Si tuviésemos un tema uno. 901 00:34:58,000 --> 00:34:59,000 Tema dos. 902 00:34:59,000 --> 00:35:00,000 Tema tres. 903 00:35:00,000 --> 00:35:01,000 Tema cuatro. 904 00:35:01,000 --> 00:35:02,000 Vía CSS. 905 00:35:02,000 --> 00:35:03,000 Luego podemos hacer cosas. 906 00:35:03,000 --> 00:35:04,000 Eso es tocar Core para nosotros. 907 00:35:04,000 --> 00:35:05,000 Porque eso nos permitiría luego hacer cosas. 908 00:35:05,000 --> 00:35:06,000 De. 909 00:35:06,000 --> 00:35:07,000 De alguna manera. 910 00:35:07,000 --> 00:35:08,000 Hay cosas que. 911 00:35:08,000 --> 00:35:09,000 Que Moodle. 912 00:35:09,000 --> 00:35:10,000 No te deja hacer a menos que toques. 913 00:35:10,000 --> 00:35:11,000 El corazón. 914 00:35:11,000 --> 00:35:12,000 La distribución. 915 00:35:12,000 --> 00:35:13,000 Por ejemplo. 916 00:35:13,000 --> 00:35:14,000 En pantalla. 917 00:35:14,000 --> 00:35:15,000 Construye esto de una manera. 918 00:35:15,000 --> 00:35:16,000 Los temas los construye de una manera. 919 00:35:16,000 --> 00:35:17,000 Un TD. 920 00:35:17,000 --> 00:35:18,000 Un TD. 921 00:35:18,000 --> 00:35:19,000 Imagínate que yo quiero hacer. 922 00:35:19,000 --> 00:35:20,000 Visualmente. 923 00:35:20,000 --> 00:35:21,000 No sé. 924 00:35:21,000 --> 00:35:22,000 Que el. 925 00:35:22,000 --> 00:35:24,000 Cambiar completamente la distribución. 926 00:35:24,000 --> 00:35:25,000 Que este número. 927 00:35:25,000 --> 00:35:27,000 El número esté al otro lado. 928 00:35:27,000 --> 00:35:28,000 Eso. 929 00:35:28,000 --> 00:35:30,000 No puedo hacerlo a menos que toque código. 930 00:35:30,000 --> 00:35:32,000 Porque la construcción de Moodle es esa. 931 00:35:32,000 --> 00:35:33,000 Determinada. 932 00:35:33,000 --> 00:35:34,000 Entonces ahí es donde tengo que decir. 933 00:35:34,000 --> 00:35:35,000 Vale. 934 00:35:35,000 --> 00:35:36,000 Evalúo. 935 00:35:36,000 --> 00:35:38,000 ¿Puedo hacerlo de otra manera sin tocar? 936 00:35:38,000 --> 00:35:39,000 Sí. 937 00:35:39,000 --> 00:35:40,000 No. 938 00:35:40,000 --> 00:35:41,000 No puedo hacerlo. 939 00:35:41,000 --> 00:35:42,000 Y quiero hacer eso por el motivo que sea. 940 00:35:42,000 --> 00:35:43,000 Tengo que tocar corazón. 941 00:35:43,000 --> 00:35:45,000 Entonces hay que documentarlo. 942 00:35:45,000 --> 00:35:46,000 Porque las actualizaciones. 943 00:35:46,000 --> 00:35:47,000 Si no. 944 00:35:47,000 --> 00:35:48,000 Luego es un jaleo. 945 00:35:48,000 --> 00:35:49,000 Que todo. 946 00:35:49,000 --> 00:35:50,000 Guau. 947 00:35:50,000 --> 00:35:51,000 Sí. 948 00:35:51,000 --> 00:35:52,000 Pero es que Drupal no tiene. 949 00:35:52,000 --> 00:35:53,000 Tiene un sistema modular. 950 00:35:53,000 --> 00:35:54,000 Con unas APIs más robustas. 951 00:35:54,000 --> 00:35:55,000 Aquí no. 952 00:35:55,000 --> 00:35:56,000 Porque la visualización de contenido. 953 00:35:56,000 --> 00:35:57,000 Es que hay una serie de visualizaciones de contenido de Moodle. 954 00:35:57,000 --> 00:35:58,000 Que vienen muy determinadas. 955 00:35:58,000 --> 00:35:59,000 Y ahí es impepinable. 956 00:35:59,000 --> 00:36:00,000 Sobre todo la parte de temas. 957 00:36:00,000 --> 00:36:01,000 Por ejemplo. 958 00:36:01,000 --> 00:36:02,000 Es impepinable. 959 00:36:02,000 --> 00:36:03,000 Como también he pintado. 960 00:36:03,000 --> 00:36:04,000 Una cosa que nos sorprende. 961 00:36:04,000 --> 00:36:05,000 Es que. 962 00:36:05,000 --> 00:36:06,000 Es que. 963 00:36:06,000 --> 00:36:07,000 Es que. 964 00:36:07,000 --> 00:36:08,000 Es que. 965 00:36:08,000 --> 00:36:09,000 Es que. 966 00:36:09,000 --> 00:36:10,000 Es que. 967 00:36:10,000 --> 00:36:11,000 Es que. 968 00:36:11,000 --> 00:36:12,000 Es que. 969 00:36:12,000 --> 00:36:13,000 Es que. 970 00:36:13,000 --> 00:36:14,000 Es que. 971 00:36:14,000 --> 00:36:15,000 Es que. 972 00:36:15,000 --> 00:36:16,000 Es que. 973 00:36:16,000 --> 00:36:17,000 Es que. 974 00:36:17,000 --> 00:36:18,000 Es que. 975 00:36:18,000 --> 00:36:19,000 Es que. 976 00:36:19,000 --> 00:36:20,000 Es que. 977 00:36:20,000 --> 00:36:21,000 Es que. 978 00:36:21,000 --> 00:36:22,000 Es que. 979 00:36:22,000 --> 00:36:23,000 Es que. 980 00:36:23,000 --> 00:36:24,000 Es que. 981 00:36:24,000 --> 00:36:25,000 Es que. 982 00:36:25,000 --> 00:36:26,000 Es que. 983 00:36:26,000 --> 00:36:27,000 Es que. 984 00:36:27,000 --> 00:36:28,000 Es que. 985 00:36:28,000 --> 00:36:29,000 Es que. 986 00:36:29,000 --> 00:36:30,000 Es que. 987 00:36:30,000 --> 00:36:31,000 Es que. 988 00:36:31,000 --> 00:36:32,000 Es que. 989 00:36:32,000 --> 00:36:33,000 Es que. 990 00:36:33,000 --> 00:36:34,000 Es que. 991 00:36:34,000 --> 00:36:35,000 Es que. 992 00:36:35,000 --> 00:36:36,000 Es que. 993 00:36:36,000 --> 00:36:37,000 Es que. 994 00:36:37,000 --> 00:36:38,000 Es que. 995 00:36:38,000 --> 00:36:39,000 Es que. 996 00:36:39,000 --> 00:36:40,000 Es que. 997 00:36:40,000 --> 00:36:41,000 Es que. 998 00:36:41,000 --> 00:36:42,000 En orientation transversal. 999 00:36:43,000 --> 00:36:44,000 En orientation transversal. 1000 00:36:44,000 --> 00:36:45,000 En una superficie... 1001 00:36:45,000 --> 00:36:46,000 En una superficie travailando. 1002 00:36:46,000 --> 00:36:47,000 En una superficie central para el Islam. 1003 00:36:47,000 --> 00:36:48,000 En una superficie central para el Islam. 1004 00:36:48,000 --> 00:36:49,000 En una superficie central para el Islam. 1005 00:36:49,000 --> 00:36:50,000 En una superficie central para el Islam. 1006 00:36:50,000 --> 00:36:51,000 En una superficie central para el Islam. 1007 00:36:51,000 --> 00:36:52,000 En una superficie central para el Islam. 1008 00:36:52,000 --> 00:36:53,000 En una superficie central para el Islam. 1009 00:36:53,000 --> 00:36:54,000 En una superficie central para el Islam. 1010 00:36:54,000 --> 00:36:55,000 En una superficie central para el Islam. 1011 00:36:55,000 --> 00:36:56,000 En una superficie central para el Islam. 1012 00:36:56,000 --> 00:36:57,000 En una superficie central para el Islam. 1013 00:36:57,000 --> 00:36:58,000 En una superficie central para el Islam. 1014 00:36:58,000 --> 00:36:59,000 En una superficie central para el Islam. 1015 00:36:59,000 --> 00:37:00,000 которое estamos habitando no se llama. 1016 00:37:00,000 --> 00:37:01,000 Que es. 1017 00:37:01,000 --> 00:37:02,000 Que es. 1018 00:37:02,000 --> 00:37:03,000 Que eswheel. 1019 00:37:03,000 --> 00:37:04,000 Quewheel. 1020 00:37:04,000 --> 00:37:05,000 Quewheel. 1021 00:37:05,000 --> 00:37:06,000 Quewheel. 1022 00:42:36,980 --> 00:42:38,020 Pero bueno. 1023 00:42:38,020 --> 00:42:39,040 La prueba es rápida. 1024 00:42:39,040 --> 00:42:40,020 Si tenemos un theme, un template, un CD... 1025 00:42:40,020 --> 00:42:41,020 Empezamos a borrar cosas... 1026 00:42:41,020 --> 00:42:42,200 Veremos que cosas desaparecen 1027 00:42:42,200 --> 00:42:44,020 O igual que en Moodle deje de funcionar. 1028 00:42:44,020 --> 00:42:45,020 Pero bueno. 1029 00:42:45,020 --> 00:42:46,940 Es una prueba para tener acceso. 1030 00:42:46,940 --> 00:42:47,940 Es decir. 1031 00:42:47,940 --> 00:42:48,940 Borro. 1032 00:42:48,940 --> 00:42:50,120 Hurdo la versión que funciona. 1033 00:42:50,120 --> 00:42:51,120 Y voy probando. 1034 00:42:51,120 --> 00:42:52,120 A ver. 1035 00:42:52,120 --> 00:42:53,120 Si quito esto. 1036 00:42:53,120 --> 00:42:54,120 Que sucede. 1037 00:42:54,120 --> 00:42:55,120 Si quito esto. 1038 00:42:55,120 --> 00:42:56,120 Que sucede. 1039 00:42:56,120 --> 00:42:57,120 Entonces aquí... 1040 00:42:57,120 --> 00:42:58,120 Es donde definimos el logo. 1041 00:42:58,120 --> 00:42:59,120 Donde está puesto no sé qué. 1042 00:42:59,120 --> 00:43:00,120 Donde está puesto no sé cuanto. 1043 00:43:00,120 --> 00:43:01,900 Entonces si yo hay que modificar el logo... 1044 00:43:01,900 --> 00:43:02,900 Habitualmente... 1045 00:43:02,900 --> 00:43:03,900 Está aquí. 1046 00:43:03,900 --> 00:43:05,820 Y en algunos casos. 1047 00:43:06,640 --> 00:43:07,640 Está con el icono. 1048 00:43:07,640 --> 00:43:10,640 Que está en una carpeta de image o cosas así. 1049 00:43:10,640 --> 00:43:11,640 Si localizo el logo. 1050 00:43:11,640 --> 00:43:12,640 Voy a la carpeta de image. 1051 00:43:12,640 --> 00:43:14,320 Lo abro en el GIMP. 1052 00:43:14,320 --> 00:43:16,440 Le pongo nuestro logo. 1053 00:43:16,440 --> 00:43:18,440 Y ya tengo el Moodle tuneado. 1054 00:43:18,440 --> 00:43:19,440 Digo. 1055 00:43:19,440 --> 00:43:20,440 Que guay. 1056 00:43:20,440 --> 00:43:21,440 Fantástico. 1057 00:43:21,440 --> 00:43:22,440 Maravilloso. 1058 00:43:22,440 --> 00:43:23,440 En el fondo es tan simple. 1059 00:43:23,440 --> 00:43:24,440 Por así decirlo. 1060 00:43:24,440 --> 00:43:25,440 Como eso. 1061 00:43:25,440 --> 00:43:26,440 Y luego tengo el footer. 1062 00:43:26,440 --> 00:43:27,440 Que es la parte de abajo. 1063 00:43:27,440 --> 00:43:28,440 El pie. 1064 00:43:28,440 --> 00:43:29,440 Lo que llamaríamos el pie. 1065 00:43:29,440 --> 00:43:30,440 Y ahí construye... 1066 00:43:30,440 --> 00:43:31,440 Moodle una serie de cosas. 1067 00:43:31,440 --> 00:43:32,440 Que las puedo tener. 1068 00:43:32,440 --> 00:43:33,440 O no tener. 1069 00:43:33,440 --> 00:43:34,440 Depende de lo que queramos. 1070 00:43:34,440 --> 00:43:35,440 Realmente. 1071 00:43:35,560 --> 00:43:36,560 Y con el footer. 1072 00:43:36,560 --> 00:43:37,560 Se deja bastante libertad. 1073 00:43:37,560 --> 00:43:38,560 Y... 1074 00:43:38,560 --> 00:43:39,560 Ahí puedes tocar bastante. 1075 00:43:39,560 --> 00:43:40,560 Otra cosa es que te salga bien. 1076 00:43:40,560 --> 00:43:41,560 O que toques cosas que igual. 1077 00:43:41,560 --> 00:43:42,560 Hay un par de dips. 1078 00:43:42,560 --> 00:43:43,560 Que es mejor no tocar. 1079 00:43:43,560 --> 00:43:44,560 Pero bueno. 1080 00:43:44,560 --> 00:43:45,560 Es probar. 1081 00:43:45,560 --> 00:43:46,560 En este caso. 1082 00:43:46,560 --> 00:43:47,560 En el Adbar. 1083 00:43:47,560 --> 00:43:48,560 Ha incorporado una serie de cosas interesantes. 1084 00:43:48,560 --> 00:43:49,560 Como es. 1085 00:43:49,560 --> 00:43:50,560 Una carpeta JS. 1086 00:43:50,560 --> 00:43:51,560 A través de la carpeta JS. 1087 00:43:51,560 --> 00:43:52,560 Lo que añade es. 1088 00:43:52,560 --> 00:43:53,560 Todas las librerías de Jota Query. 1089 00:43:53,560 --> 00:43:54,560 Que os he dicho antes. 1090 00:43:54,560 --> 00:43:55,560 Y con esas librerías de Jota Query. 1091 00:43:55,560 --> 00:43:56,560 Podemos hacer cosas muy chulas. 1092 00:43:56,560 --> 00:43:57,560 Luego veremos un ejemplo. 1093 00:43:57,560 --> 00:43:58,560 Que lo hice el otro día en el taller. 1094 00:43:58,560 --> 00:43:59,560 En el de ayer. 1095 00:43:59,560 --> 00:44:00,560 Que es. 1096 00:44:00,560 --> 00:44:01,560 Que vía Jota Query. 1097 00:44:01,560 --> 00:44:02,560 Hacer un efecto visual. 1098 00:44:02,560 --> 00:44:03,560 De hacer clic en un lateral. 1099 00:44:03,560 --> 00:44:04,560 De un tema Moodle. 1100 00:44:04,560 --> 00:44:05,560 Y borrar la parte central. 1101 00:44:05,560 --> 00:44:06,560 Entera. 1102 00:44:06,560 --> 00:44:07,560 Eso vía los temas gráficos. 1103 00:44:07,560 --> 00:44:08,560 Es algo que para un programador. 1104 00:44:08,560 --> 00:44:09,560 En cuanto a Jota Query. 1105 00:44:09,560 --> 00:44:10,560 Hoy en día. 1106 00:44:10,560 --> 00:44:11,560 Realmente es algo tan a la orden del día. 1107 00:44:11,560 --> 00:44:12,560 Que empieza a sorprenderme. 1108 00:44:12,560 --> 00:44:13,560 Que no se utilice más. 1109 00:44:13,560 --> 00:44:14,560 Con más sensibilidad. 1110 00:44:14,560 --> 00:44:15,560 Pero es muy muy potente. 1111 00:44:15,560 --> 00:44:16,560 Entonces. 1112 00:44:16,560 --> 00:44:17,560 En este caso concreto. 1113 00:44:17,560 --> 00:44:18,560 Aparte de eso. 1114 00:44:18,560 --> 00:44:19,560 Añade un Jota Query. 1115 00:44:19,560 --> 00:44:20,560 Y un Jota Query. 1116 00:44:20,560 --> 00:44:21,560 Y un Jota Query. 1117 00:44:21,560 --> 00:44:22,560 Y un Jota Query. 1118 00:44:22,560 --> 00:44:23,560 Y un Jota Query. 1119 00:44:23,560 --> 00:44:24,560 Y un Jota Query. 1120 00:44:24,560 --> 00:44:25,560 Y un Jota Query. 1121 00:44:25,560 --> 00:44:26,560 Y un Jota Query. 1122 00:44:26,560 --> 00:44:27,560 Creo que ya lo había dicho. 1123 00:44:27,560 --> 00:44:28,560 Es una aplicación muy potente. 1124 00:44:28,560 --> 00:44:29,560 En este caso concreto. 1125 00:44:29,560 --> 00:44:30,760 Aparte de eso. 1126 00:44:30,760 --> 00:44:31,780 Añade un Jota Query. 1127 00:44:31,780 --> 00:44:33,440 Que ya para nosotros es interesante. 1128 00:44:33,440 --> 00:44:35,680 Porque permite hacer juegos mayores. 1129 00:44:35,680 --> 00:44:39,080 Y añade una serie de menús superiores. 1130 00:44:39,080 --> 00:44:40,120 Para un bloque de perfil. 1131 00:44:40,120 --> 00:44:41,120 Y un bloque de menú. 1132 00:44:41,120 --> 00:44:43,120 Entonces directamente esto. 1133 00:44:43,120 --> 00:44:46,440 Construye un menú superior de cursos. 1134 00:44:46,440 --> 00:44:49,920 Pero vamos a verlo mejoré. 1135 00:44:49,920 --> 00:45:01,160 Voy a la parte de temas. 1136 00:45:01,160 --> 00:45:05,000 Yo tengo puesto de tal manera que me ordene por tiempo añadido. 1137 00:45:05,000 --> 00:45:07,080 No sé si está por defecto. 1138 00:45:07,080 --> 00:45:08,080 Lo dije ayer. 1139 00:45:08,080 --> 00:45:09,080 Realmente no me acuerdo. 1140 00:45:09,080 --> 00:45:10,080 ¿Por qué? 1141 00:45:10,080 --> 00:45:12,080 Porque a mí me gusta ver los últimos que se han añadido. 1142 00:45:12,080 --> 00:45:15,400 De esa manera ves siempre los que han añadido nuevos. 1143 00:45:15,560 --> 00:45:20,400 Teóricamente ves novedades en cuanto a propuestas novedosas. 1144 00:45:20,400 --> 00:45:23,400 Y no ves el FormalWide o el RunderCons. 1145 00:45:23,400 --> 00:45:26,400 Que ya los tienes muy listos. 1146 00:45:26,400 --> 00:45:29,400 Entonces voy a buscar el advert. 1147 00:45:29,400 --> 00:45:32,400 Vuelvo a la presentación porque ni me acuerdo. 1148 00:45:32,400 --> 00:45:33,400 Además es un nombre. 1149 00:45:33,400 --> 00:45:35,400 A A R D. 1150 00:45:35,400 --> 00:45:37,400 V A A R D. 1151 00:45:37,400 --> 00:45:39,400 V A. 1152 00:45:39,400 --> 00:45:41,400 A ver. 1153 00:45:41,400 --> 00:45:43,400 V. 1154 00:45:43,400 --> 00:45:44,400 A R K. 1155 00:45:44,400 --> 00:45:46,400 ¿Sí, no? 1156 00:45:46,400 --> 00:45:47,400 A R D. 1157 00:45:47,400 --> 00:45:50,400 K. 1158 00:45:50,400 --> 00:45:55,400 Llevo como ejemplos de temas que a mí para comenzar a mí me gustan. 1159 00:45:55,400 --> 00:45:56,400 Vale. 1160 00:45:56,400 --> 00:45:57,400 Aquí tenemos el advert. 1161 00:45:57,400 --> 00:45:58,400 El original. 1162 00:45:58,400 --> 00:45:59,400 Derivaciones. 1163 00:45:59,400 --> 00:46:00,400 El Zebra. 1164 00:46:00,400 --> 00:46:01,400 ¿Veis? 1165 00:46:01,400 --> 00:46:04,400 Entonces ¿qué tenemos? 1166 00:46:04,400 --> 00:46:05,400 Uno y dos. 1167 00:46:05,400 --> 00:46:10,400 A ver si me sale el Network. 1168 00:46:10,400 --> 00:46:11,400 Derivaciones del mismo. 1169 00:46:11,400 --> 00:46:12,400 Sound Downy. 1170 00:46:12,400 --> 00:46:13,400 Eso es. 1171 00:46:13,400 --> 00:46:15,400 Seguramente lo estoy pronunciando mal. 1172 00:46:15,400 --> 00:46:16,400 Pero este. 1173 00:46:16,400 --> 00:46:22,400 Este da un empujón muy interesante al desarrollo de temas. 1174 00:46:22,400 --> 00:46:24,400 Este. 1175 00:46:24,400 --> 00:46:25,400 Este es el que yo digo. 1176 00:46:25,400 --> 00:46:27,400 A mí me parece interesante. 1177 00:46:27,400 --> 00:46:29,400 Es un desarrollo. 1178 00:46:29,400 --> 00:46:32,400 Pero lo que hace es generación de temas. 1179 00:46:32,400 --> 00:46:37,400 En este caso, si no me equivoco, esta primera versión. 1180 00:46:38,400 --> 00:46:42,400 No me acuerdo si es con temas automáticos o con temas que escribías. 1181 00:46:42,400 --> 00:46:44,400 Y en este caso creo que no tengo demo. 1182 00:46:44,400 --> 00:46:51,400 Voy a buscar uno que tenga demo. 1183 00:46:51,400 --> 00:46:53,400 Vamos a ver este. 1184 00:46:53,400 --> 00:46:54,400 Este creo que el tema es fijo. 1185 00:46:54,400 --> 00:47:01,400 Pero bueno, nos servirá para ver un poco lo que os decía de los objetos. 1186 00:47:01,400 --> 00:47:02,400 A mí visualmente esto. 1187 00:47:02,400 --> 00:47:07,400 Voy a empezar a decir el qué. 1188 00:47:07,400 --> 00:47:08,400 Y no han hecho más que. 1189 00:47:08,400 --> 00:47:10,400 Han hecho lo que os decía antes. 1190 00:47:10,400 --> 00:47:12,400 Los laterales. 1191 00:47:12,400 --> 00:47:13,400 Es una imagen. 1192 00:47:13,400 --> 00:47:15,400 Un fondo que esté bien. 1193 00:47:15,400 --> 00:47:17,400 Que incorpora una serie de objetos de fondo. 1194 00:47:17,400 --> 00:47:19,400 Visualmente. 1195 00:47:19,400 --> 00:47:23,400 Esto es un png transparente colocado en el lateral. 1196 00:47:23,400 --> 00:47:24,400 De más misterio. 1197 00:47:24,400 --> 00:47:27,400 Que además hacen que, por así decirlo, el fondo de la página. 1198 00:47:27,400 --> 00:47:29,400 Esto es transparente. 1199 00:47:29,400 --> 00:47:31,400 Lo que hace es que cuando yo coloco. 1200 00:47:31,400 --> 00:47:32,400 Si aquí hay un modelo de caja. 1201 00:47:32,400 --> 00:47:34,400 Cuando yo coloco encima. 1202 00:47:34,400 --> 00:47:35,400 Quede como desplazado. 1203 00:47:35,400 --> 00:47:37,400 Pero en realidad no es que quede desplazado. 1204 00:47:37,400 --> 00:47:40,400 Es que juegan visualmente para que comiencen el gráfico más allá. 1205 00:47:40,400 --> 00:47:42,400 Un degradado aquí arriba. 1206 00:47:42,400 --> 00:47:45,400 Que más os fijáis que tiene una pequeña transparencia. 1207 00:47:45,400 --> 00:47:48,400 Meter una imagen inicial. 1208 00:47:48,400 --> 00:47:51,400 Que esto lo puedo meter yo directamente entrando en código. 1209 00:47:51,400 --> 00:47:53,400 O sea, entrando en la edición. 1210 00:47:53,400 --> 00:47:54,400 Otro lateral. 1211 00:47:54,400 --> 00:47:55,400 ¿Por qué? 1212 00:47:55,400 --> 00:47:58,400 Porque yo puedo identificar cada una de las dos columnas. 1213 00:47:58,400 --> 00:47:59,400 Depende de qué columna sea. 1214 00:47:59,400 --> 00:48:03,400 Ponerle un gráfico u otro al objeto. 1215 00:48:03,400 --> 00:48:05,400 La cabecera. 1216 00:48:05,400 --> 00:48:06,400 Con la imagen. 1217 00:48:06,400 --> 00:48:08,400 Y una distribución. 1218 00:48:08,400 --> 00:48:10,400 Etc, etc, etc. 1219 00:48:10,400 --> 00:48:11,400 No tiene... 1220 00:48:11,400 --> 00:48:12,400 ¿Cómo explicarlo? 1221 00:48:12,400 --> 00:48:14,400 No es que no sea... 1222 00:48:14,400 --> 00:48:16,400 No es que sea fácil. 1223 00:48:16,400 --> 00:48:17,400 Inmediato. 1224 00:48:17,400 --> 00:48:21,400 Pero no es algo... 1225 00:48:21,400 --> 00:48:22,400 No es algo extravagante. 1226 00:48:22,400 --> 00:48:23,400 No es algo extraño. 1227 00:48:23,400 --> 00:48:25,400 No es algo que no se pueda realizar. 1228 00:48:25,400 --> 00:48:27,400 Es algo que es decir, buscar lo que nos deja hacer. 1229 00:48:27,400 --> 00:48:29,400 Y tener la ocurrencia y el atrevimiento de hacerlo. 1230 00:48:29,400 --> 00:48:30,400 Y ya está. 1231 00:48:30,400 --> 00:48:32,400 Y ese tema visual es un tema que... 1232 00:48:32,400 --> 00:48:34,400 Pues ya empiezo a trabajar. 1233 00:48:34,400 --> 00:48:35,400 Sigue siendo cuadrado. 1234 00:48:35,400 --> 00:48:37,400 Porque un mundo para bien o para mal. 1235 00:48:37,400 --> 00:48:39,400 Sigue siendo cuadrado. 1236 00:48:39,400 --> 00:48:40,400 Pero al menos. 1237 00:48:40,400 --> 00:48:43,400 Mismamente ganas un punto de distribución. 1238 00:48:43,400 --> 00:48:44,400 En este caso. 1239 00:48:44,400 --> 00:48:45,400 Como decía. 1240 00:48:45,400 --> 00:48:46,400 Una columna. 1241 00:48:46,400 --> 00:48:47,400 Una central. 1242 00:48:47,400 --> 00:48:48,400 Con una lateral. 1243 00:48:48,400 --> 00:48:51,400 Entonces como tengo el filebook activo. 1244 00:48:51,400 --> 00:48:53,400 Puedo ver. 1245 00:48:53,400 --> 00:48:55,400 Como han construido. 1246 00:48:56,400 --> 00:48:57,400 El objeto. 1247 00:48:57,400 --> 00:48:58,400 Fijaros. 1248 00:48:58,400 --> 00:48:59,400 Aquí tengo el... 1249 00:48:59,400 --> 00:49:00,400 Mi columna. 1250 00:49:00,400 --> 00:49:01,400 Ah. 1251 00:49:01,400 --> 00:49:02,400 Es un negativo. 1252 00:49:02,400 --> 00:49:03,400 ¿No? 1253 00:49:03,400 --> 00:49:04,400 Vale. 1254 00:49:05,400 --> 00:49:06,400 Mi tabla. 1255 00:49:06,400 --> 00:49:07,400 Que empieza aquí. 1256 00:49:10,400 --> 00:49:11,400 Contenido. 1257 00:49:11,400 --> 00:49:12,400 La columna. 1258 00:49:12,400 --> 00:49:13,400 Que empieza aquí. 1259 00:49:14,400 --> 00:49:15,400 El bloque. 1260 00:49:15,400 --> 00:49:16,400 Los bloques. 1261 00:49:17,400 --> 00:49:18,400 Ahora. 1262 00:49:18,400 --> 00:49:19,400 Un segundo. 1263 00:49:19,400 --> 00:49:20,400 Que voy a ver donde está la gráfica. 1264 00:49:21,400 --> 00:49:22,400 En el header. 1265 00:49:22,400 --> 00:49:23,400 Aquí. 1266 00:49:23,400 --> 00:49:24,400 Aquí. 1267 00:49:25,400 --> 00:49:27,400 Que es una clase que me incorpora. 1268 00:49:27,400 --> 00:49:28,400 Si os fijáis. 1269 00:49:28,400 --> 00:49:29,400 Han añadido. 1270 00:49:30,400 --> 00:49:31,400 Esta imagen. 1271 00:49:31,400 --> 00:49:32,400 Y le he añadido. 1272 00:49:32,400 --> 00:49:33,400 Left. 1273 00:49:33,400 --> 00:49:34,400 Porque es el... 1274 00:49:35,400 --> 00:49:36,400 El izquierdo. 1275 00:49:36,400 --> 00:49:37,400 O sea. 1276 00:49:37,400 --> 00:49:38,400 Han dicho. 1277 00:49:38,400 --> 00:49:39,400 La columna izquierda. 1278 00:49:39,400 --> 00:49:40,400 El bloque lateral. 1279 00:49:41,400 --> 00:49:42,400 La cabecera. 1280 00:49:42,400 --> 00:49:43,400 Y añades esta imagen. 1281 00:49:44,400 --> 00:49:45,400 ¿Y que han hecho? 1282 00:49:45,400 --> 00:49:46,400 Al lado contrario. 1283 00:49:46,400 --> 00:49:47,400 Vale. 1284 00:49:47,400 --> 00:49:48,400 Pues ahora lo mismo. 1285 00:49:48,400 --> 00:49:49,400 ¿Perdón? 1286 00:49:51,400 --> 00:49:52,400 Sí. 1287 00:49:52,400 --> 00:49:53,400 Por eso se distribuye. 1288 00:49:53,400 --> 00:49:54,400 Pensaba que lo habían hecho de una manera. 1289 00:49:54,400 --> 00:49:55,400 Pero lo han hecho con distribución de... 1290 00:49:55,400 --> 00:49:56,400 En negativa. 1291 00:49:57,400 --> 00:49:58,400 Y hay menos doce. 1292 00:49:58,400 --> 00:49:59,400 Entonces. 1293 00:49:59,400 --> 00:50:00,400 Lo que han hecho es. 1294 00:50:00,400 --> 00:50:01,400 En este caso. 1295 00:50:01,400 --> 00:50:02,400 Han hecho distribuciones negativas. 1296 00:50:02,400 --> 00:50:03,400 Para hacer el posicionamiento. 1297 00:50:03,400 --> 00:50:04,400 Esto también se puede hacer. 1298 00:50:05,400 --> 00:50:06,400 Si os fijáis. 1299 00:50:07,400 --> 00:50:08,400 ¿Lo veis? 1300 00:50:08,400 --> 00:50:09,400 Es una distribución negativa. 1301 00:50:09,400 --> 00:50:10,400 Que también la podemos utilizar. 1302 00:50:10,400 --> 00:50:11,400 Para hacer efectos visuales. 1303 00:50:11,400 --> 00:50:13,400 De posicionamiento del objeto. 1304 00:50:13,400 --> 00:50:15,400 En posiciones un poco raras. 1305 00:50:15,400 --> 00:50:16,400 ¿Vale? 1306 00:50:16,400 --> 00:50:17,400 En posiciones un poco raras. 1307 00:50:18,400 --> 00:50:19,400 Pero floto. 1308 00:50:19,400 --> 00:50:20,400 Me voy flotando aquella. 1309 00:50:21,400 --> 00:50:22,400 Hasta que lo hago desaparecer. 1310 00:50:23,400 --> 00:50:24,400 Y nos fijamos. 1311 00:50:24,400 --> 00:50:25,400 Que tenemos. 1312 00:50:26,400 --> 00:50:27,400 Columna derecha. 1313 00:50:27,400 --> 00:50:28,400 Bloque. 1314 00:50:28,400 --> 00:50:29,400 Cabecera. 1315 00:50:29,400 --> 00:50:30,400 Tengo una gráfica diferente. 1316 00:50:31,400 --> 00:50:32,400 ¿Por qué? 1317 00:50:32,400 --> 00:50:33,400 Porque tengo al otro lado. 1318 00:50:33,400 --> 00:50:34,400 Entonces hago. 1319 00:50:34,400 --> 00:50:35,400 Para un gráfico. 1320 00:50:35,400 --> 00:50:36,400 Para otro gráfico. 1321 00:50:37,400 --> 00:50:40,400 Y es que no tiene más misterio. 1322 00:50:40,400 --> 00:50:41,400 Es un fondo. 1323 00:50:41,400 --> 00:50:42,400 Y la construcción de menús. 1324 00:50:42,400 --> 00:50:43,400 Que es lo. 1325 00:50:43,400 --> 00:50:44,400 Para se hicieron unos puntos más. 1326 00:50:44,400 --> 00:50:45,400 Últimamente más novedosos. 1327 00:50:45,400 --> 00:50:46,400 Seguimos con el. 1328 00:50:47,400 --> 00:50:49,400 Con el taller de estructurado. 1329 00:50:50,400 --> 00:50:51,400 Los temas. 1330 00:50:51,400 --> 00:50:52,400 Entonces. 1331 00:50:52,400 --> 00:50:53,400 Una vez descargado. 1332 00:50:53,400 --> 00:50:54,400 Y copiado en la carpeta temas. 1333 00:50:54,400 --> 00:50:55,400 Lo tenemos disponible para activarlo. 1334 00:50:56,400 --> 00:50:57,400 Entonces yo voy a mi opción. 1335 00:50:58,400 --> 00:50:59,400 Y activo un tema u otro. 1336 00:51:03,400 --> 00:51:04,400 ¿Cómo funciona estructura? 1337 00:51:06,400 --> 00:51:07,400 Tengo una cabecera. 1338 00:51:09,400 --> 00:51:10,400 Tengo una columna derecha. 1339 00:51:10,400 --> 00:51:11,400 Como os he dicho. 1340 00:51:11,400 --> 00:51:12,400 Left column. 1341 00:51:12,400 --> 00:51:13,400 Izquierda. 1342 00:51:13,400 --> 00:51:14,400 Perdón. 1343 00:51:14,400 --> 00:51:15,400 Tengo una columna central. 1344 00:51:15,400 --> 00:51:16,400 Y tengo una columna derecha. 1345 00:51:17,400 --> 00:51:18,400 Y un pie. 1346 00:51:18,400 --> 00:51:19,400 La estructura. 1347 00:51:20,400 --> 00:51:21,400 Convencional. 1348 00:51:22,400 --> 00:51:23,400 Clásica. 1349 00:51:23,400 --> 00:51:24,400 La habitual de. 1350 00:51:24,400 --> 00:51:25,400 De moodle. 1351 00:51:25,400 --> 00:51:27,400 La cabecera igual te añade en un segundo bloque. 1352 00:51:27,400 --> 00:51:28,400 El navbar. 1353 00:51:28,400 --> 00:51:30,400 La estructura de navegación puede estar dentro o fuera. 1354 00:51:30,400 --> 00:51:32,400 Pero básicamente esta es la estructura. 1355 00:51:32,400 --> 00:51:33,400 Y eso se refleja. 1356 00:51:34,400 --> 00:51:35,400 En los dos archivos que os he dicho antes. 1357 00:51:36,400 --> 00:51:37,400 De header. 1358 00:51:37,400 --> 00:51:38,400 Y de footer. 1359 00:51:39,400 --> 00:51:40,400 Si yo voy a. 1360 00:51:40,400 --> 00:51:41,400 A esta página. 1361 00:51:42,400 --> 00:51:43,400 A ver. 1362 00:51:43,400 --> 00:51:44,400 Aquí. 1363 00:51:45,400 --> 00:51:46,400 En el diseño tengo un header. 1364 00:51:47,400 --> 00:51:48,400 El diseño. 1365 00:51:49,400 --> 00:51:51,400 Voy a tocar lo que estoy tocando en este lateral de aquí. 1366 00:51:51,400 --> 00:51:52,400 En esta parte de aquí. 1367 00:51:54,400 --> 00:51:55,400 Lo que yo veo aquí. 1368 00:51:57,400 --> 00:51:58,400 Es lo que estoy pintando. 1369 00:51:59,400 --> 00:52:00,400 En el otro lateral. 1370 00:52:00,400 --> 00:52:01,400 Entonces si yo empiezo a borrar. 1371 00:52:01,400 --> 00:52:02,400 O a eliminar aquí cosas. 1372 00:52:03,400 --> 00:52:04,400 Me afectará la cabecera. 1373 00:52:05,400 --> 00:52:06,400 Si yo en un punto he terminado. 1374 00:52:08,400 --> 00:52:09,400 A ver si funciona. 1375 00:52:09,400 --> 00:52:10,400 Porque ayer. 1376 00:52:10,400 --> 00:52:11,400 Haciendo esto mismo. 1377 00:52:11,400 --> 00:52:12,400 Estaba editando en otra página. 1378 00:52:13,400 --> 00:52:14,400 Y no veía los cambios. 1379 00:52:14,400 --> 00:52:15,400 Normal. 1380 00:52:16,400 --> 00:52:17,400 Si yo hago. 1381 00:52:17,400 --> 00:52:18,400 Ataco la cabecera. 1382 00:52:18,400 --> 00:52:19,400 Y añado contenido a la cabecera. 1383 00:52:20,400 --> 00:52:21,400 Me está afectando la cabecera. 1384 00:52:22,400 --> 00:52:23,400 Depende de lo que haga. 1385 00:52:23,400 --> 00:52:24,400 Haré una cosa u otra. 1386 00:52:26,400 --> 00:52:27,400 En este caso concreto. 1387 00:52:28,400 --> 00:52:29,400 Para trabajar de una manera más. 1388 00:52:33,400 --> 00:52:34,400 Más controlada. 1389 00:52:34,400 --> 00:52:35,400 ¿Qué es lo que puedo hacer? 1390 00:52:37,400 --> 00:52:38,400 Cambiar logos. 1391 00:52:38,400 --> 00:52:39,400 Posicirlos. 1392 00:52:39,400 --> 00:52:40,400 Cambiar distribución de los objetos. 1393 00:52:40,400 --> 00:52:41,400 En pantalla. 1394 00:52:41,400 --> 00:52:42,400 Es decir. 1395 00:52:42,400 --> 00:52:43,400 De una manera u otra. 1396 00:52:43,400 --> 00:52:44,400 O en este caso concreto. 1397 00:52:44,400 --> 00:52:45,400 Trabajaremos una opción. 1398 00:52:46,400 --> 00:52:47,400 Que os pediré que la hagáis vosotros. 1399 00:52:48,400 --> 00:52:49,400 De diseño líquido o no diseño líquido. 1400 00:52:50,400 --> 00:52:51,400 Vamos a hacer un pequeño ejemplo. 1401 00:52:51,400 --> 00:52:52,400 De lo que sea diseño líquido o no. 1402 00:52:53,400 --> 00:52:54,400 Este diseño es un diseño líquido. 1403 00:52:54,400 --> 00:52:55,400 Que significa. 1404 00:52:55,400 --> 00:52:56,400 Que mi. 1405 00:52:57,400 --> 00:52:58,400 Ocupa todo lo que ocupa la pantalla. 1406 00:52:59,400 --> 00:53:00,400 Si distribuir los objetos. 1407 00:53:01,400 --> 00:53:02,400 De alguna manera. 1408 00:53:02,400 --> 00:53:03,400 Esto crece. 1409 00:53:03,400 --> 00:53:04,400 Eso se pega allí. 1410 00:53:04,400 --> 00:53:05,400 Eso se pega allí. 1411 00:53:08,400 --> 00:53:09,400 Perdón. 1412 00:53:09,400 --> 00:53:10,400 Los diseños líquidos. 1413 00:53:10,400 --> 00:53:11,400 Tienen ventajas y desventajas. 1414 00:53:12,400 --> 00:53:13,400 Tiene una ventaja. 1415 00:53:13,400 --> 00:53:14,400 Que es que los contenidos se adaptan. 1416 00:53:14,400 --> 00:53:15,400 A pantalla del usuario. 1417 00:53:15,400 --> 00:53:16,400 Y tienes ventajas. 1418 00:53:16,400 --> 00:53:17,400 Que es que a nivel gráfico. 1419 00:53:17,400 --> 00:53:18,400 Tienes una serie de limitaciones. 1420 00:53:18,400 --> 00:53:19,400 A la hora de poder aplicar. 1421 00:53:19,400 --> 00:53:20,400 Según que efectos. 1422 00:53:20,400 --> 00:53:21,400 Efectos redondeados. 1423 00:53:22,400 --> 00:53:23,400 O efectos de comienzo y de cierre. 1424 00:53:24,400 --> 00:53:25,400 En moodle. 1425 00:53:25,400 --> 00:53:26,400 Que no te deja tocar la estructura. 1426 00:53:27,400 --> 00:53:28,400 Y que además. 1427 00:53:28,400 --> 00:53:29,400 Con un diseño líquido. 1428 00:53:29,400 --> 00:53:30,400 Pues se hacen inmanejables. 1429 00:53:30,400 --> 00:53:31,400 Con lo cual. 1430 00:53:31,400 --> 00:53:32,400 Si quieres hacer algún efecto visual. 1431 00:53:32,400 --> 00:53:33,400 De cierre. 1432 00:53:33,400 --> 00:53:34,400 Tienes que forzarlo. 1433 00:53:34,400 --> 00:53:35,400 A que el diseño tenga. 1434 00:53:35,400 --> 00:53:36,400 Un tamaño fijo. 1435 00:53:36,400 --> 00:53:37,400 Porque el gráfico. 1436 00:53:37,400 --> 00:53:38,400 Lo has de crear. 1437 00:53:38,400 --> 00:53:39,400 Específicamente para. 1438 00:53:39,400 --> 00:53:40,400 Para ese tamaño. 1439 00:53:40,400 --> 00:53:41,400 Vamos a. 1440 00:53:41,400 --> 00:53:42,400 Si os parece. 1441 00:53:42,400 --> 00:53:43,400 Vamos a esta página. 1442 00:53:43,400 --> 00:53:44,400 O a cualquiera. 1443 00:53:44,400 --> 00:53:45,400 Es diferente. 1444 00:53:45,400 --> 00:53:46,400 Pero es esta. 1445 00:53:46,400 --> 00:53:47,400 Porque así probamos todos. 1446 00:53:47,400 --> 00:53:48,400 Y vamos a tocar. 1447 00:53:48,400 --> 00:53:49,400 Lo que se llamaría el page. 1448 00:53:49,400 --> 00:53:50,400 Vamos a hacer una cosa al page. 1449 00:53:50,400 --> 00:53:51,400 Que es. 1450 00:53:51,400 --> 00:53:52,400 Jugar un poco. 1451 00:53:52,400 --> 00:53:53,400 Con los anchos. 1452 00:53:53,400 --> 00:53:54,400 Entonces. 1453 00:53:54,400 --> 00:53:55,400 Si yo pincho en el page. 1454 00:53:55,400 --> 00:53:56,400 Y pincho en el. 1455 00:53:56,400 --> 00:53:57,400 En estilo. 1456 00:53:57,400 --> 00:53:58,400 Yo he creado. 1457 00:53:58,400 --> 00:53:59,400 Un estilo. 1458 00:53:59,400 --> 00:54:00,400 Un. 1459 00:54:00,400 --> 00:54:01,400 Un identificador. 1460 00:54:01,400 --> 00:54:02,400 He creado yo. 1461 00:54:02,400 --> 00:54:03,400 En los estilos. 1462 00:54:03,400 --> 00:54:04,400 Un identificador page. 1463 00:54:04,400 --> 00:54:05,400 Porque no venía por defecto. 1464 00:54:05,400 --> 00:54:06,400 En este. 1465 00:54:06,400 --> 00:54:07,400 En este template. 1466 00:54:07,400 --> 00:54:08,400 Al. 1467 00:54:08,400 --> 00:54:09,400 Al crearlo. 1468 00:54:09,400 --> 00:54:10,400 Voy a crear un filebook. 1469 00:54:10,400 --> 00:54:11,400 Directamente al contenido. 1470 00:54:11,400 --> 00:54:12,400 Para entrar. 1471 00:54:12,400 --> 00:54:13,400 Para que podáis hacer pruebas. 1472 00:54:13,400 --> 00:54:14,400 Entonces voy a hacer una cosa. 1473 00:54:14,400 --> 00:54:15,400 Que se llamaría un ancho. 1474 00:54:15,400 --> 00:54:16,400 Voy a definir un ancho. 1475 00:54:16,400 --> 00:54:17,400 Por ejemplo. 1476 00:54:17,400 --> 00:54:18,400 800 píxeles. 1477 00:54:18,400 --> 00:54:19,400 Defino un ancho. 1478 00:54:19,400 --> 00:54:20,400 De esa manera. 1479 00:54:20,400 --> 00:54:21,400 Ya sé. 1480 00:54:21,400 --> 00:54:22,400 Cuanto me va. 1481 00:54:22,400 --> 00:54:23,400 Me va. 1482 00:54:23,400 --> 00:54:24,400 Cuanto cabe. 1483 00:54:24,400 --> 00:54:25,400 Y un segundo truco. 1484 00:54:25,400 --> 00:54:26,400 Que va muy bien. 1485 00:54:26,400 --> 00:54:27,400 Para el que no lo sepa. 1486 00:54:27,400 --> 00:54:28,400 Es como. 1487 00:54:28,400 --> 00:54:29,400 Justificar. 1488 00:54:29,400 --> 00:54:30,400 Como centro un objeto. 1489 00:54:30,400 --> 00:54:31,400 Una caja. 1490 00:54:31,400 --> 00:54:32,400 En un espacio vertical. 1491 00:54:32,400 --> 00:54:33,400 Un espacio. 1492 00:54:33,400 --> 00:54:34,400 Vertical. 1493 00:54:34,400 --> 00:54:35,400 De horizontal. 1494 00:54:36,400 --> 00:54:37,400 Bueno. 1495 00:54:37,400 --> 00:54:38,400 También podrías. 1496 00:54:38,400 --> 00:54:39,400 Vamos. 1497 00:54:39,400 --> 00:54:40,400 Puedes hacerlo en la portada igualmente. 1498 00:54:40,400 --> 00:54:41,400 En la portada también te permitiría. 1499 00:54:41,400 --> 00:54:42,400 Pero el acceso. 1500 00:54:42,400 --> 00:54:43,400 Os lo. 1501 00:54:43,400 --> 00:54:44,400 Os lo doy ahora. 1502 00:54:44,400 --> 00:54:45,400 El password es el mismo. 1503 00:54:45,400 --> 00:54:46,400 El usuario está del 01 al 20. 1504 00:54:46,400 --> 00:54:47,400 Cada uno de los usuarios. 1505 00:54:47,400 --> 00:54:48,400 Tenéis habilitado un espacio de profesor. 1506 00:54:48,400 --> 00:54:49,400 Por si alguno quiere. 1507 00:54:49,400 --> 00:54:50,400 Si no. 1508 00:54:50,400 --> 00:54:51,400 Si no. 1509 00:54:51,400 --> 00:54:52,400 Si no. 1510 00:54:52,400 --> 00:54:53,400 Si no. 1511 00:54:53,400 --> 00:54:54,400 Si no. 1512 00:54:54,400 --> 00:54:55,400 Si no. 1513 00:54:55,400 --> 00:54:56,400 Si no. 1514 00:54:56,400 --> 00:54:57,400 Si no. 1515 00:54:57,400 --> 00:54:58,400 Si no. 1516 00:54:58,400 --> 00:54:59,400 Si no. 1517 00:54:59,400 --> 00:55:00,400 Si no. 1518 00:55:00,400 --> 00:55:01,400 Si no. 1519 00:55:01,400 --> 00:55:02,400 Si no. 1520 00:55:02,400 --> 00:55:03,400 Si no. 1521 00:55:03,400 --> 00:55:04,400 Si no. 1522 00:55:34,400 --> 00:55:35,400 1. 1523 00:55:35,400 --> 00:55:36,400 2. 1524 00:55:36,400 --> 00:55:37,400 3. 1525 00:55:37,400 --> 00:55:38,400 4. 1526 00:55:38,400 --> 00:55:39,400 5. 1527 00:55:39,400 --> 00:55:40,400 6. 1528 00:55:40,400 --> 00:55:41,400 7. 1529 00:55:41,400 --> 00:55:42,400 8. 1530 00:55:42,400 --> 00:55:43,400 Vosotros, 2. 1531 00:55:43,400 --> 00:55:46,400 9. 1532 00:55:46,400 --> 00:55:49,400 10. 1533 00:55:49,400 --> 00:55:50,400 11. 1534 00:55:50,400 --> 00:55:51,400 12. 1535 00:55:51,400 --> 00:55:52,400 Tres de los dos juntos. 1536 00:55:52,400 --> 00:55:53,400 14. 1537 00:55:53,400 --> 00:55:54,400 15. 1538 00:55:54,400 --> 00:55:55,400 16. 1539 00:55:55,400 --> 00:55:56,400 17 y 18. 1540 00:55:56,400 --> 00:55:59,040 Nos van a quedar lifos, por si acaso. 1541 00:55:59,040 --> 00:56:00,040 Para tocar. 1542 00:56:00,040 --> 00:56:01,240 Por si queréis tocar contenido. 1543 00:56:01,520 --> 00:56:05,800 Lo he dejado habilitado porque hay una parte de contenido que luego veremos que si tenéis 1544 00:56:05,800 --> 00:56:10,000 espacio profesor pues podéis al menos probar. 1545 00:56:10,000 --> 00:56:16,480 El usuario es el 01, 02, 03, 04 y el password es este, usuario mayúscula guión bajo password 1546 00:56:16,480 --> 00:56:18,280 1 y el este. 1547 00:56:18,280 --> 00:56:22,960 Lo siento por el password tan raro. 1548 00:56:22,960 --> 00:56:25,160 No he cambiado la... 1549 00:56:25,160 --> 00:56:29,600 Las últimas instalaciones de Moodle incorporan un sistema de password que si no lo cambias 1550 00:56:29,680 --> 00:56:35,240 se mantiene ahí, no lo he cambiado, que es de aquello de un número, tantas letras o 1551 00:56:35,240 --> 00:56:36,240 no sé qué, no sé cuánto. 1552 00:56:36,240 --> 00:56:37,240 Se puede cambiar, ¿eh? 1553 00:56:37,240 --> 00:56:41,480 Esa configuración se puede cambiar, no es algo que esté limitado. 1554 00:56:41,480 --> 00:56:45,520 Hay una configuración que tú dices, incluso puedes definir cuántos números quieres, 1555 00:56:45,520 --> 00:56:46,920 cuántas letras quieres en el password. 1556 00:56:46,920 --> 00:56:53,240 Puedes definir. 1557 00:56:53,240 --> 00:56:57,440 Entonces hay creados 20 cursos, están del otro día, igual encontráis cosas que no 1558 00:56:57,440 --> 00:56:58,440 se han limpiado. 1559 00:56:59,440 --> 00:57:00,440 ¿Puedes entrar? 1560 00:57:02,440 --> 00:57:03,440 Hay creados 20 cursos. 1561 00:57:03,440 --> 00:57:08,440 Estáis como profesores en cada uno de los 20 cursos, de tal manera que la parte de edición, 1562 00:57:08,440 --> 00:57:10,440 que luego veremos cómo... 1563 00:57:10,440 --> 00:57:15,440 Insertaremos código embebido para que luego podáis probarlo, este tipo de cosas. 1564 00:57:15,440 --> 00:57:24,440 ¿Entonces? 1565 00:57:36,440 --> 00:57:37,440 ¿1? 1566 00:57:37,440 --> 00:57:38,440 ¿1? 1567 00:57:38,440 --> 00:57:39,440 El 1 es fijo, ¿eh? 1568 00:57:39,440 --> 00:57:40,440 Perdón. 1569 00:57:40,440 --> 00:57:41,440 El password es fijo. 1570 00:57:41,440 --> 00:57:42,440 El password es único. 1571 00:57:42,440 --> 00:57:43,440 No cambia según el... 1572 00:57:43,440 --> 00:57:44,440 Perdón. 1573 00:57:45,440 --> 00:57:46,440 El password es fijo. 1574 00:57:46,440 --> 00:57:49,440 Es el usuario el que cambia el número. 1575 00:57:53,440 --> 00:57:57,440 Entonces, una vez dentro, lo que empiezo es a jugar con el espacio. 1576 00:57:57,440 --> 00:57:58,440 ¿Qué he hecho? 1577 00:57:58,440 --> 00:58:02,440 Mi página, mi objeto página, lo he limitado en ancho. 1578 00:58:02,440 --> 00:58:04,440 Otra cosa es que se me limite, ¿eh? 1579 00:58:04,440 --> 00:58:09,440 Porque luego, por así decirlo, hay cajas dentro que igual fuerzan a que no pueda ser más pequeño. 1580 00:58:09,440 --> 00:58:13,440 Igual aquí tengo una caja que ocupa, o una imagen que ocupa 700 píxeles, 1581 00:58:13,440 --> 00:58:16,440 y yo aunque quiera hacerlo más pequeño, la imagen se tiene que ver. 1582 00:58:16,440 --> 00:58:19,440 Y me dicen, no, yo tengo que mostrar una imagen aquí, me han metido una imagen, no puedo hacer nada. 1583 00:58:19,440 --> 00:58:21,440 Entonces, habría que analizarlo. 1584 00:58:21,440 --> 00:58:23,440 Pero imaginemos que puedo poner 800. 1585 00:58:23,440 --> 00:58:29,440 Esto me sirve en cualquier modelo de caja para centrar un objeto en este eje. 1586 00:58:30,440 --> 00:58:36,440 Y ahora lo que haré es, como queda un poco así, voy a trabajar con el fondo de página para poner un color, al menos. 1587 00:58:36,440 --> 00:58:39,440 Ya os he dicho que hoy tenía el día verde. 1588 00:58:39,440 --> 00:58:51,440 Voy al body, pincho en el body, le hago background-color-green, y lo veo todo verde. 1589 00:58:51,440 --> 00:58:53,440 Chulísimo, ¿no? 1590 00:58:53,440 --> 00:58:57,440 O sea, es un diseño ahí impactante. 1591 00:58:57,440 --> 00:59:00,440 Por lo menos impactante es, que no sería lo contrario. 1592 00:59:00,440 --> 00:59:03,440 Impactante, impactante es. 1593 00:59:04,440 --> 00:59:07,440 Entonces, ¿qué me he dado cuenta al hacerlo? 1594 00:59:07,440 --> 00:59:12,440 Tío, es que el objeto page, el central, no tiene fondo. 1595 00:59:12,440 --> 00:59:17,440 Tengo que ser, de verdad, de ser malas personas. 1596 00:59:17,440 --> 00:59:23,440 Entonces, le digo, al fondo, me añades un color. 1597 00:59:23,440 --> 00:59:27,440 Venga, ya, bueno, ya esto ya empieza a ser otra cosita. 1598 00:59:27,440 --> 00:59:29,440 Ya empezamos a verlo bien. 1599 00:59:29,440 --> 00:59:32,440 Y aquí podemos empezar a jugar. 1600 00:59:33,440 --> 00:59:36,440 Esto es, esto es empezar a jugar. 1601 00:59:36,440 --> 00:59:44,440 Border, si yo pongo border, por ejemplo, tres pixels, black, perdón, me he colado. 1602 00:59:44,440 --> 00:59:46,440 Solid. 1603 00:59:49,440 --> 00:59:51,440 Tengo un border de la página. 1604 00:59:53,440 --> 00:59:57,440 Y ahora ya aquí, pues, lo que es empezar a hacer. 1605 00:59:58,440 --> 01:00:02,440 Pues podemos empezar a, una vez que nos hemos lanzado, pues yo empezaré a avanzarme con todo. 1606 01:00:02,440 --> 01:00:06,440 Pues ahora venga, empiezo a poner enlaces, pues cambio enlaces. 1607 01:00:09,440 --> 01:00:14,440 Venga, verde, este color de fondo no me gusta, los quiero todos en verde. 1608 01:00:16,440 --> 01:00:19,440 Venga, la cabecera también en verde. 1609 01:00:20,440 --> 01:00:24,440 Es más, la cabecera, ¿eh? 1610 01:00:28,440 --> 01:00:31,440 Es más, la cabecera quiere un border inferior. 1611 01:00:31,440 --> 01:00:38,440 Border, bottom, dos pixels, solid, black. 1612 01:00:38,440 --> 01:00:40,440 Venga. 1613 01:00:40,440 --> 01:00:44,440 Puedo trabajar visualmente con algo sin hacer nada. 1614 01:00:44,440 --> 01:00:50,440 Sin hacer nada, porque en el momento que recargue la página, todo esto se va, se desaparece. 1615 01:00:50,440 --> 01:00:55,440 Con lo cual, hay veces que es mejor apuntar lo que hacemos para luego pasárselo a quien tenga que aplicar los cambios. 1616 01:00:55,440 --> 01:00:58,440 O si no, el pobre, luego se vuelve loco. 1617 01:00:58,440 --> 01:01:02,440 Mira, que chulo, es decir, muy bien, pero no recargues. 1618 01:01:04,440 --> 01:01:08,440 No, lo haces de uno en uno y documentas de alguna manera y le pasas los cambios. 1619 01:01:08,440 --> 01:01:16,440 Dices, aplica esto a esta cabecera o vas luego al CSS, vas a buscar la línea concreta y lo localizas y lo cambias. 1620 01:01:16,440 --> 01:01:21,440 Al menos ya has visto cómo queda antes de hacer ningún tipo de aplicación. 1621 01:01:23,440 --> 01:01:27,440 ¿Qué tenemos? Si os fijáis, a ver si es así o es incorrecto. 1622 01:01:27,440 --> 01:01:35,440 Si os fijáis, el enlace de arriba es de otro color, porque yo puedo tener enlaces diferenciados por zonas. 1623 01:01:36,440 --> 01:01:43,440 Porque la parte de arriba resulta que es un objeto header y tiene su propia gama de colores. 1624 01:01:43,440 --> 01:01:47,440 No te vas a salvar tampoco, bandido. 1625 01:01:49,440 --> 01:01:51,440 Tú también estarás en verde. 1626 01:01:53,440 --> 01:01:55,440 Pero luego tengo que ver dónde está. 1627 01:01:55,440 --> 01:02:05,440 Luego la idea es, vas al CSS, buscas esto, buscas esto y vienes a ver dónde estaba el código, dónde estaba ese color y lo reemplazas. 1628 01:02:05,440 --> 01:02:14,440 Y al reemplazarlo, digamos que al actualizar la página ya bien, deberías ver los nuevos cambios que has visto previamente en el filebook y te ha servido para evaluarlos. 1629 01:02:14,440 --> 01:02:18,440 ¿Modificas el styles o añades abajo? 1630 01:02:19,440 --> 01:02:25,440 Si es que se quiere decir que ejecuto lo último que he visto. 1631 01:02:25,440 --> 01:02:26,440 Sí. 1632 01:02:35,440 --> 01:02:36,440 Depende. 1633 01:02:38,440 --> 01:02:39,440 Depende, yo depende. 1634 01:02:39,440 --> 01:02:44,440 Si es un diseño base, si es el diseño base, voy al base. 1635 01:02:44,440 --> 01:02:50,440 Si lo que hago son adaptaciones pequeñas sobre partes concretas de un diseño ya establecido que me viene de otro espacio, 1636 01:02:50,440 --> 01:02:58,440 lo que abro es una especie de comentario, cambios introducidos, no sé qué a raíz de tal, y sobreescribo, como tú bien dices, los estilos. 1637 01:02:58,440 --> 01:03:01,440 ¿Cómo te llamas? 1638 01:03:01,440 --> 01:03:02,440 Raúl. 1639 01:03:02,440 --> 01:03:08,440 Raúl, lo que dices en CSS, los objetos se construyen de una manera encascada. 1640 01:03:09,440 --> 01:03:16,440 Y si yo en una hoja de CSS, que es una hoja de código, al final de todo hago estos códigos, 1641 01:03:16,440 --> 01:03:22,440 él lee y como llega al último va aplicando y el último machaca lo que he definido previamente. 1642 01:03:22,440 --> 01:03:28,440 Con lo cual, de alguna manera, es lo que decía, o cambias el original o cambias abajo y si borras lo de abajo, 1643 01:03:28,440 --> 01:03:32,440 lo último que has añadido, te mantendría el original de manera natural. 1644 01:03:33,440 --> 01:03:39,440 También es cierto que luego hay un truco, que en algunos casos hay un estilo que no se aplica. 1645 01:03:39,440 --> 01:03:43,440 A veces hay un estilo que tú aplicas y dices, no, es que no se ve. 1646 01:03:43,440 --> 01:03:53,440 Bueno, pues ese no se ve, muchas veces viene definido porque hay algún objeto que le está molestando. 1647 01:03:54,440 --> 01:03:58,440 Normalmente lo que se hace es esto. 1648 01:03:58,440 --> 01:04:06,440 Esto, de alguna manera, le estás diciendo al CSS que lo que dice antes es lo que tú quieras. 1649 01:04:06,440 --> 01:04:08,440 Pero esto es lo que vale. 1650 01:04:08,440 --> 01:04:11,440 Esto manda aquí. 1651 01:04:11,440 --> 01:04:18,440 Este es un pequeño truco que según en qué casos aplicáis un estilo y no lo veis, seguramente es una derivación de otros estilos. 1652 01:04:18,440 --> 01:04:24,440 A veces es difícil encontrar de dónde viene ese color y tiras por la directa. 1653 01:04:24,440 --> 01:04:29,440 Le digo que es importante... Oye, olvídate lo anterior. 1654 01:04:29,440 --> 01:04:33,440 Es que hay unas combinaciones ahí que a veces no son fáciles de localizar. 1655 01:04:33,440 --> 01:04:36,440 Pero he visto cómo hago, en realidad, para modificar rápidamente. 1656 01:04:36,440 --> 01:04:39,440 En el caso de una imagen, lo que hago es cambiar la ruta. 1657 01:04:40,440 --> 01:04:49,440 Si yo tengo una imagen o un fondo que apunta a una ruta determinada, yo cambiando la ruta, cambiaría la imagen. 1658 01:04:49,440 --> 01:04:52,440 Lo que haría sería publicarlo en el FTP, esa imagen. 1659 01:04:52,440 --> 01:04:54,440 Por ejemplo, no tengo ninguna. 1660 01:04:54,440 --> 01:04:58,440 Imagen, fondo 2, y ahí visualizaría la imagen. 1661 01:04:58,440 --> 01:05:00,440 No tiene más misterio. 1662 01:05:00,440 --> 01:05:05,440 O sea, los CSS, para bien o para mal, las reglas básicas son muy pocas. 1663 01:05:05,440 --> 01:05:08,440 Es fácil de aprender a tocar cuatro cosas básicas. 1664 01:05:08,440 --> 01:05:12,440 ¿Y este CSS que estás modificando, para qué es? 1665 01:05:12,440 --> 01:05:15,440 ¿Es el video web? ¿Tienes que subirlo también? 1666 01:05:15,440 --> 01:05:18,440 No, no. Lo que estás modificando es en tu máquina. 1667 01:05:18,440 --> 01:05:23,440 Apúntalo o seleccionas código, lo copias y te lo llevas. 1668 01:05:23,440 --> 01:05:25,440 No es tan fácil. 1669 01:05:25,440 --> 01:05:30,440 Hay una opción para guardar el CSS, pero nosotros no lo utilizamos. 1670 01:05:30,440 --> 01:05:31,440 Lo utilizamos como base. 1671 01:05:31,440 --> 01:05:34,440 Nosotros habitualmente trabajamos con el Firebug y el CSS es abierto. 1672 01:05:34,440 --> 01:05:39,440 Una vez que lo variamos en Firebug, vas al otro lado, lo buscas y lo aplicas. 1673 01:05:39,440 --> 01:05:41,440 La hoja de estilo es abierta. 1674 01:05:41,440 --> 01:05:45,440 Entonces dices, lo veo, haces cuatro o cinco cambios, para no hacer uno, 1675 01:05:45,440 --> 01:05:48,440 lo aplicas al CSS que tienes abierto, recarga la página 1676 01:05:48,440 --> 01:05:51,440 y ves si realmente el cambio ha sido correcto. 1677 01:05:51,440 --> 01:05:53,440 Lo tienes los dos en paralelo. 1678 01:05:53,440 --> 01:05:58,440 No trabajamos con CSS, porque trabajar con CSS a mano, a memoria, es inviable. 1679 01:05:58,440 --> 01:06:02,440 Y esto te ahorra una de trabajo espectacular. 1680 01:06:02,440 --> 01:06:07,440 Y se otorga a ver cosas de código, cosas que dices, ¿y esta imagen dónde está? 1681 01:06:07,440 --> 01:06:11,440 A veces no la encuentras, pues ahí te da la ruta, con lo cual vas muy directo. 1682 01:06:11,440 --> 01:06:13,440 Tiene un sistema de Firebug también de cargas. 1683 01:06:13,440 --> 01:06:16,440 Puedes detectarse un archivo, ha fallado la carga o no, 1684 01:06:16,440 --> 01:06:18,440 te está ralentizando una carga o no. 1685 01:06:18,440 --> 01:06:20,440 Es una maravilla. 1686 01:06:23,440 --> 01:06:25,440 Ya está, y ya está. 1687 01:06:25,440 --> 01:06:27,440 Talibán, es una maravilla. 1688 01:06:27,440 --> 01:06:29,440 Todo el mundo utiliza Firebug. 1689 01:06:30,440 --> 01:06:37,440 Y el de Safari, en una actividad de Safari también es muy chula. 1690 01:06:37,440 --> 01:06:39,440 Y hay una opción para cargar, 1691 01:06:39,440 --> 01:06:42,440 que eso nos ocurrió con un cliente de una entidad bancaria, 1692 01:06:42,440 --> 01:06:44,440 que tiene Explorer 6. 1693 01:06:48,440 --> 01:06:52,440 Y además tienes que hacer los cambios en sus máquinas. 1694 01:06:52,440 --> 01:06:54,440 Que no puede instalar nada. 1695 01:06:54,440 --> 01:06:56,440 Absolutamente nada. 1696 01:06:56,440 --> 01:06:59,440 Olvídate de Firefox, de Firebug, de nada, nada. 1697 01:06:59,440 --> 01:07:01,440 Y un simple text. 1698 01:07:01,440 --> 01:07:03,440 Y ni siquiera tiene un FTP. 1699 01:07:03,440 --> 01:07:05,440 Con lo cual tenemos que... 1700 01:07:05,440 --> 01:07:07,440 No voy a llorar. 1701 01:07:07,440 --> 01:07:09,440 Pero resulta que hay un resquicio. 1702 01:07:09,440 --> 01:07:11,440 Hay un resquicio hasta para eso. 1703 01:07:11,440 --> 01:07:18,440 Hay una posibilidad de cargar un Firebug Lite en un Explorer a través de una URL. 1704 01:07:18,440 --> 01:07:22,440 Con lo cual, ahí encontramos un poco de luz y podemos ver exactamente 1705 01:07:22,440 --> 01:07:24,440 qué estaba pasando en zonas determinadas. 1706 01:07:24,440 --> 01:07:26,440 Además era un tema de Scorum. 1707 01:07:26,440 --> 01:07:28,440 Con lo cual, ya salvaje. 1708 01:07:28,440 --> 01:07:30,440 De determinadas de la pantalla. 1709 01:07:41,440 --> 01:07:43,440 Es que es diferente. 1710 01:07:43,440 --> 01:07:47,440 Tú puedes tener definida en CSS una regla general. 1711 01:07:47,440 --> 01:07:50,440 Que sería, por así decirlo, éstas. 1712 01:07:50,440 --> 01:07:52,440 Te fijas, una regla general. 1713 01:07:53,440 --> 01:07:57,440 Y luego puedes tener definidas reglas que anulan la regla general. 1714 01:07:57,440 --> 01:07:59,440 Perdón. 1715 01:07:59,440 --> 01:08:03,440 Entonces, si tienes reglas que anulan la regla general, tendrías que cambiar todas las reglas. 1716 01:08:03,440 --> 01:08:05,440 La general y las que anulan la regla general. 1717 01:08:06,440 --> 01:08:08,440 Esta cambia todas. 1718 01:08:08,440 --> 01:08:09,440 Todas son iguales. 1719 01:08:09,440 --> 01:08:12,440 Pero la de arriba, como se rige por una excepción, no la puedo cambiar. 1720 01:08:12,440 --> 01:08:14,440 Tengo que ir a la excepción y cambiarla. 1721 01:08:14,440 --> 01:08:16,440 Yo cambiando red, he cambiado todos. 1722 01:08:16,440 --> 01:08:18,440 He cambiado de aquí, pero he cambiado en todos. 1723 01:08:18,440 --> 01:08:20,440 Todos los que se rigen por la generalidad. 1724 01:08:20,440 --> 01:08:22,440 El de arriba, no. El de arriba es una excepción. 1725 01:08:22,440 --> 01:08:24,440 Con lo cual, tienes que ir a la excepción. 1726 01:08:24,440 --> 01:08:26,440 Eso es muy útil. 1727 01:08:26,440 --> 01:08:28,440 Las excepciones son muy útiles. 1728 01:08:28,440 --> 01:08:32,440 Yo, por ejemplo, aquí meter un enlace en verde. 1729 01:08:32,440 --> 01:08:34,440 En la barra de menú. 1730 01:08:34,440 --> 01:08:36,440 Pues, como veréis, no se va a ver. 1731 01:08:36,440 --> 01:08:37,440 Si los enlaces son verdes. 1732 01:08:37,440 --> 01:08:38,440 Entonces, tengo que ir a la barra de menú. 1733 01:08:38,440 --> 01:08:41,440 Oye, en la barra de menú, los enlaces tienen que ser de color blanco. 1734 01:08:41,440 --> 01:08:43,440 Porque si no, no se van a ver. 1735 01:08:43,440 --> 01:08:45,440 Por eso están las excepciones. 1736 01:08:51,440 --> 01:08:53,440 No te entiendo. 1737 01:08:59,440 --> 01:09:01,440 Puedes llegar a controlarlo. 1738 01:09:01,440 --> 01:09:03,440 Porque los objetos... 1739 01:09:03,440 --> 01:09:05,440 Te identifican las actividades. 1740 01:09:05,440 --> 01:09:06,440 Y el objeto. 1741 01:09:06,440 --> 01:09:08,440 Llega a identificarlo, sí. 1742 01:09:08,440 --> 01:09:10,440 Ahí sí que puedes llegar. 1743 01:09:10,440 --> 01:09:12,440 Incluso puedes identificar el tipo de recurso que pones. 1744 01:09:12,440 --> 01:09:15,440 Entonces, un tipo de recurso, hacer una cosa u otra. 1745 01:09:15,440 --> 01:09:17,440 Por ejemplo, puedes hacer que los objetos de test. 1746 01:09:17,440 --> 01:09:19,440 Esto nos ocurrió en un caso hace poco. 1747 01:09:19,440 --> 01:09:21,440 Los test determinados de un curso. 1748 01:09:21,440 --> 01:09:23,440 Por ejemplo, que tengan una apariencia o un espacio más arriba o más abajo. 1749 01:09:23,440 --> 01:09:24,440 O algo. 1750 01:09:24,440 --> 01:09:26,440 Puedes hacer cosas con eso. 1751 01:09:26,440 --> 01:09:27,440 Y dentro también. 1752 01:09:27,440 --> 01:09:28,440 Ver el contexto. 1753 01:09:28,440 --> 01:09:29,440 Ahí llega. 1754 01:09:29,440 --> 01:09:31,440 Como de apurado. 1755 01:09:31,440 --> 01:09:33,440 Tenemos que ver la casuística. 1756 01:09:33,440 --> 01:09:35,440 Pero llega, llega. 1757 01:09:35,440 --> 01:09:37,440 Vamos a la... 1758 01:09:37,440 --> 01:09:39,440 Seguimos en esto que llamamos presentación. 1759 01:09:41,440 --> 01:09:43,440 Moodle es cuadrado. 1760 01:09:43,440 --> 01:09:45,440 Y sigue siendo cuadrado. 1761 01:09:45,440 --> 01:09:48,440 Lo que peor lleva a Moodle es la parte central de contenidos. 1762 01:09:48,440 --> 01:09:51,440 Eso sí que es cuadrado, pero cuadrado, cuadrado, pero cuadradísimo. 1763 01:09:51,440 --> 01:09:53,440 Es una tabla. 1764 01:09:53,440 --> 01:09:54,440 TD. 1765 01:09:54,440 --> 01:09:55,440 TD. 1766 01:09:55,440 --> 01:09:56,440 Y TD. 1767 01:09:56,440 --> 01:09:58,440 Y ahí sí que... 1768 01:09:58,440 --> 01:10:00,440 Los juegos visuales sí que es ya de... 1769 01:10:02,440 --> 01:10:04,440 Eso sí que son divertidos. 1770 01:10:04,440 --> 01:10:06,440 Para conseguir aquí algo visual, es divertido. 1771 01:10:06,440 --> 01:10:09,440 Porque no tiene una estructura fácil de montar. 1772 01:10:09,440 --> 01:10:10,440 Entonces tienes que jugar. 1773 01:10:10,440 --> 01:10:11,440 ¿Qué puedo hacer aquí? 1774 01:10:11,440 --> 01:10:13,440 Puedo hacer que este TD... 1775 01:10:13,440 --> 01:10:15,440 Por ejemplo, ponerle un fondo a este objeto. 1776 01:10:15,440 --> 01:10:16,440 Imaginaos que yo tenga aquí un fondo. 1777 01:10:16,440 --> 01:10:17,440 Aquí lo puedo hacer. 1778 01:10:17,440 --> 01:10:19,440 Le hago un redondeado. 1779 01:10:19,440 --> 01:10:22,440 Puedo hacer que aquí tenga todo redondeado. 1780 01:10:22,440 --> 01:10:24,440 Podría llegar a hacerlo. 1781 01:10:24,440 --> 01:10:26,440 Y yo sé que, por ejemplo, hay máximo cinco iconos. 1782 01:10:26,440 --> 01:10:29,440 Con lo cual, ya tiene un gráfico de una determinada manera. 1783 01:10:29,440 --> 01:10:33,440 Y hago que el alto como mínimo, el alto mínimo, sea de no sé qué. 1784 01:10:33,440 --> 01:10:34,440 Puedo hacer juegos. 1785 01:10:34,440 --> 01:10:36,440 Ahora bien, la parte central. 1786 01:10:36,440 --> 01:10:39,440 Si empiezo a hacer juegos visuales en la parte central, un poco más avanzados. 1787 01:10:41,440 --> 01:10:43,440 Por desgracia, ahí tenemos muchas limitaciones. 1788 01:10:44,440 --> 01:10:46,440 Porque se construye una manera que no... 1789 01:10:47,440 --> 01:10:48,440 No deja mucho juego. 1790 01:10:48,440 --> 01:10:52,440 Pero bueno, aún así se pueden hacer cositas como las que habéis visto en los diseños. 1791 01:10:54,440 --> 01:10:56,440 Emul 2.0 rompe todo lo que os estoy explicando. 1792 01:10:56,440 --> 01:10:57,440 Lo tiráis a la basura. 1793 01:10:57,440 --> 01:10:59,440 Y el año que viene lo volvemos a hablar. 1794 01:11:00,440 --> 01:11:01,440 Así te lo digo. 1795 01:11:06,440 --> 01:11:08,440 A nivel de cómo construir los temas, cambia mucho. 1796 01:11:10,440 --> 01:11:11,440 Teóricamente, sí. 1797 01:11:11,440 --> 01:11:13,440 Teóricamente, es más flexible. 1798 01:11:13,440 --> 01:11:14,440 Pero bueno. 1799 01:11:16,440 --> 01:11:17,440 ¿Eh? 1800 01:11:21,440 --> 01:11:22,440 Empieza a ver. 1801 01:11:22,440 --> 01:11:23,440 Por eso yo también... 1802 01:11:23,440 --> 01:11:24,440 Es un tema... 1803 01:11:24,440 --> 01:11:25,440 Nosotros tenemos un campus. 1804 01:11:25,440 --> 01:11:30,440 Si alguien quiere entrar y necesita probar el Moodle 2.0. 1805 01:11:31,440 --> 01:11:32,440 Que me avise. 1806 01:11:32,440 --> 01:11:35,440 Envíe un mail y yo le dejo un acceso de profesor a un campus 2.0. 1807 01:11:35,440 --> 01:11:41,440 Tenemos uno que se actualiza cada semana con el core de Moodle. 1808 01:11:42,440 --> 01:11:45,440 Es un diseño convencional de Moodle 2.0. 1809 01:11:45,440 --> 01:11:46,440 Segundito. 1810 01:11:46,440 --> 01:11:47,440 ¿Alumno no? 1811 01:11:50,440 --> 01:11:51,440 Bueno, pues alumno. 1812 01:11:53,440 --> 01:11:54,440 Esto es un 2.0. 1813 01:11:54,440 --> 01:11:56,440 Incorporarse de objetos nuevos. 1814 01:11:56,440 --> 01:11:57,440 De menú de navegación. 1815 01:11:57,440 --> 01:11:58,440 De desplegable lateral. 1816 01:11:59,440 --> 01:12:01,440 Hay un cambio conceptual importante. 1817 01:12:01,440 --> 01:12:03,440 Incorpora una especie de navegación. 1818 01:12:03,440 --> 01:12:04,440 Ahora a ver si... 1819 01:12:06,440 --> 01:12:07,440 Vale. 1820 01:12:07,440 --> 01:12:09,440 Me incorpora navegación lateral. 1821 01:12:13,440 --> 01:12:15,440 Me incorpora una serie de objetos nuevos. 1822 01:12:15,440 --> 01:12:20,440 De alguna manera habrá que estudiar cómo nos van a afectar. 1823 01:12:20,440 --> 01:12:21,440 Pero no. 1824 01:12:21,440 --> 01:12:22,440 Vuelvo al tema. 1825 01:12:22,440 --> 01:12:23,440 No es una limitación. 1826 01:12:23,440 --> 01:12:29,440 La limitación muchas veces está en lo que nosotros queramos hacer con el desarrollo. 1827 01:12:30,440 --> 01:12:32,440 Por eso no me acuerdo mi cuenta de administrador. 1828 01:12:33,440 --> 01:12:34,440 Ahora buscaré. 1829 01:12:36,440 --> 01:12:37,440 No puedo entrar. 1830 01:12:39,440 --> 01:12:44,440 Si alguien por un casual quiere probar Moodle 2.0 como profesor y le hace ilusión. 1831 01:12:44,440 --> 01:12:48,440 Que me envíe un mail y le habitaré un par de recursos para que pueda probarlos. 1832 01:12:57,440 --> 01:12:59,440 Algunos códigos rápidos para no programadores CSS. 1833 01:13:00,440 --> 01:13:04,440 Por cierto, la presentación está colgada en el campus de MoodleMoodle. 1834 01:13:04,440 --> 01:13:05,440 En los talleres. 1835 01:13:05,440 --> 01:13:07,440 Ayer no estaba, pero ya ayer la publiqué. 1836 01:13:09,440 --> 01:13:17,440 Un display known nos oculta la altura, la anchura de un objeto. 1837 01:13:17,440 --> 01:13:21,440 O el flow hidden, en este caso, es cuando yo defino una altura o una anchura. 1838 01:13:21,440 --> 01:13:24,440 Y, por ejemplo, quiero que solamente sea esa altura y esa anchura. 1839 01:13:24,440 --> 01:13:26,440 Aunque haya más contenido. 1840 01:13:26,440 --> 01:13:28,440 Más o menos un fondo, pero no quiero que sobrepase. 1841 01:13:28,440 --> 01:13:32,440 Esto lo que hace es un cuadrado y todo lo que sale de ese cuadrado lo borra. 1842 01:13:32,440 --> 01:13:34,440 Nos lo oculta completamente. 1843 01:13:34,440 --> 01:13:36,440 Va muy bien para según qué diseño. 1844 01:13:37,440 --> 01:13:42,440 Flatlet o Flatlight es habilitar lo que se llama el modelo de caja en diseño de web. 1845 01:13:43,440 --> 01:13:47,440 Que lo que hace es que permite a los objetos estar flotando en el escenario. 1846 01:13:47,440 --> 01:13:50,440 Esto es muy divertido y al mismo tiempo es una tortura para desarrollar. 1847 01:13:52,440 --> 01:13:53,440 ¿Lo habéis oído? 1848 01:13:54,440 --> 01:13:55,440 Muy divertido. 1849 01:13:55,440 --> 01:13:58,440 El modelo de caja en diseño web es muy divertido. 1850 01:13:58,440 --> 01:14:02,440 Al mismo tiempo, una vez que te acostumbras, vas cogiendo los truquillos. 1851 01:14:02,440 --> 01:14:04,440 Y con Explore es más divertido todavía. 1852 01:14:04,440 --> 01:14:06,440 Background color. 1853 01:14:06,440 --> 01:14:08,440 Va a poner un color de fondo. 1854 01:14:08,440 --> 01:14:09,440 Tamaño de letra. 1855 01:14:09,440 --> 01:14:11,440 Color. 1856 01:14:11,440 --> 01:14:12,440 El color no va por font color. 1857 01:14:12,440 --> 01:14:13,440 Color. 1858 01:14:13,440 --> 01:14:14,440 Border. 1859 01:14:14,440 --> 01:14:15,440 Va a poner un border. 1860 01:14:15,440 --> 01:14:17,440 Y esto es mentira. 1861 01:14:17,440 --> 01:14:18,440 Según se pica. 1862 01:14:20,440 --> 01:14:22,440 No os creáis que hay mucho más. 1863 01:14:22,440 --> 01:14:24,440 Voy a dejar 5 códigos más que son los que utilizan el resto. 1864 01:14:24,440 --> 01:14:25,440 Es esto. 1865 01:14:27,440 --> 01:14:28,440 Está colgado en el campus. 1866 01:14:28,440 --> 01:14:29,440 En el Moodle Moodle. 1867 01:14:29,440 --> 01:14:30,440 En los talleres. 1868 01:14:32,440 --> 01:14:33,440 ¿Qué más? 1869 01:14:33,440 --> 01:14:34,440 El header. 1870 01:14:34,440 --> 01:14:37,440 El header me sirve para hacer toda la carga superior. 1871 01:14:37,440 --> 01:14:38,440 Para poner el logo. 1872 01:14:38,440 --> 01:14:39,440 No sé qué. 1873 01:14:39,440 --> 01:14:42,440 Habitualmente lo utilizas para poner el nombre del usuario. 1874 01:14:42,440 --> 01:14:44,440 Lo utilizas habitualmente para eso. 1875 01:14:44,440 --> 01:14:47,440 Es lo convencional con lo cual es lo que habitualmente se hace. 1876 01:14:47,440 --> 01:14:52,440 En nuestro caso, por así decirlo, lo que yo haría es aprovechar a cargar librerías. 1877 01:14:52,440 --> 01:14:56,440 Aquí es donde aprovecharía a cargar jQuery o a cargar otras librerías. 1878 01:14:59,440 --> 01:15:00,440 En el footer. 1879 01:15:00,440 --> 01:15:01,440 La librería. 1880 01:15:11,440 --> 01:15:12,440 ¿Cuál es el pequeño? 1881 01:15:12,440 --> 01:15:15,440 Cuando estás en un curso, muchos temas tienen... 1882 01:15:16,440 --> 01:15:20,440 Ya, pero la carga javascript lo haces en un espacio. 1883 01:15:30,440 --> 01:15:31,440 Yo tengo una excusa. 1884 01:15:31,440 --> 01:15:33,440 Como no soy programador, no lo sé. 1885 01:15:34,440 --> 01:15:35,440 No lo sé. 1886 01:15:35,440 --> 01:15:36,440 Yo habitualmente lo hago. 1887 01:15:36,440 --> 01:15:37,440 Me gusta cargarlo allí. 1888 01:15:37,440 --> 01:15:40,440 Si meto un jQuery, haces una carpeta .js y lo metes. 1889 01:15:40,440 --> 01:15:41,440 ¿Qué ventaja tenemos? 1890 01:15:41,440 --> 01:15:44,440 Hay unas librerías muy potentes que están desarrolladas, 1891 01:15:44,440 --> 01:15:47,440 que podemos implementar de una manera más o menos sencilla, 1892 01:15:47,440 --> 01:15:50,440 sobre la base de Moodle y darles potencia gráfica. 1893 01:15:50,440 --> 01:15:53,440 Hay una librería, por ejemplo, de tooltips de jQuery que es muy potente. 1894 01:15:53,440 --> 01:15:56,440 Cambiando eso y cambiando algunas cosas del core, 1895 01:15:56,440 --> 01:15:59,440 tienes lo que habéis visto antes, los tooltips visuales. 1896 01:16:00,440 --> 01:16:02,440 Entonces, ¿qué más? 1897 01:16:03,440 --> 01:16:07,440 ¿Diseñaríamos un código PHP que nos diga si el usuario actual es de Barcelona o Madrid? 1898 01:16:08,440 --> 01:16:09,440 Vamos a hacerlo. 1899 01:16:09,440 --> 01:16:10,440 Voy a hacerlo yo. 1900 01:16:11,440 --> 01:16:12,440 Os voy a enseñar el código. 1901 01:16:13,440 --> 01:16:14,440 Ah, no lo tengo. 1902 01:16:14,440 --> 01:16:15,440 Aquí. 1903 01:16:16,440 --> 01:16:17,440 Mala persona. 1904 01:16:18,440 --> 01:16:19,440 Vamos a ir a la cabecera. 1905 01:16:19,440 --> 01:16:20,440 Os lo enseño. 1906 01:16:20,440 --> 01:16:22,440 Os lo dejo publicado para que lo veáis. 1907 01:16:23,440 --> 01:16:24,440 Aquí está. 1908 01:16:25,440 --> 01:16:27,440 Voy a hacer este pequeño código. 1909 01:16:27,440 --> 01:16:28,440 Bueno, ya lo tengo hecho. 1910 01:16:29,440 --> 01:16:34,440 Este pequeño código lo que me hace es, en la cabecera del header.html, 1911 01:16:35,440 --> 01:16:38,440 cargo esto a la hora de la construcción de la página. 1912 01:16:39,440 --> 01:16:40,440 ¿Qué hago? 1913 01:16:40,440 --> 01:16:44,440 Le digo, si el usuario tiene una ciudad definida, ponme la ciudad. 1914 01:16:45,440 --> 01:16:46,440 Si no lo tiene, le pongo el default. 1915 01:16:47,440 --> 01:16:48,440 ¿Para qué me sirve esto? 1916 01:16:48,440 --> 01:16:53,440 Para que luego, vía CSS, mostrar o no contenido a un usuario según la ciudad que sea. 1917 01:16:54,440 --> 01:16:55,440 O según el departamento. 1918 01:16:55,440 --> 01:16:56,440 O según si es hombre. 1919 01:16:56,440 --> 01:16:58,440 O si le gusta la cerveza. 1920 01:16:59,440 --> 01:17:00,440 O lo que quiera. 1921 01:17:01,440 --> 01:17:09,440 Utilizo un pequeño código PHP para luego, visualmente, con trucos visuales, mostrarle una información u otra. 1922 01:17:10,440 --> 01:17:11,440 Luego entraríamos ya en algo más complejo. 1923 01:17:11,440 --> 01:17:15,440 Es decir, esto también podemos aplicarlo con agrupamientos o cien mil cosas. 1924 01:17:15,440 --> 01:17:18,440 Para que entendáis un poco, pequeños giros. 1925 01:17:18,440 --> 01:17:20,440 Decir, oye, y si hago esto, ¿qué ocurre? 1926 01:17:20,440 --> 01:17:24,440 Pues si hago esto, resulta que tengo una potencia brutal de visualización. 1927 01:17:24,440 --> 01:17:27,440 Entonces yo digo, pues voy a putear a los de Madrid, con todo cariño. 1928 01:17:27,440 --> 01:17:29,440 Creo que alguno está expuesto como usuario de Madrid. 1929 01:17:31,440 --> 01:17:32,440 Ya pues. 1930 01:17:33,440 --> 01:17:34,440 Voy al CSS. 1931 01:17:34,440 --> 01:17:35,440 Uy, Dios mío, que feo, por favor. 1932 01:17:36,440 --> 01:17:37,440 Voy al CSS. 1933 01:17:38,440 --> 01:17:39,440 A ver si lo tengo por algún lado. 1934 01:17:39,440 --> 01:17:40,440 Mira, sí, lo tengo aquí. 1935 01:17:41,440 --> 01:17:43,440 Los de Madrid creo que no veis el bloque de noticias. 1936 01:17:45,440 --> 01:17:47,440 Creo que el bloque de noticias está comentado, ¿no? 1937 01:17:47,440 --> 01:17:48,440 A ver. 1938 01:17:48,440 --> 01:17:49,440 Sí, sí, no. 1939 01:17:49,440 --> 01:17:53,440 Si ponéis en vuestro perfil, si cambiáis a Madrid, no veréis el bloque de noticias. 1940 01:17:54,440 --> 01:17:56,440 Este bloque de aquí, son las últimas noticias. 1941 01:17:57,440 --> 01:18:00,440 Lo hemos ocultado para los usuarios. 1942 01:18:00,440 --> 01:18:02,440 Es que no me apetece que vean las últimas noticias los de Madrid. 1943 01:18:05,440 --> 01:18:10,440 He hecho una regla CSS específica, seleccionando un tipo de usuario. 1944 01:18:10,440 --> 01:18:14,440 Lo he capturado, le he devuelto una clase, que es lo que CSS me interesa. 1945 01:18:14,440 --> 01:18:19,440 He tocado el código muy poquito, para no tocar una cosa salvaje que luego tenga que actualizarlo. 1946 01:18:19,440 --> 01:18:21,440 Además he tocado en el header, ni siquiera en el core. 1947 01:18:22,440 --> 01:18:24,440 Ni siquiera en el core, tocan el tema que pueda añadir el código. 1948 01:18:24,440 --> 01:18:29,440 Y eso lo he utilizado, a mi favor, para mostrar o segmentar información. 1949 01:18:29,440 --> 01:18:31,440 Por lo mismo, puedo trabajar con la cabecera. 1950 01:18:31,440 --> 01:18:34,440 La cabecera puede ser diferente, depende del departamento. 1951 01:18:35,440 --> 01:18:37,440 Los bloques, los colores pueden ser diferentes. 1952 01:18:37,440 --> 01:18:40,440 Puedo mostrar o ocultar bloques vía CSS. 1953 01:18:40,440 --> 01:18:43,440 Ojo, no es un tema seguro. 1954 01:18:43,440 --> 01:18:45,440 Es un tema visual, juegos visuales. 1955 01:18:46,440 --> 01:18:48,440 El objeto está ahí, lo ocultamos. 1956 01:18:48,440 --> 01:18:53,440 No es un tema de decir, pongo aquí una información súper confidencial, si la oculto vía CSS. 1957 01:18:53,440 --> 01:18:55,440 No, está ahí. 1958 01:18:55,440 --> 01:18:57,440 Lo que pasa es que no se ve. 1959 01:18:57,440 --> 01:18:59,440 Cualquiera que vea un poco el código, la ve. 1960 01:18:59,440 --> 01:19:01,440 No funciona para eso. 1961 01:19:03,440 --> 01:19:05,440 Solo los ven los de Barcelona. 1962 01:19:05,440 --> 01:19:07,440 No lo sé. 1963 01:19:08,440 --> 01:19:10,440 Pero los de Cuenca tampoco. 1964 01:19:11,440 --> 01:19:12,440 No puede ser, no. 1965 01:19:12,440 --> 01:19:14,440 Tenías que verlo, ¿seguro? 1966 01:19:15,440 --> 01:19:17,440 ¿El bloque de últimas noticias? 1967 01:19:17,440 --> 01:19:19,440 ¿Este bloque de últimas noticias? 1968 01:19:22,440 --> 01:19:24,440 Igual no tenéis últimas noticias, habéis añadido. 1969 01:19:24,440 --> 01:19:26,440 Igual alguien ha tocado... 1970 01:19:26,440 --> 01:19:29,440 Estuvieron en otro taller, igual han tocado el bloque de noticias y no lo han eliminado. 1971 01:19:29,440 --> 01:19:30,440 Voy a hacer algo más. 1972 01:19:30,440 --> 01:19:32,440 Vamos a hacer algo más salvaje. 1973 01:19:33,440 --> 01:19:35,440 Vamos a hacer algo más salvaje. 1974 01:19:36,440 --> 01:19:38,440 Eh... 1975 01:19:38,440 --> 01:19:40,440 Hay... 1976 01:19:41,440 --> 01:19:43,440 Hay habido... 1977 01:19:43,440 --> 01:19:45,440 Una reivindicación. 1978 01:19:45,440 --> 01:19:47,440 Hay una reivindicación de tierra. 1979 01:19:48,440 --> 01:19:50,440 Vamos a hacer algo más divertido. 1980 01:19:54,440 --> 01:19:56,440 Ah, bueno, sí, es otro tema. 1981 01:19:56,440 --> 01:19:58,440 No he hecho una segmentación de... 1982 01:19:58,440 --> 01:20:01,440 No me he parado a hacer una segmentación de... 1983 01:20:01,440 --> 01:20:02,440 He ido muy rápido. 1984 01:20:02,440 --> 01:20:04,440 Es más, en el caso de Ciudad es peligroso. 1985 01:20:04,440 --> 01:20:06,440 Pues San Sebastián... 1986 01:20:06,440 --> 01:20:07,440 Tendríamos que... 1987 01:20:07,440 --> 01:20:09,440 En realidad tenemos que hacer lo que es un truncate 1988 01:20:09,440 --> 01:20:11,440 y buscar una unidad. 1989 01:20:11,440 --> 01:20:13,440 San Sebastián sin espacios y sin tildes. 1990 01:20:13,440 --> 01:20:14,440 Y compararlo a través de ahí. 1991 01:20:14,440 --> 01:20:16,440 Pero sí que me servía como referencia 1992 01:20:16,440 --> 01:20:19,440 para algo rápido que pudiese evaluar. 1993 01:20:19,440 --> 01:20:20,440 Entonces voy a hacer algo diferente. 1994 01:20:20,440 --> 01:20:22,440 A ver, esto no lo hice el otro día. 1995 01:20:22,440 --> 01:20:24,440 Con lo cual corro el peligro de efecto demo. 1996 01:20:24,440 --> 01:20:26,440 Espero no suceda. 1997 01:20:26,440 --> 01:20:27,440 Eh... 1998 01:20:27,440 --> 01:20:28,440 ¿Dónde está esto? 1999 01:20:28,440 --> 01:20:29,440 ¿Dónde lo tengo? 2000 01:20:29,440 --> 01:20:30,440 Window, window, window. 2001 01:20:30,440 --> 01:20:31,440 Aquí. 2002 01:20:31,440 --> 01:20:33,440 A los de Madrid... 2003 01:20:33,440 --> 01:20:38,440 Vamos a hacerles una pequeña... 2004 01:20:38,440 --> 01:20:40,440 Una pequeña... 2005 01:20:40,440 --> 01:20:41,440 Ah... 2006 01:20:41,440 --> 01:20:43,440 Fidel Home. 2007 01:20:43,440 --> 01:20:44,440 Busco esto. 2008 01:20:44,440 --> 01:20:45,440 Busco esto en mi código. 2009 01:20:45,440 --> 01:20:47,440 A ver si lo localizo. 2010 01:20:47,440 --> 01:20:48,440 Ah... 2011 01:20:48,440 --> 01:20:49,440 Fidel Home. 2012 01:20:49,440 --> 01:20:51,440 Fidel... 2013 01:20:51,440 --> 01:20:52,440 Aquí está. 2014 01:20:52,440 --> 01:20:53,440 Entonces... 2015 01:20:53,440 --> 01:20:54,440 Eh... 2016 01:20:54,440 --> 01:20:55,440 ¿Qué era? 2017 01:20:55,440 --> 01:20:58,440 Era una clase, ¿verdad? 2018 01:20:58,440 --> 01:21:00,440 Era... 2019 01:21:00,440 --> 01:21:02,440 Madrid. 2020 01:21:02,440 --> 01:21:03,440 Fidel, ¿no? 2021 01:21:03,440 --> 01:21:04,440 Era una clase. 2022 01:21:04,440 --> 01:21:05,440 Madrid. 2023 01:21:05,440 --> 01:21:06,440 Fidel. 2024 01:21:06,440 --> 01:21:08,440 Y Madrid, Fidel Home. 2025 01:21:20,440 --> 01:21:21,440 Bueno, ya está. 2026 01:21:21,440 --> 01:21:24,440 Los de Madrid se van a tener una vista maravillosa de este tema gráfico. 2027 01:21:24,440 --> 01:21:25,440 A ver, ¿ha funcionado? 2028 01:21:25,440 --> 01:21:27,440 ¿Alguien de Madrid está viendo la cabecera? 2029 01:21:33,440 --> 01:21:34,440 ¿Cómo que no vale? 2030 01:21:34,440 --> 01:21:36,440 ¿Cómo que no vale? 2031 01:21:36,440 --> 01:21:37,440 ¿Qué pasa? 2032 01:21:37,440 --> 01:21:38,440 ¿Qué ha pasado? 2033 01:21:38,440 --> 01:21:39,440 ¿Se ve la cabecera esta? 2034 01:21:39,440 --> 01:21:41,440 ¿Que no veis la misma cabecera que yo? 2035 01:21:41,440 --> 01:21:42,440 ¿No? 2036 01:21:42,440 --> 01:21:43,440 ¡Jolín! 2037 01:21:43,440 --> 01:21:45,440 ¡Qué pena me dais ahora mismo, eh! 2038 01:21:45,440 --> 01:21:47,440 Ya tú puedes cambiar de... 2039 01:21:52,440 --> 01:21:56,440 Bueno, pues entonces tenemos un pequeño... 2040 01:21:56,440 --> 01:22:00,440 Un pequeño trozo de código que nos sirve 2041 01:22:00,440 --> 01:22:03,440 para utilizarlo gráficamente en nuestro favor. 2042 01:22:03,440 --> 01:22:06,440 No solo gráficamente, pero en este caso lo utilizamos 2043 01:22:06,440 --> 01:22:09,440 para que gráficamente nos facilite hacer cosas 2044 01:22:09,440 --> 01:22:12,440 que de otra manera no sean tan fáciles. 2045 01:22:12,440 --> 01:22:13,440 Lo mismo... 2046 01:22:13,440 --> 01:22:15,440 Lo mismo sucede... 2047 01:22:15,440 --> 01:22:17,440 Esto sucede con un código PHP. 2048 01:22:17,440 --> 01:22:19,440 Es más difícil obtener el rol. 2049 01:22:19,440 --> 01:22:21,440 Por ejemplo, si alguien lo pregunta, es más difícil obtenerlo 2050 01:22:21,440 --> 01:22:23,440 porque el rol funciona a través de contextos. 2051 01:22:23,440 --> 01:22:27,440 Y el concepto rol y contextos en Moodle es como hablar de... 2052 01:22:27,440 --> 01:22:29,440 Sexo de los ángeles. 2053 01:22:29,440 --> 01:22:32,440 Pero digamos que se podría obtener también el rol. 2054 01:22:32,440 --> 01:22:34,440 Y otros valores. 2055 01:22:34,440 --> 01:22:37,440 Entonces decir, oye, quiero hacer una segmentación gráfica 2056 01:22:37,440 --> 01:22:40,440 por departamento, por provincia, por lo que sea. 2057 01:22:40,440 --> 01:22:43,440 Podemos hacerlo. 2058 01:22:43,440 --> 01:22:45,440 Luego tenemos el tema de jQuery. 2059 01:22:45,440 --> 01:22:48,440 Lo que os decía, la otra triada importante es jQuery. 2060 01:22:48,440 --> 01:22:53,440 Entonces aquí hay una función que está añadida al header 2061 01:22:53,440 --> 01:22:56,440 que creo que está comentada, que va a hacer lo siguiente. 2062 01:22:56,440 --> 01:22:59,440 He añadido la librería de jQuery, 2063 01:22:59,440 --> 01:23:01,440 que es una librería que permite hacer efectos visuales 2064 01:23:01,440 --> 01:23:03,440 con objetos en la pantalla. 2065 01:23:03,440 --> 01:23:05,440 Y lo que he hecho es un pequeño truquito. 2066 01:23:05,440 --> 01:23:09,440 Para que veáis la potencia de jQuery a nivel general. 2067 01:23:09,440 --> 01:23:15,440 Al darle a la columna derecha, oculto la parte central, 2068 01:23:15,440 --> 01:23:19,440 al darle a la columna izquierda, la vuelvo a mostrar. 2069 01:23:19,440 --> 01:23:22,440 A nivel, no he hecho nada más que un código. 2070 01:23:22,440 --> 01:23:24,440 Lo veréis, no tiene más misterio. 2071 01:23:24,440 --> 01:23:27,440 No tiene ni siquiera un efecto visual, porque podría hacerlo. 2072 01:23:27,440 --> 01:23:30,440 Podríamos hacer que al entrar el usuario, 2073 01:23:30,440 --> 01:23:33,440 esté todo oculto y vaya mostrando en efecto persiana 2074 01:23:33,440 --> 01:23:35,440 las tres columnas. 2075 01:23:35,440 --> 01:23:38,440 Podríamos hacerlo, no hay ninguna limitación. 2076 01:23:38,440 --> 01:23:43,440 Más allá de tener un conocimiento o querer hacerlo. 2077 01:23:43,440 --> 01:23:45,440 Entonces es este código. 2078 01:23:45,440 --> 01:23:48,440 Lo que hace es, cuando el documento está preparado, 2079 01:23:48,440 --> 01:23:50,440 voy a decir esto, cuando ha cargado, 2080 01:23:50,440 --> 01:23:53,440 es una función de jQuery convencional, 2081 01:23:53,440 --> 01:23:56,440 si en la columna izquierda haces clic, 2082 01:23:56,440 --> 01:23:59,440 la columna de en medio me la muestras. 2083 01:23:59,440 --> 01:24:02,440 Si en la columna derecha haces clic, 2084 01:24:02,440 --> 01:24:05,440 la columna de en medio me la ocultas. 2085 01:24:05,440 --> 01:24:07,440 Ya está, no hay misterio. 2086 01:24:07,440 --> 01:24:11,440 Pues a partir de aquí, en la cabecera, lo que queráis. 2087 01:24:11,440 --> 01:24:15,440 Porque hay librerías de jQuery o hay funciones de jQuery 2088 01:24:15,440 --> 01:24:18,440 para hacer absolutamente lo que queramos. 2089 01:24:18,440 --> 01:24:21,440 Incluso desde el punto de vista de reescribir en caliente 2090 01:24:21,440 --> 01:24:24,440 cualquier tipo de contenido a la pantalla. 2091 01:24:24,440 --> 01:24:28,440 En una determinada red social X, 2092 01:24:28,440 --> 01:24:31,440 resulta que deja una abierta posibilidad de meter jQuery 2093 01:24:31,440 --> 01:24:34,440 y resulta que se nos ocurrió 2094 01:24:34,440 --> 01:24:37,440 que el tema de según qué información 2095 01:24:37,440 --> 01:24:39,440 que aparecía en esa red social, 2096 01:24:39,440 --> 01:24:41,440 pues no nos apetecía verla. 2097 01:24:41,440 --> 01:24:44,440 Como digamos que nosotros tenemos la posibilidad de meter jQuery 2098 01:24:44,440 --> 01:24:47,440 y cargar jQuery, lo que necesitamos es un código 2099 01:24:47,440 --> 01:24:51,440 para que determinada información no se muestrase. 2100 01:24:51,440 --> 01:24:54,440 Es una potencia brutal, o para escribir código. 2101 01:24:54,440 --> 01:24:57,440 Una potencia brutal y también un riesgo al abrirlo. 2102 01:24:57,440 --> 01:25:00,440 También es otro tema, pero jQuery es muy muy potente. 2103 01:25:00,440 --> 01:25:04,440 Más. Seguimos con esta... 2104 01:25:04,440 --> 01:25:07,440 Llamole... algo. 2105 01:25:07,440 --> 01:25:09,440 La de bate... algo. 2106 01:25:09,440 --> 01:25:11,440 El footer. 2107 01:25:11,440 --> 01:25:13,440 Pues la parte inferior. 2108 01:25:13,440 --> 01:25:16,440 Normalmente es para meter las informaciones 2109 01:25:16,440 --> 01:25:18,440 de la cadera, de pies... 2110 01:25:18,440 --> 01:25:20,440 Pongamos una tabla... 2111 01:25:20,440 --> 01:25:22,440 Pensad en lo que os gustaría ver allí. 2112 01:25:22,440 --> 01:25:24,440 Pongamos contenido fijo. 2113 01:25:24,440 --> 01:25:26,440 Pongamos contenido dinámico. 2114 01:25:26,440 --> 01:25:29,440 Pensad en qué os gustaría ver allí 2115 01:25:29,440 --> 01:25:33,440 y a ver, buscad la manera de cómo integrarlo. 2116 01:25:33,440 --> 01:25:35,440 Seguramente se puede hacer. 2117 01:25:35,440 --> 01:25:37,440 Los bloques laterales. 2118 01:25:37,440 --> 01:25:39,440 ¿Qué es lo que se suele hacer habitualmente? 2119 01:25:39,440 --> 01:25:41,440 Cambiar los fondos. 2120 01:25:41,440 --> 01:25:43,440 Cambiar el color del objeto. 2121 01:25:43,440 --> 01:25:45,440 El espacio, los tamaños, la distribución. 2122 01:25:45,440 --> 01:25:47,440 A mí, por ejemplo, la distribución del aire. 2123 01:25:47,440 --> 01:25:49,440 En Moodle, en general, los diseños me gustan. 2124 01:25:49,440 --> 01:25:51,440 Me gusta que un diseño tenga aire. 2125 01:25:51,440 --> 01:25:54,440 Me molesta mucho que, por ejemplo, esté todo pegado ahí. 2126 01:25:54,440 --> 01:25:56,440 Lo que hago es trabajar con un concepto que se llama padding 2127 01:25:56,440 --> 01:25:59,440 para expandir de alguna manera el contenido 2128 01:25:59,440 --> 01:26:03,440 y dejarle que tenga un espacio interior. 2129 01:26:03,440 --> 01:26:05,440 Otra cosa que me molesta, por ejemplo, a mí de Moodle mucho 2130 01:26:05,440 --> 01:26:09,440 es el tema de la distribución de los temas. 2131 01:26:09,440 --> 01:26:12,440 Es decir, aquí los temas se construyen 2132 01:26:13,440 --> 01:26:18,440 de tal manera que este objeto de aquí en medio 2133 01:26:18,440 --> 01:26:21,440 no lo diré, a ver si lo selecciono. 2134 01:26:21,440 --> 01:26:23,440 Fijaos la construcción que hace. 2135 01:26:23,440 --> 01:26:25,440 Es que hace una construcción que es para... 2136 01:26:25,440 --> 01:26:27,440 En fin. 2137 01:26:30,440 --> 01:26:33,440 Mete un TR de separador. 2138 01:26:33,440 --> 01:26:35,440 Esto es una tabla. 2139 01:26:35,440 --> 01:26:37,440 Es que la construcción de temas de Moodle es una tabla. 2140 01:26:37,440 --> 01:26:40,440 Es que es, en fin, alucinante. 2141 01:26:40,440 --> 01:26:43,440 Un separador aquí en medio. 2142 01:26:45,440 --> 01:26:47,440 Para separar. Vale, fantástico. 2143 01:26:47,440 --> 01:26:49,440 La sección me la mete aquí. 2144 01:26:49,440 --> 01:26:52,440 Con lo cual, a la hora de construir visualmente algo, 2145 01:26:52,440 --> 01:26:54,440 ¿qué hago? 2146 01:26:54,440 --> 01:26:59,440 Tengo un objeto aquí en medio que se llama section, main. 2147 01:26:59,440 --> 01:27:03,440 Lo puedo trabajar, pero que es un objeto plano. 2148 01:27:03,440 --> 01:27:05,440 No tengo segmentación, no tengo división, no tengo nada. 2149 01:27:05,440 --> 01:27:07,440 No puedo hacer nada con él. 2150 01:27:07,440 --> 01:27:09,440 Es un objeto único en una tabla, además. 2151 01:27:09,440 --> 01:27:12,440 Absolutamente nada. Es muy frustrante en este sentido. 2152 01:27:12,440 --> 01:27:14,440 Pero bueno, tienes el separador. 2153 01:27:14,440 --> 01:27:16,440 Y con el separador lo que nosotros actualmente hacemos 2154 01:27:16,440 --> 01:27:18,440 es intentar que tenga aire. 2155 01:27:18,440 --> 01:27:21,440 Porque si no queda muy pegajoso. 2156 01:27:21,440 --> 01:27:23,440 En el separador lo que hacemos es 2157 01:27:23,440 --> 01:27:27,440 coger y darle aire 2158 01:27:27,440 --> 01:27:29,440 para separarlo del contenido. 2159 01:27:29,440 --> 01:27:32,440 Ahora ya estaba separado, pero es un poco lo que yo haría 2160 01:27:32,440 --> 01:27:34,440 en cuanto a distribución. 2161 01:27:34,440 --> 01:27:37,440 En este caso lo que hemos hecho aquí es un borde al objeto. 2162 01:27:37,440 --> 01:27:39,440 Pero es que la construcción de los TR, 2163 01:27:39,440 --> 01:27:41,440 la construcción del tema, 2164 01:27:41,440 --> 01:27:43,440 es que es de verdad... 2165 01:27:43,440 --> 01:27:45,440 Mira, esta es la construcción de un tema. 2166 01:27:45,440 --> 01:27:48,440 Visualmente es muy limitado. 2167 01:27:48,440 --> 01:27:50,440 A mí se me ocurriría. 2168 01:27:50,440 --> 01:27:52,440 Le meto un objeto de fondo, 2169 01:27:52,440 --> 01:27:54,440 un color, un objeto de fondo, 2170 01:27:54,440 --> 01:27:56,440 por así decirlo, que vaya hacia abajo. 2171 01:27:56,440 --> 01:27:58,440 Que aquí esté redondeado. 2172 01:27:58,440 --> 01:28:00,440 Vale, fantástico. Lo tengo. 2173 01:28:00,440 --> 01:28:02,440 Tengo una cabecera que me hace así. 2174 01:28:02,440 --> 01:28:04,440 Hacia abajo. Qué guay. 2175 01:28:04,440 --> 01:28:06,440 Está arriba y se me ve. 2176 01:28:06,440 --> 01:28:08,440 Tengo un separador para hacer el cierre. 2177 01:28:08,440 --> 01:28:10,440 Imaginemos, tengo un separador y hago el cierre. 2178 01:28:10,440 --> 01:28:12,440 ¿Cuál es el problema que nos encontramos? 2179 01:28:12,440 --> 01:28:14,440 Lo que os decía antes que era un poco más subgénero. 2180 01:28:14,440 --> 01:28:16,440 ¿Qué ocurre? 2181 01:28:16,440 --> 01:28:18,440 Que tu cabecera de fondo de noticias, 2182 01:28:18,440 --> 01:28:20,440 el principal de aquí, 2183 01:28:20,440 --> 01:28:22,440 éste también lo incorpora. 2184 01:28:22,440 --> 01:28:24,440 O sea, que no empiezas con separador. 2185 01:28:24,440 --> 01:28:26,440 Empiezas con sección. 2186 01:28:26,440 --> 01:28:28,440 Vamos a explicarlo. 2187 01:28:28,440 --> 01:28:30,440 No nos dejaba hacerlo. 2188 01:28:30,440 --> 01:28:32,440 Al hacer este modelo, 2189 01:28:32,440 --> 01:28:34,440 aquí no dejaba... 2190 01:28:34,440 --> 01:28:36,440 No dejaba hacerlo en el modelo 2191 01:28:36,440 --> 01:28:38,440 en el que metíamos una imagen superior. 2192 01:28:38,440 --> 01:28:40,440 Porque al meter una imagen superior 2193 01:28:40,440 --> 01:28:42,440 teníamos que bajarlo todo. 2194 01:28:42,440 --> 01:28:44,440 Aquí poníamos la imagen. 2195 01:28:44,440 --> 01:28:46,440 En este objeto de fondo poníamos el comienzo 2196 01:28:46,440 --> 01:28:48,440 para que coincidiese más o menos a altura con esto. 2197 01:28:48,440 --> 01:28:50,440 Y ya trabajamos 2198 01:28:50,440 --> 01:28:52,440 para construir el cierre del separador. 2199 01:28:52,440 --> 01:28:54,440 En el primero de todos ellos. 2200 01:28:54,440 --> 01:28:56,440 Y a partir de ahí ya construíamos el modelo. 2201 01:28:56,440 --> 01:28:58,440 Pero es complicado. 2202 01:28:58,440 --> 01:29:00,440 Es una estructura que no... 2203 01:29:00,440 --> 01:29:02,440 No facilita el trabajo. 2204 01:29:02,440 --> 01:29:04,440 Y aquí sí que tenemos muchas limitaciones 2205 01:29:04,440 --> 01:29:06,440 a la hora de trabajar. 2206 01:29:06,440 --> 01:29:08,440 Y vais a tenerlas. 2207 01:29:08,440 --> 01:29:10,440 Pero es lo que tenemos 2208 01:29:10,440 --> 01:29:12,440 y no podemos hacerle mucha cosa más. 2209 01:29:12,440 --> 01:29:14,440 ¿Qué más? 2210 01:29:14,440 --> 01:29:16,440 Pues aquí, juegos visuales. 2211 01:29:16,440 --> 01:29:18,440 A mí me gusta, por ejemplo, 2212 01:29:18,440 --> 01:29:20,440 trabajar mucho con... 2213 01:29:20,440 --> 01:29:22,440 Si es una estructura donde tiene que verse 2214 01:29:22,440 --> 01:29:24,440 el objeto de fecha de alguna manera, 2215 01:29:24,440 --> 01:29:26,440 pues trabajar con... 2216 01:29:30,440 --> 01:29:32,440 Visualmente, que no moleste. 2217 01:29:32,440 --> 01:29:34,440 Pues no tiene que molestar, pero que se vea claramente. 2218 01:29:34,440 --> 01:29:36,440 Secciones, tal manera. 2219 01:29:36,440 --> 01:29:38,440 Juegamos con tamaños. 2220 01:29:38,440 --> 01:29:40,440 Juegamos con colores. Juegamos con distribución. 2221 01:29:40,440 --> 01:29:42,440 Vamos a hacerlo. 2222 01:29:42,440 --> 01:29:44,440 ¿Qué más cosas más allá del diseño 2223 01:29:44,440 --> 01:29:46,440 más convencional? 2224 01:29:46,440 --> 01:29:48,440 Lo que os decía antes del modelo de caja. 2225 01:29:48,440 --> 01:29:50,440 El modelo de caja es complejo. 2226 01:29:50,440 --> 01:29:52,440 Esto es esto. 2227 01:29:52,440 --> 01:29:54,440 Esto es esta parte de aquí. 2228 01:29:56,440 --> 01:29:58,440 Y este es este de aquí. 2229 01:29:58,440 --> 01:30:00,440 Entonces, es una tabla. 2230 01:30:00,440 --> 01:30:02,440 No te olvides de hacer movimientos visuales. 2231 01:30:02,440 --> 01:30:04,440 Ni moverlos, ni girarlos, ni ponerlos. 2232 01:30:04,440 --> 01:30:06,440 Posicionamiento, no sé qué. 2233 01:30:06,440 --> 01:30:08,440 Ni izquierda, ni derecha. No, es una tabla. 2234 01:30:08,440 --> 01:30:10,440 Está más limitado. 2235 01:30:10,440 --> 01:30:12,440 Luego tienes un sumario, que es esta parte de aquí. 2236 01:30:12,440 --> 01:30:14,440 Y tienes una sección de menús. 2237 01:30:14,440 --> 01:30:16,440 Esta parte de aquí. 2238 01:30:16,440 --> 01:30:18,440 Y aquí lo que hacemos, en un caso de diseño que habéis visto, 2239 01:30:18,440 --> 01:30:20,440 es a este sumario le hemos hecho 2240 01:30:20,440 --> 01:30:22,440 un... 2241 01:30:22,440 --> 01:30:24,440 Le hemos hecho un float. 2242 01:30:24,440 --> 01:30:26,440 Un floatless a los dos. 2243 01:30:26,440 --> 01:30:28,440 Vamos a ver un momento. 2244 01:30:28,440 --> 01:30:30,440 En uno de los diseños que habéis visto, 2245 01:30:30,440 --> 01:30:32,440 voy a activar la edición 2246 01:30:32,440 --> 01:30:34,440 rápidamente. 2247 01:30:34,440 --> 01:30:36,440 Voy a añadir 2248 01:30:36,440 --> 01:30:38,440 un recurso. 2249 01:30:38,440 --> 01:30:40,440 Una etiqueta. 2250 01:30:40,440 --> 01:30:42,440 Me vale con cualquier cosa para hacer una prueba rápida. 2251 01:30:42,440 --> 01:30:44,440 Una etiqueta. 2252 01:30:44,440 --> 01:30:46,440 Muy bien. 2253 01:30:46,440 --> 01:30:48,440 Una etiqueta con un nombre 2254 01:30:48,440 --> 01:30:50,440 identificativo. 2255 01:30:50,440 --> 01:30:52,440 Mete un contenido. 2256 01:30:52,440 --> 01:30:54,440 Aquí, por ejemplo, yo puedo meter un contenido 2257 01:30:54,440 --> 01:30:56,440 corriente, o puedo generar una tabla 2258 01:30:56,440 --> 01:30:58,440 en Dreamweaver y encostarla aquí. 2259 01:30:58,440 --> 01:31:00,440 O incluso podría hacer aquí dips 2260 01:31:00,440 --> 01:31:02,440 interiores. Podría construir ya algo más complejo. 2261 01:31:02,440 --> 01:31:04,440 Algún dip que tenga un tamaño determinado, 2262 01:31:04,440 --> 01:31:06,440 que tenga no sé qué. Puedo hacerlo. 2263 01:31:06,440 --> 01:31:08,440 Yo aquí puedo hacer construcciones más complejas. 2264 01:31:08,440 --> 01:31:10,440 Porque yo en el código me dejo hacer construcciones más 2265 01:31:10,440 --> 01:31:12,440 complejas, si tengo el conocimiento para hacerlo. 2266 01:31:12,440 --> 01:31:14,440 Pero digamos que es más 2267 01:31:14,440 --> 01:31:16,440 limitadito en este aspecto. 2268 01:31:16,440 --> 01:31:18,440 Entonces tengo estos dos objetos. 2269 01:31:18,440 --> 01:31:20,440 Tengo un objeto de texto y un objeto de recursos. 2270 01:31:20,440 --> 01:31:22,440 ¿Qué puedo hacer? Por ejemplo, 2271 01:31:22,440 --> 01:31:24,440 se planteó en los diseños del Sibier. 2272 01:31:24,440 --> 01:31:26,440 En este 2273 01:31:26,440 --> 01:31:28,440 caso concreto, sin tocar el core, 2274 01:31:28,440 --> 01:31:30,440 le digo que este objeto 2275 01:31:30,440 --> 01:31:32,440 sea un float left. 2276 01:31:32,440 --> 01:31:34,440 Y que el siguiente, ahora igual 2277 01:31:34,440 --> 01:31:36,440 aquí hago una cosa que no ves. 2278 01:31:36,440 --> 01:31:38,440 Imagen texto. 2279 01:31:38,440 --> 01:31:40,440 La imagen texto ahora mismo 2280 01:31:40,440 --> 01:31:42,440 no la utilizo. 2281 01:31:42,440 --> 01:31:44,440 Float left. 2282 01:31:44,440 --> 01:31:46,440 Coloco uno al lado de otro. Entonces hago que el primero 2283 01:31:46,440 --> 01:31:48,440 tenga un tamaño, voy a hacer un tamaño 2284 01:31:48,440 --> 01:31:50,440 pequeñito, a ver si funciona. 2285 01:31:50,440 --> 01:31:52,440 ¿Qué he hecho? 2286 01:31:52,440 --> 01:31:54,440 Posicionar los dos objetos uno 2287 01:31:54,440 --> 01:31:56,440 al lado del otro. Si ahora a este objeto 2288 01:31:56,440 --> 01:31:58,440 le pongo un borde, ya tengo un 2289 01:31:58,440 --> 01:32:00,440 efecto visual y no he tenido que hacer 2290 01:32:00,440 --> 01:32:02,440 gran cosa realmente. 2291 01:32:02,440 --> 01:32:04,440 En vez de pensar, ¿esto es lo que me da? 2292 01:32:04,440 --> 01:32:06,440 Pues a ver cómo lo puedo poner de otra manera. 2293 01:32:06,440 --> 01:32:08,440 Pues no quiero cambiar el corazón. 2294 01:32:08,440 --> 01:32:10,440 Es un float left. Hace modelo 2295 01:32:10,440 --> 01:32:12,440 de caja. Se comporta 2296 01:32:12,440 --> 01:32:14,440 caja y como le he dado un tamaño fijo, 2297 01:32:14,440 --> 01:32:16,440 este puede entrar. Si aquí 2298 01:32:16,440 --> 01:32:18,440 pusiese una imagen muy grande, me 2299 01:32:18,440 --> 01:32:20,440 empujaría a la caja, con lo cual teníamos problemas. 2300 01:32:20,440 --> 01:32:22,440 Pero bueno, digamos que de esta manera 2301 01:32:22,440 --> 01:32:24,440 puedo hacer estos montajes. Entonces podría tener 2302 01:32:24,440 --> 01:32:26,440 en un formato visual 2303 01:32:26,440 --> 01:32:28,440 todos los... 2304 01:32:28,440 --> 01:32:30,440 ¿Cuál es? 2305 01:32:30,440 --> 01:32:32,440 He puesto este 2306 01:32:32,440 --> 01:32:34,440 y el otro se me ha colocado directamente. 2307 01:32:34,440 --> 01:32:36,440 El sumario y el otro se me ha colocado 2308 01:32:36,440 --> 01:32:38,440 directamente. 2309 01:32:40,440 --> 01:32:42,440 Espera, porque ahora me he liado yo. 2310 01:32:44,440 --> 01:32:46,440 Ah, es este. Este no lo he puesto 2311 01:32:46,440 --> 01:32:48,440 en left, pero ha funcionado. 2312 01:32:48,440 --> 01:32:50,440 Porque el otro es left. 2313 01:32:50,440 --> 01:32:52,440 Border. Esto es lo que pasa por hacer 2314 01:32:52,440 --> 01:32:54,440 las cosas sin un 2315 01:32:54,440 --> 01:32:56,440 guión previo. 2316 01:32:56,440 --> 01:32:58,440 Solid. No. 2317 01:32:58,440 --> 01:33:00,440 Dotted. 2318 01:33:00,440 --> 01:33:02,440 Dotted. Parece 2319 01:33:02,440 --> 01:33:04,440 un poco dotted. 2320 01:33:04,440 --> 01:33:06,440 Black. 2321 01:33:06,440 --> 01:33:08,440 ¿Me he hecho algo? 2322 01:33:08,440 --> 01:33:10,440 No me ha hecho ni caso. 2323 01:33:10,440 --> 01:33:12,440 Probablemente nada. 2324 01:33:16,440 --> 01:33:18,440 No. 2325 01:33:18,440 --> 01:33:20,440 No me está haciendo. 2326 01:33:20,440 --> 01:33:22,440 Bueno. No voy a seguir 2327 01:33:22,440 --> 01:33:24,440 porque ahora si voy a entrar en un bucle de demo y no. 2328 01:33:24,440 --> 01:33:26,440 Y eso os liaría. Pero es esto. 2329 01:33:26,440 --> 01:33:28,440 Trabajar con las distribuciones y puedo hacer 2330 01:33:28,440 --> 01:33:30,440 efectos visuales. ¿Qué más puedo trabajar 2331 01:33:30,440 --> 01:33:32,440 en Moodle? Y es algo que a mí es muy importante. 2332 01:33:32,440 --> 01:33:34,440 Lo que os explicaba al principio. Contenidos. 2333 01:33:34,440 --> 01:33:36,440 Los contenidos se pueden modificar. 2334 01:33:36,440 --> 01:33:38,440 Yo puedo trabajar con contenidos 2335 01:33:38,440 --> 01:33:40,440 de una manera que me ayuden... Ah, sí. Ahora sí me lo ha hecho. 2336 01:33:40,440 --> 01:33:42,440 Pero lo he hecho en el otro lado. 2337 01:33:42,440 --> 01:33:44,440 Paso un modelo de caja. Bueno, está igual. 2338 01:33:46,440 --> 01:33:48,440 Me lo está haciendo aquí. 2339 01:33:48,440 --> 01:33:50,440 Porque el modelo de caja me lo está 2340 01:33:50,440 --> 01:33:52,440 llevando a otro lado. Bueno, da igual. 2341 01:33:52,440 --> 01:33:54,440 Entonces, ¿qué puedo hacer? Puedo trabajar con contenido. 2342 01:33:54,440 --> 01:33:56,440 ¿Qué es trabajar 2343 01:33:56,440 --> 01:33:58,440 con contenido para mí? Es decirle, mira. 2344 01:33:58,440 --> 01:34:00,440 Utilizo 2345 01:34:00,440 --> 01:34:02,440 recursos gráficos 2346 01:34:02,440 --> 01:34:04,440 creados exprofeso 2347 01:34:08,440 --> 01:34:10,440 para motivar 2348 01:34:10,440 --> 01:34:12,440 o para dotar de riqueza visual 2349 01:34:12,440 --> 01:34:14,440 a mi propio contenido. 2350 01:34:16,440 --> 01:34:18,440 Es más, 2351 01:34:18,440 --> 01:34:20,440 incluso este gráfico 2352 01:34:20,440 --> 01:34:22,440 lo podría tener de fondo 2353 01:34:22,440 --> 01:34:24,440 de la primera sección 2354 01:34:24,440 --> 01:34:26,440 y trabajar encima con una tabla 2355 01:34:26,440 --> 01:34:28,440 o con un div que posicionalmente 2356 01:34:28,440 --> 01:34:30,440 me escribiese aquí contenido. 2357 01:34:30,440 --> 01:34:32,440 No hay una limitación 2358 01:34:32,440 --> 01:34:34,440 a hacerlo. 2359 01:34:34,440 --> 01:34:36,440 Es buscarle la vuelta de tuerca 2360 01:34:36,440 --> 01:34:38,440 a lo que quiero mostrar y lo que tengo que mostrar. 2361 01:34:38,440 --> 01:34:40,440 Y luego, es algo que funciona muy bien. 2362 01:34:40,440 --> 01:34:42,440 Es trabajar con recursos 2363 01:34:42,440 --> 01:34:44,440 que ayuden a empatizar. 2364 01:34:44,440 --> 01:34:46,440 O a impactar. 2365 01:34:46,440 --> 01:34:48,440 Poner esto, 2366 01:34:48,440 --> 01:34:50,440 digamos que te 2367 01:34:50,440 --> 01:34:52,440 ayuda a visualizar 2368 01:34:52,440 --> 01:34:54,440 de una manera... 2369 01:34:54,440 --> 01:34:56,440 Te ayuda... 2370 01:34:56,440 --> 01:34:58,440 Focalizas aquí y no focalizas en el entorno. 2371 01:34:58,440 --> 01:35:00,440 Focalizas al usuario 2372 01:35:00,440 --> 01:35:02,440 en algo que te interesa focalizar. 2373 01:35:02,440 --> 01:35:04,440 Y le ayudas visualmente 2374 01:35:06,440 --> 01:35:08,440 a trabajar mejor. 2375 01:35:08,440 --> 01:35:10,440 O a una idea concreta. 2376 01:35:10,440 --> 01:35:12,440 ¿Qué más tenemos? Los bloques de HTML. 2377 01:35:12,440 --> 01:35:14,440 Ah, sí, es que si clico 2378 01:35:14,440 --> 01:35:16,440 se me va. 2379 01:35:16,440 --> 01:35:18,440 Si clico, como tengo todavía activo el tema del script, 2380 01:35:18,440 --> 01:35:20,440 se me va 2381 01:35:20,440 --> 01:35:22,440 al carajo. 2382 01:35:22,440 --> 01:35:24,440 A quitarlo porque si no va a estar flotando 2383 01:35:24,440 --> 01:35:26,440 todo el rato. 2384 01:35:26,440 --> 01:35:28,440 Vale. 2385 01:35:28,440 --> 01:35:30,440 ¿Qué puedo añadir? Un bloque HTML. 2386 01:35:30,440 --> 01:35:32,440 El bloque HTML es muy útil. 2387 01:35:32,440 --> 01:35:34,440 Un bloque HTML es muy útil. 2388 01:35:34,440 --> 01:35:36,440 ¿Puedo meter un embed? ¿Puedo meter un slicer? 2389 01:35:36,440 --> 01:35:38,440 ¿O un video YouTube? 2390 01:35:38,440 --> 01:35:40,440 Espera, porque... 2391 01:35:40,440 --> 01:35:42,440 Estoy haciendo las suyas. 2392 01:35:42,440 --> 01:35:44,440 A ver... 2393 01:35:44,440 --> 01:35:46,440 ¿Ahora? ¿Sí? 2394 01:35:46,440 --> 01:35:48,440 ¿Sí? Vale. 2395 01:35:48,440 --> 01:35:50,440 Puedo hacer... 2396 01:35:50,440 --> 01:35:52,440 Puedo meter un slicer 2397 01:35:52,440 --> 01:35:54,440 o un video YouTube. 2398 01:35:54,440 --> 01:35:56,440 Meterlo ahí al lateral. 2399 01:35:56,440 --> 01:35:58,440 Me lo meterá en un tamaño grande, pero, oye, calculo 2400 01:35:58,440 --> 01:36:00,440 qué tamaño debería tener, le doy los 2401 01:36:00,440 --> 01:36:02,440 píxeles concretamente y lo adecuo 2402 01:36:02,440 --> 01:36:04,440 a mi pantalla. De una manera. 2403 01:36:04,440 --> 01:36:06,440 Lo utilizo como lateral. 2404 01:36:06,440 --> 01:36:08,440 Voy a hacer un ejemplo rápido. 2405 01:36:12,440 --> 01:36:14,440 Tengo contenido 2406 01:36:14,440 --> 01:36:16,440 para insertar. Tengo un bloque HTML brutal 2407 01:36:16,440 --> 01:36:18,440 con el cual puedo trabajar. 2408 01:36:20,440 --> 01:36:22,440 Voy a hacer un 2409 01:36:22,440 --> 01:36:24,440 autorreferencial. 2410 01:36:24,440 --> 01:36:26,440 Aquí. 2411 01:36:32,440 --> 01:36:34,440 ¿Dónde estás? Código. 2412 01:36:34,440 --> 01:36:36,440 Código aquí. 2413 01:36:36,440 --> 01:36:38,440 Cojo esto y voy a hacerlo ahora 2414 01:36:38,440 --> 01:36:40,440 directamente. Vengo aquí al código. 2415 01:36:40,440 --> 01:36:42,440 Le pongo el código 2416 01:36:42,440 --> 01:36:44,440 que me ha dibujado Slicer 2417 01:36:44,440 --> 01:36:46,440 y lo pinto. Esto no va a funcionar 2418 01:36:46,440 --> 01:36:48,440 porque el modelo de caja 2419 01:36:48,440 --> 01:36:50,440 me va a forzar a poner ahí el objeto. 2420 01:36:50,440 --> 01:36:52,440 Es muy grande. Me va a romper. 2421 01:36:52,440 --> 01:36:54,440 Vale. Entonces lo que haría sería calcular 2422 01:36:54,440 --> 01:36:56,440 los tamaños de alguna manera. Voy a hacerlo ahora 2423 01:36:56,440 --> 01:36:58,440 rápido para que 2424 01:36:58,440 --> 01:37:00,440 entendáis lo que quiero hacer. 2425 01:37:00,440 --> 01:37:02,440 En la parte central no hay problema. 2426 01:37:02,440 --> 01:37:04,440 Me cabe bien, pero en esta lateral 2427 01:37:04,440 --> 01:37:06,440 no es tan fácil. ¿Me deja editarlo directamente? 2428 01:37:06,440 --> 01:37:08,440 No. Voy aquí. 2429 01:37:08,440 --> 01:37:10,440 Voy a hacer, a ver, 2430 01:37:10,440 --> 01:37:12,440 200. Voy a poner 200. 2431 01:37:12,440 --> 01:37:14,440 200 por aquí. 2432 01:37:16,440 --> 01:37:18,440 Voy a hacer que el tamaño 2433 01:37:18,440 --> 01:37:20,440 no es proporcional 2434 01:37:20,440 --> 01:37:22,440 porque no voy a 2435 01:37:22,440 --> 01:37:24,440 hacerlo ahora. 2436 01:37:24,440 --> 01:37:26,440 No veo ninguno más. 2437 01:37:26,440 --> 01:37:28,440 Hay un ancho y un alto 2438 01:37:28,440 --> 01:37:30,440 pero no veo más. Creo que están todos. 2439 01:37:30,440 --> 01:37:32,440 Guardo 2440 01:37:32,440 --> 01:37:34,440 y lo visualizo. 2441 01:37:34,440 --> 01:37:36,440 No. Pues me ha pasado 2442 01:37:36,440 --> 01:37:38,440 de mí. Vamos. Cosa mala. 2443 01:37:38,440 --> 01:37:40,440 Me ha pasado de mí. Cosa mala. 2444 01:37:40,440 --> 01:37:42,440 A ver, niño. 2445 01:37:42,440 --> 01:37:44,440 Me está haciendo... 2446 01:37:44,440 --> 01:37:46,440 Sí, aquí. 2447 01:37:46,440 --> 01:37:48,440 Este es el que me faltaba. No lo vi antes. 2448 01:37:48,440 --> 01:37:50,440 No sé por qué. 2449 01:37:50,440 --> 01:37:52,440 Vale. 2450 01:37:52,440 --> 01:37:54,440 Ahora lo guardo. 2451 01:37:54,440 --> 01:37:56,440 Sí, ¿no? 2452 01:37:56,440 --> 01:37:58,440 Ahora ya se ha ajustado. Ya está. 2453 01:37:58,440 --> 01:38:00,440 Me vale como elemento. 2454 01:38:00,440 --> 01:38:02,440 Y un vídeo, lo mismo. 2455 01:38:02,440 --> 01:38:04,440 Le inserto un vídeo de YouTube o de Vimeo ahí. 2456 01:38:04,440 --> 01:38:06,440 O un recurso de un reproductor 2457 01:38:06,440 --> 01:38:08,440 de audio. O una lista de audio. 2458 01:38:08,440 --> 01:38:10,440 O una línea de tiempo que genero en un sistema 2459 01:38:10,440 --> 01:38:12,440 de línea de tiempo que hay online. 2460 01:38:12,440 --> 01:38:14,440 ¿Qué sé? ¿Qué dais? Hay líneas de tiempo muy visuales 2461 01:38:14,440 --> 01:38:16,440 que se generan online y tienen un código embebido. 2462 01:38:16,440 --> 01:38:18,440 Genero la línea de tiempo, la vengo, la pongo aquí 2463 01:38:18,440 --> 01:38:20,440 en el contenido central y tengo una línea de tiempo súper 2464 01:38:20,440 --> 01:38:22,440 chula en medio de mi contenido. 2465 01:38:22,440 --> 01:38:24,440 Hay sistema, por ejemplo, de meteorología que insertas 2466 01:38:24,440 --> 01:38:26,440 como un widget al lateral. 2467 01:38:26,440 --> 01:38:28,440 Todo eso, en el fondo, también es diseño. 2468 01:38:28,440 --> 01:38:30,440 Es diseño. 2469 01:38:30,440 --> 01:38:32,440 Es cómo percibimos 2470 01:38:32,440 --> 01:38:34,440 la utilidad de algo. 2471 01:38:34,440 --> 01:38:36,440 Eso es diseño. 2472 01:38:38,440 --> 01:38:40,440 ¿Qué más? Porque ya no sé ni dónde estoy. 2473 01:38:40,440 --> 01:38:42,440 ¿Iconos? 2474 01:38:42,440 --> 01:38:44,440 Puedo intercambiar iconos. Una cosa que funciona bastante bien 2475 01:38:44,440 --> 01:38:46,440 es decir, tengo una carpeta PIX 2476 01:38:46,440 --> 01:38:48,440 de un tema y la cambio con otra carpeta PIX. 2477 01:38:48,440 --> 01:38:50,440 Hay que leerse un poco 2478 01:38:50,440 --> 01:38:52,440 la licencia de uso de los iconos. 2479 01:38:52,440 --> 01:38:54,440 Normalmente no hay problemas, pero pues a caso. 2480 01:38:54,440 --> 01:38:56,440 Pero normalmente puedes cambiar la licencia. 2481 01:38:56,440 --> 01:38:58,440 Es que me gustan mucho a mí, por ejemplo, los de tango. 2482 01:38:58,440 --> 01:39:00,440 Un set de iconos me gustan mucho. 2483 01:39:00,440 --> 01:39:02,440 Intento utilizarlos siempre en todos los desarrollos. 2484 01:39:02,440 --> 01:39:04,440 Porque me gustan más que cualquier otro icono 2485 01:39:04,440 --> 01:39:06,440 que veo por ahí de 2486 01:39:06,440 --> 01:39:08,440 otros temas. Entonces lo utilizo. 2487 01:39:08,440 --> 01:39:10,440 O este icono me ha gustado mucho. 2488 01:39:10,440 --> 01:39:12,440 Este set de iconos lo cambias. 2489 01:39:12,440 --> 01:39:14,440 Crear una carpeta de iconos desde cero 2490 01:39:16,440 --> 01:39:18,440 es divertido. 2491 01:39:18,440 --> 01:39:20,440 Eso no lo recomiendo, pero es divertido. 2492 01:39:20,440 --> 01:39:22,440 Hay unos cuantos iconos. Pero podemos hacerlo. 2493 01:39:22,440 --> 01:39:24,440 Lo que os decía antes 2494 01:39:24,440 --> 01:39:26,440 en el diseño. Jugamos con tamaños grandes 2495 01:39:26,440 --> 01:39:28,440 para ciertos iconos, por ejemplo. 2496 01:39:28,440 --> 01:39:30,440 Imaginemos que yo quiero jugar, meto un icono 2497 01:39:30,440 --> 01:39:32,440 grande y juego con ese icono grande. 2498 01:39:32,440 --> 01:39:34,440 Porque sé que puedo hacerlo. 2499 01:39:34,440 --> 01:39:36,440 Lo que hemos visto. 2500 01:39:36,440 --> 01:39:38,440 Añadir contenido visual, gráficos, 2501 01:39:38,440 --> 01:39:40,440 código embebido, contenido dinámico. 2502 01:39:40,440 --> 01:39:42,440 Hay un módulo 2503 01:39:42,440 --> 01:39:44,440 que es este de aquí, que es el módulo Include. 2504 01:39:44,440 --> 01:39:46,440 Es un módulo 2505 01:39:46,440 --> 01:39:48,440 para Moodle que te permite 2506 01:39:48,440 --> 01:39:50,440 insertar un PHP como un módulo 2507 01:39:50,440 --> 01:39:52,440 normal en cualquier página. 2508 01:39:52,440 --> 01:39:54,440 Es como desarrollar pequeños snippets de PHP 2509 01:39:54,440 --> 01:39:56,440 y te deja elegir qué snippet 2510 01:39:56,440 --> 01:39:58,440 o un selector pones o no. 2511 01:39:58,440 --> 01:40:00,440 Va bastante bien para según 2512 01:40:00,440 --> 01:40:02,440 qué modelos. 2513 01:40:02,440 --> 01:40:04,440 Include está en el enlace este. 2514 01:40:04,440 --> 01:40:06,440 Nosotros lo hemos usado alguna vez 2515 01:40:06,440 --> 01:40:08,440 para insertar rápidamente 2516 01:40:08,440 --> 01:40:10,440 banners, scripts 2517 01:40:10,440 --> 01:40:12,440 de banners y cosas así. Es este. 2518 01:40:12,440 --> 01:40:14,440 Te permite meter 2519 01:40:14,440 --> 01:40:16,440 un pequeño bloque de... 2520 01:40:16,440 --> 01:40:18,440 O sea, generas un módulo, 2521 01:40:18,440 --> 01:40:20,440 lo instalas y luego te va generando pequeños 2522 01:40:20,440 --> 01:40:22,440 snippets de código y te deja seleccionar cuáles. 2523 01:40:22,440 --> 01:40:24,440 Puedes tener diferentes tipologías 2524 01:40:24,440 --> 01:40:26,440 de código. 2525 01:40:26,440 --> 01:40:28,440 Entonces activas el bloque Include. 2526 01:40:28,440 --> 01:40:30,440 Activas ese. 2527 01:40:30,440 --> 01:40:32,440 ¿Qué te permite? Te permite que en un curso 2528 01:40:32,440 --> 01:40:34,440 tengas ese código y en otro no. 2529 01:40:34,440 --> 01:40:36,440 Te permite esa 2530 01:40:36,440 --> 01:40:38,440 capilaridad por cursos. 2531 01:40:38,440 --> 01:40:40,440 A mí me parece un módulo que yo 2532 01:40:40,440 --> 01:40:42,440 utilizo habitualmente y me parece muy útil 2533 01:40:42,440 --> 01:40:44,440 para este tipo de cosas. 2534 01:40:44,440 --> 01:40:46,440 ¿Qué más? Editar la cabeza del curso, crear tablas. 2535 01:40:46,440 --> 01:40:48,440 Vuelvo a repetir un poco. 2536 01:40:48,440 --> 01:40:50,440 La configuración que os decía. 2537 01:40:50,440 --> 01:40:52,440 En la configuración hay una opción para configurar 2538 01:40:52,440 --> 01:40:54,440 el tema gráfico. Entonces puedo definir 2539 01:40:54,440 --> 01:40:56,440 estilos del usuario. 2540 01:40:56,440 --> 01:40:58,440 En el curso, este es vosotros, el que os he habilitado, 2541 01:40:58,440 --> 01:41:00,440 ese curso permite al usuario, 2542 01:41:00,440 --> 01:41:02,440 al profesor editor, seleccionar 2543 01:41:02,440 --> 01:41:04,440 el tema gráfico. 2544 01:41:04,440 --> 01:41:06,440 Si vais a parámetros podréis cambiar, lo voy a dejar abierto, 2545 01:41:06,440 --> 01:41:08,440 podéis cambiar 2546 01:41:08,440 --> 01:41:10,440 el tema gráfico y ver visualmente una serie de temas 2547 01:41:10,440 --> 01:41:12,440 que os he puesto, que he ido seleccionando. 2548 01:41:12,440 --> 01:41:14,440 Podéis hacerlo porque 2549 01:41:14,440 --> 01:41:16,440 he configurado esta opción. 2550 01:41:16,440 --> 01:41:18,440 Permitir estilos en el curso. 2551 01:41:18,440 --> 01:41:20,440 ¿Y qué más? 2552 01:41:20,440 --> 01:41:22,440 En los filtros multimedia 2553 01:41:22,440 --> 01:41:24,440 también es importante. Hay veces que podemos 2554 01:41:24,440 --> 01:41:26,440 activar filtros multimedia y esos filtros multimedia hacen que 2555 01:41:26,440 --> 01:41:28,440 por ejemplo, al insertar un flash, 2556 01:41:28,440 --> 01:41:30,440 este viene por defecto, por seguridad, pero bueno, 2557 01:41:30,440 --> 01:41:32,440 al insertar un flash 2558 01:41:32,440 --> 01:41:34,440 una URL de un flash automáticamente 2559 01:41:34,440 --> 01:41:36,440 se integre en pantalla 2560 01:41:36,440 --> 01:41:38,440 o de otros 2561 01:41:38,440 --> 01:41:40,440 contenidos. 2562 01:41:40,440 --> 01:41:42,440 Y por último, 2563 01:41:42,440 --> 01:41:44,440 simplemente por favor, 2564 01:41:44,440 --> 01:41:46,440 por los gatitos, 2565 01:41:46,440 --> 01:41:48,440 por los gatitos, por favor, 2566 01:41:48,440 --> 01:41:50,440 quitar Explorer 6 de vuestras máquinas. 2567 01:41:50,440 --> 01:41:52,440 Difundir la palabra. 2568 01:41:52,440 --> 01:41:54,440 Explorer 6 no es malo. 2569 01:41:58,440 --> 01:42:00,440 Vamos a tener más 2570 01:42:00,440 --> 01:42:02,440 confrontaciones. 2571 01:42:02,440 --> 01:42:04,440 Y ya está, eso era todo. 2572 01:42:04,440 --> 01:42:06,440 Dime. 2573 01:42:06,440 --> 01:42:08,440 Si. 2574 01:42:32,440 --> 01:42:34,440 Bueno, hay que tener una discusión 2575 01:42:34,440 --> 01:42:36,440 en cuanto a nivel 2 de accesibilidad. 2576 01:42:36,440 --> 01:42:38,440 Y si el nivel 2 de accesibilidad en desarrollo web 2577 01:42:38,440 --> 01:42:40,440 es factible realmente o no. 2578 01:42:46,440 --> 01:42:48,440 No tiene nada fácil. 2579 01:43:04,440 --> 01:43:06,440 Sí. 2580 01:43:06,440 --> 01:43:08,440 Pero tú mismo lo estás diciendo. 2581 01:43:10,440 --> 01:43:12,440 Hay que condicionar también el diseño 2582 01:43:12,440 --> 01:43:14,440 al usuario final de alguna manera. 2583 01:43:14,440 --> 01:43:16,440 Según quién 2584 01:43:16,440 --> 01:43:18,440 no haría según qué. 2585 01:43:18,440 --> 01:43:20,440 Según cuál es el público. 2586 01:43:20,440 --> 01:43:22,440 A ver, hay un tema de 2587 01:43:22,440 --> 01:43:24,440 ¿qué es lo que determina 2588 01:43:24,440 --> 01:43:26,440 el mercado o la 2589 01:43:26,440 --> 01:43:28,440 tendencia de desarrollo? 2590 01:43:28,440 --> 01:43:30,440 La tendencia de desarrollo realmente va a un sistema 2591 01:43:30,440 --> 01:43:32,440 que choca bastante y choca bastante con la accesibilidad. 2592 01:43:32,440 --> 01:43:34,440 Y no se está arreglando en realidad. 2593 01:43:34,440 --> 01:43:36,440 Se sigue incidiendo. 2594 01:43:36,440 --> 01:43:38,440 O sea, todo el uso de Javascript 2595 01:43:38,440 --> 01:43:40,440 en realidad ya dice que 2596 01:43:40,440 --> 01:43:42,440 cualquier página ya, por ejemplo, no sea 2597 01:43:42,440 --> 01:43:44,440 accesible dentro de un A2 2598 01:43:44,440 --> 01:43:46,440 si desactivas Javascript. 2599 01:43:46,440 --> 01:43:48,440 Tú empiezas a desactivar el Javascript y la mitad de las páginas 2600 01:43:48,440 --> 01:43:50,440 que hay ahora mismo no funcionan 2601 01:43:50,440 --> 01:43:52,440 directamente. 2602 01:44:02,440 --> 01:44:04,440 ... 2603 01:44:04,440 --> 01:44:06,440 ... 2604 01:44:06,440 --> 01:44:08,440 ... 2605 01:44:08,440 --> 01:44:10,440 ... 2606 01:44:10,440 --> 01:44:12,440 ... 2607 01:44:12,440 --> 01:44:14,440 ... 2608 01:44:14,440 --> 01:44:16,440 ... 2609 01:44:16,440 --> 01:44:18,440 ... 2610 01:44:18,440 --> 01:44:20,440 Pero plantea mucho porque realmente superar un test 2 2611 01:44:20,440 --> 01:44:22,440 de accesibilidad real 2612 01:44:22,440 --> 01:44:24,440 es muy complicado. 2613 01:44:24,440 --> 01:44:26,440 Pero muy, muy complicado. 2614 01:44:26,440 --> 01:44:28,440 De hecho, la prueba es rápida. 2615 01:44:28,440 --> 01:44:30,440 Pasarle a la mayoría de los test de accesibilidad 2 2616 01:44:30,440 --> 01:44:32,440 páginas que teóricamente cumplen con la accesibilidad 2. 2617 01:44:32,440 --> 01:44:34,440 Entonces empiezas a ver errores. 2618 01:44:34,440 --> 01:44:36,440 Error manual. Hay que comprobarlo. 2619 01:44:36,440 --> 01:44:38,440 Hay que comprobarlo, vale. Y lo ha comprobado o no. 2620 01:44:38,440 --> 01:44:40,440 Y te pone igualmente el sello de accesibilidad 2. 2621 01:44:40,440 --> 01:44:42,440 Por eso digo que realmente la tecnología no está facilitando 2622 01:44:42,440 --> 01:44:44,440 tampoco. Vamos a un modelo 2623 01:44:44,440 --> 01:44:46,440 muy dinámico que hace que 2624 01:44:46,440 --> 01:44:48,440 según que... y muy visual 2625 01:44:48,440 --> 01:44:50,440 que justamente según que contenido ya 2626 01:44:50,440 --> 01:44:52,440 no... por desgracia no está caminando 2627 01:44:52,440 --> 01:44:54,440 hacia allí. Lo digo 2628 01:44:54,440 --> 01:44:56,440 ya incluso de autocrítica 2629 01:44:56,440 --> 01:44:58,440 y de reflexión más personal. 2630 01:44:58,440 --> 01:45:00,440 No... 2631 01:45:00,440 --> 01:45:02,440 Aunque hay iniciativas 2632 01:45:02,440 --> 01:45:04,440 seguramente lo que tendremos que empezar es a abrir 2633 01:45:04,440 --> 01:45:06,440 un doble desarrollo. El desarrollo 2634 01:45:06,440 --> 01:45:08,440 más digamos 2635 01:45:08,440 --> 01:45:10,440 pensando en mercado 2636 01:45:10,440 --> 01:45:12,440 si me lo permitís. Y el desarrollo 2637 01:45:12,440 --> 01:45:14,440 pensando en sectores. 2638 01:45:14,440 --> 01:45:16,440 Eso por fortuna realmente gracias 2639 01:45:16,440 --> 01:45:18,440 a los CMS o a los gestores de contenidos 2640 01:45:18,440 --> 01:45:20,440 cada vez se va a poder 2641 01:45:20,440 --> 01:45:22,440 oficializar más. Pero es un problema 2642 01:45:22,440 --> 01:45:24,440 realmente a la hora del desarrollo. 2643 01:45:28,440 --> 01:45:30,440 ... 2644 01:45:58,440 --> 01:46:00,440 ... 2645 01:46:00,440 --> 01:46:02,440 ... 2646 01:46:02,440 --> 01:46:04,440 ... 2647 01:46:06,440 --> 01:46:08,440 ... 2648 01:46:08,440 --> 01:46:10,440 ... 2649 01:46:10,440 --> 01:46:12,440 ... 2650 01:46:12,440 --> 01:46:14,440 ... 2651 01:46:14,440 --> 01:46:16,440 ... 2652 01:46:16,440 --> 01:46:18,440 ... 2653 01:46:18,440 --> 01:46:20,440 ... 2654 01:46:20,440 --> 01:46:22,440 ... 2655 01:46:22,440 --> 01:46:24,440 ... 2656 01:46:24,440 --> 01:46:26,440 ... 2657 01:46:26,440 --> 01:46:28,440 ... 2658 01:46:28,440 --> 01:46:30,440 ... 2659 01:46:30,440 --> 01:46:32,440 ... 2660 01:46:32,440 --> 01:46:34,440 ... 2661 01:46:34,440 --> 01:46:36,440 ... 2662 01:46:36,440 --> 01:46:38,440 ... 2663 01:46:38,440 --> 01:46:40,440 ... 2664 01:46:40,440 --> 01:46:42,440 ... 2665 01:46:42,440 --> 01:46:44,440 ... 2666 01:46:44,440 --> 01:46:46,440 ... 2667 01:46:46,440 --> 01:46:48,440 ... 2668 01:46:48,440 --> 01:46:50,440 ... 2669 01:46:50,440 --> 01:46:52,440 ... 2670 01:46:52,440 --> 01:46:54,440 ... 2671 01:46:54,440 --> 01:46:56,440 ... 2672 01:46:56,440 --> 01:46:58,440 ... 2673 01:46:58,440 --> 01:47:00,440 ... 2674 01:47:00,440 --> 01:47:02,440 ... 2675 01:47:02,440 --> 01:47:04,440 ... 2676 01:47:04,440 --> 01:47:06,440 ... 2677 01:47:06,440 --> 01:47:08,440 ... 2678 01:47:08,440 --> 01:47:10,440 ... 2679 01:47:10,440 --> 01:47:12,440 ... 2680 01:47:12,440 --> 01:47:14,440 ... 2681 01:47:14,440 --> 01:47:16,440 ... 2682 01:47:16,440 --> 01:47:18,440 ... 2683 01:47:18,440 --> 01:47:20,440 ... 2684 01:47:20,440 --> 01:47:22,440 ... 2685 01:47:22,440 --> 01:47:24,440 ... 2686 01:47:24,440 --> 01:47:26,440 ... 2687 01:47:26,440 --> 01:47:28,440 ... 2688 01:47:28,440 --> 01:47:30,440 ... 2689 01:47:30,440 --> 01:47:32,440 ... 2690 01:47:32,440 --> 01:47:34,440 ... 2691 01:47:34,440 --> 01:47:36,440 ... 2692 01:47:36,440 --> 01:47:38,440 ... 2693 01:47:38,440 --> 01:47:40,440 ... 2694 01:47:40,440 --> 01:47:42,440 ... 2695 01:47:42,440 --> 01:47:44,440 ... 2696 01:47:44,440 --> 01:47:46,440 ... 2697 01:47:46,440 --> 01:47:48,440 ... 2698 01:47:48,440 --> 01:47:50,440 ... 2699 01:47:50,440 --> 01:47:52,440 ... 2700 01:47:52,440 --> 01:47:54,440 ... 2701 01:47:54,440 --> 01:47:56,440 ... 2702 01:47:56,440 --> 01:47:58,440 ... 2703 01:47:58,440 --> 01:48:00,440 ... 2704 01:48:00,440 --> 01:48:02,440 ... 2705 01:48:02,440 --> 01:48:04,440 ... 2706 01:48:04,440 --> 01:48:06,440 ... 2707 01:48:06,440 --> 01:48:08,440 ... 2708 01:48:08,440 --> 01:48:10,440 ... 2709 01:48:10,440 --> 01:48:12,440 ... 2710 01:48:12,440 --> 01:48:14,440 ... 2711 01:48:14,440 --> 01:48:16,440 ... allí. 2719 01:44:54,000 --> 01:44:56,000 Lo digo de autocrítica. 2720 01:44:56,000 --> 01:44:58,000 Y de reflexión más personal. 2721 01:45:00,000 --> 01:45:02,000 Aunque hay iniciativas. 2722 01:45:02,000 --> 01:45:04,000 Seguramente lo que tenemos que empezar. 2723 01:45:04,000 --> 01:45:06,000 Es abrir un doble desarrollo. 2724 01:45:06,000 --> 01:45:08,000 El desarrollo. 2725 01:45:08,000 --> 01:45:10,000 Pensando en mercado. 2726 01:45:10,000 --> 01:45:12,000 Si me lo permitís. 2727 01:45:12,000 --> 01:45:14,000 Y el desarrollo. 2728 01:45:14,000 --> 01:45:16,000 Eso por fortuna. 2729 01:45:16,000 --> 01:45:18,000 Realmente gracias a los CMS. 2730 01:45:18,000 --> 01:45:20,000 O a los gestores de contenidos. 2731 01:45:20,000 --> 01:45:22,000 Cada vez se va a poder oficializar más. 2732 01:45:22,000 --> 01:45:24,000 Pero es un problema realmente. 2733 01:45:24,000 --> 01:45:26,000 A la hora de desarrollo. 2734 01:45:26,000 --> 01:45:28,000 Conocido contigo. 2735 01:45:28,000 --> 01:45:30,000 En el caso de. 2736 01:45:30,000 --> 01:45:32,000 Y la cosa es muy clara. 2737 01:45:32,000 --> 01:45:34,000 Tecnológicamente. 2738 01:45:34,000 --> 01:45:36,000 Pero el modelo. 2739 01:45:36,000 --> 01:45:38,000 Ha hecho una apuesta clara. 2740 01:45:38,000 --> 01:45:40,000 Por la switch. 2741 01:45:40,000 --> 01:45:42,000 Entonces. 2742 01:45:42,000 --> 01:45:44,000 Es que el problema. 2743 01:45:44,000 --> 01:45:46,000 Es que JQuery. 2744 01:45:46,000 --> 01:45:48,000 Tiene una comunidad de desarrolladores. 2745 01:45:48,000 --> 01:45:50,000 Muy fuerte. 2746 01:45:50,000 --> 01:45:52,000 Muy muy fuerte. 2747 01:45:52,000 --> 01:45:54,000 Entonces en cuanto a. 2748 01:45:54,000 --> 01:45:56,000 El desarrollo. 2749 01:45:56,000 --> 01:45:58,000 En cuanto a. 2750 01:45:58,000 --> 01:46:00,000 El desarrollo. 2751 01:46:00,000 --> 01:46:02,000 En cuanto a. 2752 01:46:02,000 --> 01:46:04,000 El desarrollo. 2753 01:46:04,000 --> 01:46:06,000 En cuanto a. 2754 01:46:06,000 --> 01:46:08,000 El desarrollo. 2755 01:46:08,000 --> 01:46:10,000 En cuanto a. 2756 01:46:10,000 --> 01:46:12,000 Muy fuerte. 2757 01:46:12,000 --> 01:46:14,000 Muy muy fuerte. 2758 01:46:14,000 --> 01:46:16,000 Entonces encuentras módulos brutales. 2759 01:46:16,000 --> 01:46:18,000 Hechos en JQuery. 2760 01:46:18,000 --> 01:46:20,000 Para implementar o para tunear. 2761 01:46:20,000 --> 01:46:22,000 Y eso no sucede lo mismo. 2762 01:46:22,000 --> 01:46:24,000 O no es tan extensivo en JQuery. 2763 01:46:24,000 --> 01:46:26,000 No pero entonces. 2764 01:46:26,000 --> 01:46:28,000 A ver. 2765 01:46:28,000 --> 01:46:30,000 Ahora mismo con el model actual. 2766 01:46:30,000 --> 01:46:32,000 Me gusta el JQuery. 2767 01:46:32,000 --> 01:46:34,000 El model 2.0. 2768 01:46:34,000 --> 01:46:36,000 Ya te lo diré. 2769 01:46:36,000 --> 01:46:38,000 Model 2.0 si que apuesta. 2770 01:46:38,000 --> 01:46:40,000 Me ha salido hoy. 2771 01:46:40,000 --> 01:46:42,000 La Release Candidate 2.0. 2772 01:46:42,000 --> 01:46:44,000 Igualmente. 2773 01:46:44,000 --> 01:46:46,000 Si que es cierto. 2774 01:46:46,000 --> 01:46:48,000 Que el otro día estuve leyendo documentación. 2775 01:46:48,000 --> 01:46:50,000 Eso nos obligará a replantearnos. 2776 01:46:50,000 --> 01:46:52,000 Si cargar o no cargar librería de JQuery. 2777 01:46:52,000 --> 01:46:54,000 Esa va a ser una expresión divertida. 2778 01:46:54,000 --> 01:46:56,000 De todas maneras puede consistir. 2779 01:46:56,000 --> 01:46:58,000 Un JQuery mínimo. 2780 01:46:58,000 --> 01:47:00,000 No ocupa nada y no interfiere. 2781 01:47:00,000 --> 01:47:02,000 Son rutinas diferentes. 2782 01:47:02,000 --> 01:47:04,000 Tiene alguna duda alguien. 2783 01:47:04,000 --> 01:47:06,000 No. 2784 01:47:06,000 --> 01:47:08,000 Todo fantástico. 2785 01:47:08,000 --> 01:47:10,000 Espero que al menos os haya parecido interesante. 2786 01:47:10,000 --> 01:47:12,000 Lo siento por el desarrollo tan ecléctico. 2787 01:47:12,000 --> 01:47:14,000 Pero como veis al final. 2788 01:47:14,000 --> 01:47:16,000 Yo creo que he intentado ver. 2789 01:47:16,000 --> 01:47:18,000 Toda una amalgama de cosas de diseño. 2790 01:47:18,000 --> 01:47:20,000 Que afectan no solo a desarrollo. 2791 01:47:20,000 --> 01:47:22,000 Es mucho más amplio y mucho más complejo. 2792 01:47:22,000 --> 01:47:24,000 Que los desarrolladores o diseñadores. 2793 01:47:24,000 --> 01:47:26,000 He intentado dar pinceladas. 2794 01:47:26,000 --> 01:47:28,000 De cada una de las áreas. 2795 01:47:28,000 --> 01:47:30,000 Por así decirlo. 2796 01:47:30,000 --> 01:47:32,000 Que yo veo que afectan al diseño. 2797 01:47:32,000 --> 01:47:34,000 Y nada. 2798 01:47:34,000 --> 01:47:36,000 Si tenéis presentación. 2799 01:47:36,000 --> 01:47:38,000 Si tenéis mi mail. 2800 01:47:38,000 --> 01:47:40,000 Si cualquier duda o consulta. 2801 01:47:40,000 --> 01:47:42,000 Puedes hacer así. 2802 01:47:42,000 --> 01:47:44,000 Gracias por haber aguantado dos horas. 2803 01:47:44,000 --> 01:47:46,000 Vale. 2804 01:47:46,000 --> 01:47:48,000 A por cierto.