1 00:00:00,240 --> 00:00:06,080 Hola, muy buenas. Vamos a ver cómo trabajar con un blog en nuestra clase de prácticas de EducaMadrid. 2 00:00:07,219 --> 00:00:13,099 Previamente hemos tenido que añadir este recurso en una página, en este caso en la página blog, 3 00:00:13,400 --> 00:00:18,379 que anteriormente se llamaba wiki, pero la hemos renombrado, y hemos puesto la página a una sola columna. 4 00:00:19,199 --> 00:00:26,000 Para empezar a publicar, tenemos que pulsar en añadir entrada de blog, ponemos un título, 5 00:00:26,000 --> 00:00:29,760 licencias Creative Commons 6 00:00:29,760 --> 00:00:34,460 y ahora vamos a incluir contenido, texto y también imágenes 7 00:00:34,460 --> 00:00:37,560 hacedlo en este campo, en este bloque de contenido 8 00:00:37,560 --> 00:00:40,479 porque si la imagen se sitúa en la parte del resumen 9 00:00:40,479 --> 00:00:43,560 solamente aparecería cuando quisiéramos publicar 10 00:00:43,560 --> 00:00:47,899 que se visualizara nuestro blog en modo resumido 11 00:00:47,899 --> 00:00:49,880 no en modo detallado, no en modo completo 12 00:00:49,880 --> 00:00:53,979 para incluir una imagen pulsamos en el icono de imagen 13 00:00:53,979 --> 00:01:03,200 y podemos o bien pegar aquí la URL de una página web en Internet que contenga esa imagen, 14 00:01:03,460 --> 00:01:08,260 la URL de la imagen, o bien ir al servidor que es lo que realmente se pide en esta tarea. 15 00:01:08,840 --> 00:01:11,859 Tenemos que subir una imagen al servidor, por lo tanto vamos al servidor. 16 00:01:13,599 --> 00:01:21,000 Este se abre en una ubicación, raíz, pero dentro hay una carpeta que es justo la que corresponde a nuestra clase de prácticas. 17 00:01:21,000 --> 00:01:22,760 pinchamos sobre ella 18 00:01:22,760 --> 00:01:24,680 y aquí ya podríamos subir una imagen 19 00:01:24,680 --> 00:01:26,719 pero lo adecuado y es lo que se nos pide en la tarea 20 00:01:26,719 --> 00:01:29,060 es que creemos una nueva carpeta 21 00:01:29,060 --> 00:01:30,579 que se llame blog 22 00:01:30,579 --> 00:01:32,540 por eso de ir organizando ya también 23 00:01:32,540 --> 00:01:33,719 la estructura interna 24 00:01:33,719 --> 00:01:36,120 que conviene que quede también 25 00:01:36,120 --> 00:01:39,000 estructurada para el futuro 26 00:01:39,000 --> 00:01:41,099 creada ya la subcarpeta 27 00:01:41,099 --> 00:01:42,260 blogs, entramos en ella 28 00:01:42,260 --> 00:01:44,400 y ahora ya si que podemos elegir un archivo 29 00:01:44,400 --> 00:01:45,379 de nuestro disco duro 30 00:01:45,379 --> 00:01:49,790 y incluirla 31 00:01:49,790 --> 00:01:51,510 para subirla al servidor 32 00:01:51,510 --> 00:01:55,450 Aquí tenemos a la derecha un botón, upload y la subimos 33 00:01:55,450 --> 00:02:01,500 Cuando ya está aquí la pinchamos y ya nos aparece 34 00:02:01,500 --> 00:02:06,000 Veis que ya aquí en la URL, ya esta imagen tiene una URL en nuestro servidor 35 00:02:06,000 --> 00:02:10,400 Texto alternativo, este es un campo muy importante que debemos teclear siempre 36 00:02:10,400 --> 00:02:11,539 ¿De acuerdo? Esto es un meme 37 00:02:11,539 --> 00:02:15,580 En este campo lo que vamos a hacer es describir qué es lo que hay en esa imagen 38 00:02:15,580 --> 00:02:17,219 Porque puede ser de interés 39 00:02:17,219 --> 00:02:22,460 Meme para una imagen usar 40 00:02:22,460 --> 00:02:24,139 Creative Commons 41 00:02:24,139 --> 00:02:26,000 debe figurar 42 00:02:26,000 --> 00:02:28,400 de manera que este texto describirá 43 00:02:28,400 --> 00:02:30,680 a una persona con deficiencias 44 00:02:30,680 --> 00:02:31,560 visuales 45 00:02:31,560 --> 00:02:34,319 qué es lo que la imagen está aportando 46 00:02:34,319 --> 00:02:36,379 al resto de las 47 00:02:36,379 --> 00:02:37,939 personas que sí que vemos 48 00:02:37,939 --> 00:02:40,560 y que puede ser una información vital 49 00:02:40,560 --> 00:02:42,020 no siempre es una imagen decorativa 50 00:02:42,020 --> 00:02:44,460 entonces conviene, ya os digo, que siempre 51 00:02:44,460 --> 00:02:46,020 rellenéis este texto alternativo 52 00:02:46,020 --> 00:02:48,020 también hay otro caso en el que aparecerá 53 00:02:48,020 --> 00:02:50,699 este texto cuando, por ejemplo, la conexión 54 00:02:50,699 --> 00:02:52,259 no es buena y la imagen no 55 00:02:52,259 --> 00:02:58,080 no se sube pues en su lugar aparecerá este texto de acuerdo aquí definimos la 56 00:02:58,080 --> 00:03:02,520 anchura que queremos que aparezca en nuestro 57 00:03:02,520 --> 00:03:05,919 en nuestra publicación esta imagen como está el candadito cerrado 58 00:03:05,919 --> 00:03:11,099 automáticamente calcula la altura es decir que si yo pongo ahora 250 la 59 00:03:11,099 --> 00:03:16,560 altura se modifica automáticamente y podemos poner un espacio para que no 60 00:03:16,560 --> 00:03:21,020 quede pegado a los bordes y pegado al texto en el caso de que vaya alineado 61 00:03:21,020 --> 00:03:26,639 podemos poner aquí una separación, tanto horizontal como vertical, 62 00:03:26,819 --> 00:03:30,319 que puede ser un poquito mayor o menor, según nos guste. 63 00:03:30,400 --> 00:03:34,780 Todos estos datos, tanto el texto alternativo, como el tamaño de la imagen, 64 00:03:34,780 --> 00:03:38,280 como los espaciados, o bien incluso sus alineaciones, 65 00:03:38,800 --> 00:03:41,860 las podemos perfectamente modificar posteriormente. 66 00:03:41,960 --> 00:03:44,879 Es decir, que si ya lo tenéis hecho y se os ha olvidado alguna de estas cosas, 67 00:03:45,020 --> 00:03:49,879 pues simplemente hay que editar la imagen abriendo el blog, 68 00:03:49,879 --> 00:03:54,259 abriendo el contenido de esa publicación, editarla y encima de la imagen 69 00:03:54,259 --> 00:03:58,539 damos al botón derecho del ratón, tenemos la opción de editar las propiedades de la imagen 70 00:03:58,539 --> 00:04:00,340 y podemos cambiar cualquier cosa, ¿de acuerdo? 71 00:04:00,400 --> 00:04:03,000 Una vez asistido, aceptamos, ¿vale? 72 00:04:04,340 --> 00:04:09,699 Vamos a poner ahora un texto, que por ejemplo me voy a traer de esta página de Creative Commons 73 00:04:09,699 --> 00:04:12,840 y la voy a pegar, aparece ahí, ¿vale? 74 00:04:13,360 --> 00:04:18,000 A lo mejor yo lo que quiero es la imagen, colocarla, pues por ejemplo, la voy a poner, vamos a ver, 75 00:04:18,000 --> 00:04:19,180 más arriba 76 00:04:19,180 --> 00:04:22,040 la voy a colocar por ejemplo 77 00:04:22,040 --> 00:04:23,939 pues aquí, ¿de acuerdo? 78 00:04:24,100 --> 00:04:25,500 ¿veis? esta separación que hay aquí 79 00:04:25,500 --> 00:04:27,920 es la que yo he definido anteriormente y que puedo 80 00:04:27,920 --> 00:04:30,000 volver a modificar, si yo doy a propiedades de la 81 00:04:30,000 --> 00:04:32,040 imagen, podría hacer que fuera 82 00:04:32,040 --> 00:04:35,879 mayor o menor 83 00:04:35,879 --> 00:04:38,040 según me interesa a mí que quedara más o menos 84 00:04:38,040 --> 00:04:39,160 despegada del texto 85 00:04:39,160 --> 00:04:40,360 ¿de acuerdo? 86 00:04:41,720 --> 00:04:42,899 si quiero continuar 87 00:04:42,899 --> 00:04:45,639 texto, pues bueno 88 00:04:45,639 --> 00:04:48,079 si quiero coger otra parte, por ejemplo voy a coger 89 00:04:48,079 --> 00:04:59,610 esta otra para enseñaros, por ejemplo, vamos a poner aquí delante, para enseñaros que 90 00:04:59,610 --> 00:05:04,629 cuando he copiado textos muy probablemente venga con los enlaces ya creados, pero conviene 91 00:05:04,629 --> 00:05:07,930 revisarlos y mucho más si los hacemos nosotros de nuevo, si estamos escribiendo el texto 92 00:05:07,930 --> 00:05:17,750 de nuevo. Este enlace, pulsando aquí en el iconito, vemos que es una URL, pero ya está 93 00:05:17,750 --> 00:05:24,850 direccionado, pero es conveniente definir que el destino sea una nueva ventana. ¿Para 94 00:05:24,850 --> 00:05:29,649 qué? Pues para que directamente, cuando nuestros usuarios, nuestros alumnos o nuestros compañeros 95 00:05:29,649 --> 00:05:34,709 pulsen sobre este enlace, no se vayan de nuestra página web. Siempre abrir en nueva ventana. 96 00:05:35,569 --> 00:05:41,889 El texto una vez creado aquí, evidentemente, podemos hacer con él lo que queramos. Podemos 97 00:05:41,889 --> 00:05:44,610 Podemos cambiar de color 98 00:05:44,610 --> 00:05:46,990 Podemos utilizar 99 00:05:46,990 --> 00:05:49,149 La itálica 100 00:05:49,149 --> 00:05:51,790 Podemos por ejemplo 101 00:05:51,790 --> 00:05:53,509 Aquí en leyes 102 00:05:53,509 --> 00:05:55,529 De equidad intelectual 103 00:05:55,529 --> 00:05:56,850 Ponerlo en 104 00:05:56,850 --> 00:05:59,009 En color rojo 105 00:05:59,009 --> 00:06:00,629 Etcétera, ¿vale? 106 00:06:00,769 --> 00:06:01,790 O cambiar tamaño 107 00:06:01,790 --> 00:06:04,069 Este título es demasiado grande 108 00:06:04,069 --> 00:06:08,180 Y quiero modificarlo pues a 109 00:06:08,180 --> 00:06:11,959 16 110 00:06:11,959 --> 00:06:14,579 Y en negrita 111 00:06:14,579 --> 00:06:15,560 ¿Vale? 112 00:06:17,680 --> 00:06:19,279 Bueno, todo esto es modificable. 113 00:06:20,180 --> 00:06:29,779 Otra forma de incluir una imagen, hemos dicho que sería igual pulsar una imagen, va a ser con la URL. 114 00:06:29,779 --> 00:06:41,329 Si por ejemplo tenemos una imagen de la mediateca, aparece aquí la URL de esta imagen, la copiamos y la pegamos. 115 00:06:43,589 --> 00:06:45,430 Directamente aparecerá la imagen. 116 00:06:45,430 --> 00:06:52,029 De nuevo, cifra verde, bordes, espaciado, lo que haga falta 117 00:06:52,029 --> 00:06:55,949 ¿De acuerdo? Alineación, pues en este caso izquierda 118 00:06:55,949 --> 00:06:57,009 Vamos a dejar igual 119 00:06:57,009 --> 00:07:01,269 Luego a lo mejor nos interesa ponerla a la derecha 120 00:07:01,269 --> 00:07:02,649 ¿Vale? 121 00:07:03,990 --> 00:07:09,129 Y si es importante, en todas las imágenes que creemos 122 00:07:09,129 --> 00:07:10,870 Vamos a una licencia 123 00:07:10,870 --> 00:07:13,189 Es decir, que esa imagen como ha venido de la mediateca 124 00:07:13,189 --> 00:07:16,490 en este caso pues esta imagen de rana 125 00:07:16,490 --> 00:07:19,649 es el picho aquí en más información 126 00:07:19,649 --> 00:07:22,250 BD, etiquetas, autores 127 00:07:22,250 --> 00:07:24,129 es del banco de imágenes del CENICE 128 00:07:24,129 --> 00:07:26,810 licencia va a INCSA 129 00:07:26,810 --> 00:07:28,389 es decir que debería por un lado 130 00:07:28,389 --> 00:07:30,490 coger la URL de esta imagen 131 00:07:30,490 --> 00:07:31,509 por ejemplo 132 00:07:31,509 --> 00:07:33,009 se puede hacer así de muchas maneras 133 00:07:33,009 --> 00:07:34,470 hacerla y poner imagen 134 00:07:34,470 --> 00:07:40,509 imagen del banco de datos del CENICE 135 00:07:40,509 --> 00:07:42,730 de la 136 00:07:42,730 --> 00:07:44,129 biblioteca 137 00:07:44,129 --> 00:07:47,029 licencia 138 00:07:47,029 --> 00:07:48,730 a ver que se me ha olvidado 139 00:07:48,730 --> 00:07:50,170 la licencia sería 140 00:07:50,170 --> 00:07:52,970 licencia by 141 00:07:52,970 --> 00:07:53,910 ncsa 142 00:07:53,910 --> 00:07:58,379 licencia by 143 00:07:58,379 --> 00:08:00,819 ncsa 144 00:08:00,819 --> 00:08:02,959 es decir, que es obligatorio 145 00:08:02,959 --> 00:08:04,060 citar al autor 146 00:08:04,060 --> 00:08:07,000 que es nc 147 00:08:07,000 --> 00:08:09,100 que es no comercial, no se puede usar para comercial 148 00:08:09,100 --> 00:08:11,139 y que hay que compartirla con la misma licencia 149 00:08:11,139 --> 00:08:12,939 con la que se está compartiendo 150 00:08:12,939 --> 00:08:15,459 puedo enlazar 151 00:08:15,459 --> 00:08:16,800 la imagen 152 00:08:16,800 --> 00:08:18,459 el origen de la imagen aquí 153 00:08:18,459 --> 00:08:20,819 con el botón del 154 00:08:20,819 --> 00:08:23,800 del enlace 155 00:08:23,800 --> 00:08:26,220 de manera que pegaría aquí 156 00:08:26,220 --> 00:08:28,560 aquí 157 00:08:28,560 --> 00:08:29,480 el enlace 158 00:08:29,480 --> 00:08:32,419 la url y como siempre 159 00:08:32,419 --> 00:08:34,399 el destino que se abra en una nueva ventana 160 00:08:34,399 --> 00:08:35,620 para que no aparezca 161 00:08:35,620 --> 00:08:38,480 una vez que se han hecho todos estos pasos 162 00:08:38,480 --> 00:08:40,200 y que nos ha gustado como lo hemos querido 163 00:08:40,200 --> 00:08:40,759 colocar 164 00:08:40,759 --> 00:08:50,029 aquí podríamos también definir debajo la licencia de esta otra imagen 165 00:08:50,029 --> 00:08:53,470 pues únicamente ya habría que darle a publicar 166 00:08:53,470 --> 00:08:55,429 y ya quedaría nuestro contenido publicado 167 00:08:55,429 --> 00:08:58,929 y siempre con posibilidad de modificación 168 00:08:58,929 --> 00:09:01,929 como os comentaba, si necesitáis cambiar cualquier cosa 169 00:09:01,929 --> 00:09:03,210 le dais al botón editar 170 00:09:03,210 --> 00:09:05,970 estamos dentro de nuestra publicación 171 00:09:05,970 --> 00:09:09,809 y esta imagen por ejemplo podemos propiedad de la imagen 172 00:09:09,809 --> 00:09:13,710 Añadirle el texto alternativo que se nos olvidó 173 00:09:13,710 --> 00:09:18,169 O bien modificar las separaciones que hemos definido 174 00:09:18,169 --> 00:09:19,929 Para que no queden tan grandes 175 00:09:19,929 --> 00:09:22,529 O bien poner una alineación a la derecha 176 00:09:22,529 --> 00:09:24,009 ¿De acuerdo? 177 00:09:24,470 --> 00:09:26,110 Y cambiar el aspecto de nuestra página 178 00:09:26,110 --> 00:09:27,190 Bueno, pues esto es todo