Saltar navegación

Evidencia materiales multimedia III

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 30 de mayo de 2023 por Isaac D.

8 visualizaciones

Vídeo que explica la evidencia de creación de una plantilla web (HTML y CSS) para que los alumnos suban sus prácticas al servidor del colegio.

Más información Transcripción

Descargar la transcripción

Buenos días, este es el tercer vídeo de creación de materiales multimedia que sirve como ayuda a la evidencia del tipo de material que estoy entregando y en este caso es una plantilla HTML CSS. 00:00:00
Esto está en el site de tecnología, la persona que esté corrigiendo esto ya sabe que yo utilizo un site para que los alumnos comprueben todos los contenidos y lo que os voy a enseñar es que a partir de cuarto los alumnos tienen que entregar los trabajos no a través de Google Site, sino a través de un HTML, es decir, de una página web. 00:00:14
Para ello he creado una plantilla que los alumnos pueden descargar. La plantilla es esta. En este caso estoy descargando la de cuarto. Tengo otra para primero de bachillerato. Ahora me acuerdo de dónde la he descargado. 00:00:37
Entonces me voy a ir a mostrar en carpeta y lo he descargado en temporal, en mis archivos temporales, a ver dónde la encuentro. 00:00:50
Plantilla de web sencilla, las traigo y ahora habrá una carpeta, plantilla de web sencilla, va a ser esta. 00:00:58
Y bueno, simplemente la voy a abrir con el navegador para que la veáis y yo lo que le pediría es al alumno que, por ejemplo, la edite. 00:01:05
Voy a abrir con un editor. Esto está todo hecho. Veis que tiene una parte que es este menú. Este menú voy a minimizar. Apenas que esto es un portátil no se va a ver muy bien. 00:01:15
Ese menú se corresponde, voy a cerrar, a ese menú lateral, veis, casa, prácticas HTML y están apuntando a una serie de HTML que yo tengo, perdonad, este es el índex, pues están dentro de todas estas carpetas, veis, PCSS, PL1, PL1, son para las prácticas de electrónica 1, electrónica 2, electrónica 3, electrónica 4, 00:01:29
Y luego aquí están estos párrafos que se ven aquí, yo lo que les pediría por ejemplo es a los alumnos que borrasen esto y que luego pues en su código HTML lo presenten, por ejemplo, p, este es el código HTML que he programado. 00:01:58
una cosa más que se ve en este 00:02:23
y que me interesa porque forma parte de mi flujo 00:02:26
de trabajo, me interesa enseñarles 00:02:28
es que yo les pido que luego 00:02:30
decoren, bueno se actualiza 00:02:32
la página web aquí, se verá que ya está 00:02:34
modificándose 00:02:36
decoren el código 00:02:37
es decir que lo highlighten 00:02:40
que lo hagan 00:02:42
más atractivo 00:02:44
entonces les enseño esta herramienta 00:02:45
que es una herramienta online, hay unas cuantas por ahí 00:02:47
que simplemente tú pones un código fuente 00:02:50
un source code, te vas 00:02:52
e indicas el lenguaje 00:02:54
en el que quieres que te lo 00:02:56
embellezca 00:02:58
le das a highlight 00:03:00
bueno, puedes elegir el estilo 00:03:02
el colorful, etcétera 00:03:04
voy a, mira 00:03:06
si quiero este, este sí que es como más moderno 00:03:07
copio esto 00:03:11
y yo lo puedo poner en cualquier otro código 00:03:12
html, por ejemplo 00:03:14
normalmente les pido 00:03:16
que pongan un comentario 00:03:18
así que no voy a ser yo menos 00:03:19
aquí pego 00:03:21
bueno, esto es para luego que ellos sepan 00:03:24
donde han pegado 00:03:26
etcétera, porque luego estos códigos 00:03:29
suelen salir muy largos 00:03:31
aquí termina 00:03:32
y si no luego es muy complicado 00:03:34
guardo 00:03:37
me voy a la página web que estuviese 00:03:38
tal, luego estos 00:03:40
me los suben normalmente a un 00:03:42
servidor y yo compruebo 00:03:44
hago la corrección 00:03:46
a través del servidor 00:03:48
Pues en este caso sería 172.20.30.30, que es un saludo con la dirección IP fija en el colegio. Entro en una práctica y aquí puedo ir viendo qué ha hecho ese alumno. Esto lo ha hecho de una forma muy parecida como yo os acabo de enseñar. 00:03:50
Espero que esto sea suficiente para la creación de materiales multimedia. Muchas gracias por atenderme y por corregirme. Un saludo. 00:04:06
Idioma/s:
es
Autor/es:
Isaac del Valle Mogarra
Subido por:
Isaac D.
Licencia:
Reconocimiento
Visualizaciones:
8
Fecha:
30 de mayo de 2023 - 13:36
Visibilidad:
Clave
Centro:
CPR INF-PRI-SEC COLEGIO INTERNACIONAL J.H.NEWMAN
Duración:
04′ 15″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
26.25 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid