Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Final-HTML-Alojamiento - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 22 de febrero de 2021 por Julio G.

49 visualizaciones

Descargar la transcripción

Lo que vamos a hacer ahora es subir todo nuestro sitio web a un servidor. 00:00:00
Para ello vamos a utilizar el alojamiento gratuito que nos proporciona Neocities. 00:00:04
Ya lo expliqué en clase y hay un enlace que explica cómo crearse una cuenta. 00:00:09
Yo ya tengo creada una cuenta y estoy en la opción de editar el sitio. 00:00:13
Por defecto me aparecen estos archivos en el espacio de alojamiento 00:00:18
y lo que yo voy a hacer es crear una nueva carpeta 00:00:22
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. 00:00:28
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. 00:00:54
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. 00:01:05
Por lo tanto, no es recomendable utilizar esta forma de subir los archivos. 00:01:15
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. 00:01:24
primero los documentos html y después las carpetas de imágenes y la carpeta css bien 00:01:53
de esta manera hemos visto que nos respeta la estructura y de esta manera si ahora abrimos 00:02:16
el archivo index comprobamos que está todo correctamente tendríamos ahora que hacer 00:02:24
un proceso de revisión para ver que todo funcione correctamente. Bien, aquí nos encontramos 00:02:33
un error. Ya sé por qué se produce este error, nos ha ocurrido lo mismo de antes. 00:02:41
Al arrastrar ha desaparecido la carpeta que se denominaba galería y ha soltado las imágenes 00:02:47
directamente. Deberíamos crear esa carpeta. Esta parte de revisión y depuración es muy 00:02:53
importante, para comprobar que todo funciona correctamente. 00:03:03
Perdón, estaba intentando mover 00:03:10
las imágenes, pero 00:03:13
veo que no me deja. Entonces, 00:03:16
lo que voy a hacer es entrar en Galería y directamente 00:03:22
desde la tarjeta de Galería 00:03:25
arrastraría las imágenes. Ojo, 00:03:29
porque tiene un funcionamiento un poco extraño 00:03:32
pero entendiendo lo que es lo que está pasando pues podemos arreglarlo 00:03:38
sin problemas, ahí vemos, muy bien 00:03:45
bueno, desde la opción 00:03:49
Neocities también nos permite modificar el código 00:03:54
por lo tanto podemos realizar correcciones 00:04:01
desde esta misma 00:04:05
supongamos que quiero centrar 00:04:07
este vídeo que aparece aquí, bueno, pues podría 00:04:12
intentar trabajar desde el editor de código 00:04:15
que me proporciona la aplicación 00:04:20
en este caso, por ejemplo, podría utilizar el atributo 00:04:23
alín, aunque no es muy habitual utilizarlo para centrar 00:04:28
el vídeo, vamos a guardar y vamos a comprobar 00:04:31
que así lo ha hecho. Bueno, una vez terminado 00:04:37
mi trabajo, lo que tengo que enviar 00:04:45
al profesor es este enlace 00:04:49
el enlace que me abre la página principal del 00:04:52
sitio web que he creado. 00:04:57
Subido por:
Julio G.
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
49
Fecha:
22 de febrero de 2021 - 18:51
Visibilidad:
Público
Centro:
IES LA CABRERA
Duración:
05′ 02″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
34.34 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid