1 00:00:00,000 --> 00:00:04,559 Lo que vamos a hacer ahora es subir todo nuestro sitio web a un servidor. 2 00:00:04,780 --> 00:00:09,099 Para ello vamos a utilizar el alojamiento gratuito que nos proporciona Neocities. 3 00:00:09,419 --> 00:00:13,419 Ya lo expliqué en clase y hay un enlace que explica cómo crearse una cuenta. 4 00:00:13,539 --> 00:00:17,719 Yo ya tengo creada una cuenta y estoy en la opción de editar el sitio. 5 00:00:18,579 --> 00:00:22,940 Por defecto me aparecen estos archivos en el espacio de alojamiento 6 00:00:22,940 --> 00:00:28,160 y lo que yo voy a hacer es crear una nueva carpeta 7 00:00:28,160 --> 00:00:54,500 donde subir todo el proyecto con el que estoy trabajando. Hay que tener cuidado porque podría pensar en arrastrarlo y me lo permite hacer, pero vamos a comprobar que al arrastrar la carpeta completa, no sé muy bien por qué hace esto, pero el contenido de la carpeta extrae todo el contenido que hay en la carpeta en forma de archivos. 8 00:00:54,500 --> 00:01:04,959 Es decir, ya no está mi carpeta con las imágenes ni mi carpeta con la galería, con lo cual mi sitio dejaría de funcionar correctamente. 9 00:01:05,099 --> 00:01:15,260 Podemos comprobar que si visitamos la página index, pues ha perdido, no encuentra los CSS, no encuentra las imágenes, es decir, se ha desubicado completamente. 10 00:01:15,260 --> 00:01:24,439 Por lo tanto, no es recomendable utilizar esta forma de subir los archivos. 11 00:01:24,500 --> 00:01:53,400 Vamos a eliminar la carpeta con el sitio web y vamos a hacerlo de otra manera. Vamos a crear una nueva carpeta y vamos a entrar dentro de esta carpeta y ahí es donde vamos a arrastrar ahora sí nuestros contenidos. 12 00:01:53,400 --> 00:02:16,050 primero los documentos html y después las carpetas de imágenes y la carpeta css bien 13 00:02:16,050 --> 00:02:24,310 de esta manera hemos visto que nos respeta la estructura y de esta manera si ahora abrimos 14 00:02:24,310 --> 00:02:33,990 el archivo index comprobamos que está todo correctamente tendríamos ahora que hacer 15 00:02:33,990 --> 00:02:41,330 un proceso de revisión para ver que todo funcione correctamente. Bien, aquí nos encontramos 16 00:02:41,330 --> 00:02:46,990 un error. Ya sé por qué se produce este error, nos ha ocurrido lo mismo de antes. 17 00:02:47,530 --> 00:02:53,030 Al arrastrar ha desaparecido la carpeta que se denominaba galería y ha soltado las imágenes 18 00:02:53,030 --> 00:03:03,430 directamente. Deberíamos crear esa carpeta. Esta parte de revisión y depuración es muy 19 00:03:03,430 --> 00:03:06,830 importante, para comprobar que todo funciona correctamente. 20 00:03:10,409 --> 00:03:13,409 Perdón, estaba intentando mover 21 00:03:13,409 --> 00:03:16,750 las imágenes, pero 22 00:03:16,750 --> 00:03:21,370 veo que no me deja. Entonces, 23 00:03:22,050 --> 00:03:25,409 lo que voy a hacer es entrar en Galería y directamente 24 00:03:25,409 --> 00:03:29,330 desde la tarjeta de Galería 25 00:03:29,330 --> 00:03:32,849 arrastraría las imágenes. Ojo, 26 00:03:32,849 --> 00:03:38,129 porque tiene un funcionamiento un poco extraño 27 00:03:38,129 --> 00:03:45,560 pero entendiendo lo que es lo que está pasando pues podemos arreglarlo 28 00:03:45,560 --> 00:03:49,180 sin problemas, ahí vemos, muy bien 29 00:03:49,180 --> 00:03:53,219 bueno, desde la opción 30 00:03:53,219 --> 00:03:54,080 de 31 00:03:54,080 --> 00:04:01,599 Neocities también nos permite modificar el código 32 00:04:01,599 --> 00:04:05,419 por lo tanto podemos realizar correcciones 33 00:04:05,419 --> 00:04:07,240 desde esta misma 34 00:04:07,240 --> 00:04:12,039 supongamos que quiero centrar 35 00:04:12,039 --> 00:04:15,580 este vídeo que aparece aquí, bueno, pues podría 36 00:04:15,580 --> 00:04:20,680 intentar trabajar desde el editor de código 37 00:04:20,680 --> 00:04:23,079 que me proporciona la aplicación 38 00:04:23,079 --> 00:04:28,519 en este caso, por ejemplo, podría utilizar el atributo 39 00:04:28,519 --> 00:04:31,879 alín, aunque no es muy habitual utilizarlo para centrar 40 00:04:31,879 --> 00:04:37,180 el vídeo, vamos a guardar y vamos a comprobar 41 00:04:37,180 --> 00:04:45,250 que así lo ha hecho. Bueno, una vez terminado 42 00:04:45,250 --> 00:04:49,430 mi trabajo, lo que tengo que enviar 43 00:04:49,430 --> 00:04:52,910 al profesor es este enlace 44 00:04:52,910 --> 00:04:57,149 el enlace que me abre la página principal del 45 00:04:57,149 --> 00:04:59,089 sitio web que he creado.