1
00:00:00,000 --> 00:00:03,400
A continuación, voy a presentar otro contenido digital que

2
00:00:03,400 --> 00:00:07,400
elaboré para mi curso de cuarto de ESO de Tecnologías de

3
00:00:07,400 --> 00:00:11,400
Información y Comunicación para explicar a mis alumnos la

4
00:00:11,400 --> 00:00:15,080
programación por código en lenguaje HTML y CSS.

5
00:00:18,400 --> 00:00:21,880
Se trata de una presentación elaborada con Canva,

6
00:00:21,880 --> 00:00:26,280
cuyo objetivo es que mis alumnos puedan seguirla y de forma

7
00:00:26,280 --> 00:00:30,600
secuenciada sean capaces de elaborar páginas web sencillas

8
00:00:30,600 --> 00:00:33,920
con lenguaje HTML y CSS.

9
00:00:33,920 --> 00:00:36,680
He tenido en cuenta elementos de accesibilidad,

10
00:00:36,680 --> 00:00:40,440
como es realizar una navegación clara y sencilla,

11
00:00:40,440 --> 00:00:44,600
un diseño adaptable en tamaños y colocar textos alternativos

12
00:00:44,600 --> 00:00:45,680
a elementos no textuales.

13
00:00:48,720 --> 00:00:50,800
De todos los lenguajes de programación,

14
00:00:50,800 --> 00:00:54,200
HTML es uno de los lenguajes más utilizados para la creación

15
00:00:54,200 --> 00:00:55,560
de páginas web.

16
00:00:55,560 --> 00:00:59,200
Por su parte, CSS son reglas en forma de código que van

17
00:00:59,200 --> 00:01:04,160
a permitir dar formato y estilo a nuestra página web.

18
00:01:04,160 --> 00:01:08,160
Vamos a ver la estructura básica de una página web.

19
00:01:08,160 --> 00:01:10,960
Colocamos el conjunto de etiquetas ordenada,

20
00:01:10,960 --> 00:01:15,120
teniendo en cuenta que en la parte de body se encontrará el

21
00:01:15,120 --> 00:01:17,280
cuerpo principal de nuestra página web.

22
00:01:18,280 --> 00:01:26,520
Otras etiquetas básicas en HTML son cambiar el tipo de letra,

23
00:01:26,520 --> 00:01:30,920
font-face, cambiar el color, font-color, alinear elementos,

24
00:01:30,920 --> 00:01:34,240
textos en negrita, texto recursiva o tamaño de textos.

25
00:01:37,680 --> 00:01:40,920
También va a ser importante añadir algunos elementos,

26
00:01:40,920 --> 00:01:46,240
como son una foto con el código que podemos ver o añadir una

27
00:01:46,240 --> 00:01:49,680
tabla con el código de tr, th o td.

28
00:01:52,920 --> 00:01:56,680
Siguiendo el ejemplo, vamos a ir copiando el código en un

29
00:01:56,680 --> 00:02:02,280
editor, guardándolo con la extensión .html y abriéndolo en

30
00:02:02,280 --> 00:02:06,400
el navegador, visualizaremos un encabezado, un párrafo,

31
00:02:06,400 --> 00:02:08,000
una foto y una tabla.

32
00:02:11,960 --> 00:02:15,120
Vamos a seguir estudiando etiquetas para poder añadir

33
00:02:15,120 --> 00:02:18,280
otros elementos, como son enlaces, listas, formularios,

34
00:02:18,280 --> 00:02:20,400
etc., a nuestra página web.

35
00:02:20,400 --> 00:02:23,520
Una vez que lo hayas trabajado, daremos estilo a nuestra web

36
00:02:23,520 --> 00:02:25,600
con código CSS.

37
00:02:25,600 --> 00:02:29,840
Ya estamos preparados para programar páginas web.