1
00:00:00,370 --> 00:00:14,230
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.

2
00:00:14,230 --> 00:00:37,530
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.

3
00:00:37,530 --> 00:00:50,890
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.

4
00:00:50,890 --> 00:00:58,049
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.

5
00:00:58,170 --> 00:01:04,569
Plantilla de web sencilla, las traigo y ahora habrá una carpeta, plantilla de web sencilla, va a ser esta.

6
00:01:05,650 --> 00:01:15,609
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.

7
00:01:15,609 --> 00:01:29,590
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.

8
00:01:29,590 --> 00:01:58,939
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,

9
00:01:58,939 --> 00:02:23,000
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.

10
00:02:23,000 --> 00:02:26,539
una cosa más que se ve en este

11
00:02:26,539 --> 00:02:28,819
y que me interesa porque forma parte de mi flujo

12
00:02:28,819 --> 00:02:30,500
de trabajo, me interesa enseñarles

13
00:02:30,500 --> 00:02:32,199
es que yo les pido que luego

14
00:02:32,199 --> 00:02:34,580
decoren, bueno se actualiza

15
00:02:34,580 --> 00:02:36,599
la página web aquí, se verá que ya está

16
00:02:36,599 --> 00:02:37,379
modificándose

17
00:02:37,379 --> 00:02:40,719
decoren el código

18
00:02:40,719 --> 00:02:42,560
es decir que lo highlighten

19
00:02:42,560 --> 00:02:44,280
que lo hagan

20
00:02:44,280 --> 00:02:45,780
más atractivo

21
00:02:45,780 --> 00:02:47,900
entonces les enseño esta herramienta

22
00:02:47,900 --> 00:02:50,240
que es una herramienta online, hay unas cuantas por ahí

23
00:02:50,240 --> 00:02:52,379
que simplemente tú pones un código fuente

24
00:02:52,379 --> 00:02:54,759
un source code, te vas

25
00:02:54,759 --> 00:02:56,460
e indicas el lenguaje

26
00:02:56,460 --> 00:02:58,919
en el que quieres que te lo

27
00:02:58,919 --> 00:03:00,680
embellezca

28
00:03:00,680 --> 00:03:02,219
le das a highlight

29
00:03:02,219 --> 00:03:04,719
bueno, puedes elegir el estilo

30
00:03:04,719 --> 00:03:06,599
el colorful, etcétera

31
00:03:06,599 --> 00:03:07,300
voy a, mira

32
00:03:07,300 --> 00:03:11,039
si quiero este, este sí que es como más moderno

33
00:03:11,039 --> 00:03:12,659
copio esto

34
00:03:12,659 --> 00:03:14,680
y yo lo puedo poner en cualquier otro código

35
00:03:14,680 --> 00:03:16,120
html, por ejemplo

36
00:03:16,120 --> 00:03:18,520
normalmente les pido

37
00:03:18,520 --> 00:03:19,879
que pongan un comentario

38
00:03:19,879 --> 00:03:21,759
así que no voy a ser yo menos

39
00:03:21,759 --> 00:03:24,520
aquí pego

40
00:03:24,520 --> 00:03:26,800
bueno, esto es para luego que ellos sepan

41
00:03:26,800 --> 00:03:29,060
donde han pegado

42
00:03:29,060 --> 00:03:31,039
etcétera, porque luego estos códigos

43
00:03:31,039 --> 00:03:32,800
suelen salir muy largos

44
00:03:32,800 --> 00:03:34,719
aquí termina

45
00:03:34,719 --> 00:03:37,240
y si no luego es muy complicado

46
00:03:37,240 --> 00:03:38,439
guardo

47
00:03:38,439 --> 00:03:40,780
me voy a la página web que estuviese

48
00:03:40,780 --> 00:03:42,639
tal, luego estos

49
00:03:42,639 --> 00:03:44,599
me los suben normalmente a un

50
00:03:44,599 --> 00:03:46,319
servidor y yo compruebo

51
00:03:46,319 --> 00:03:48,879
hago la corrección

52
00:03:48,879 --> 00:03:50,340
a través del servidor

53
00:03:50,340 --> 00:04:05,539
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.

54
00:04:06,099 --> 00:04:14,520
Espero que esto sea suficiente para la creación de materiales multimedia. Muchas gracias por atenderme y por corregirme. Un saludo.