1
00:00:01,070 --> 00:00:14,550
Con la siguiente presentación quiero explicar de forma clara y sencilla el lenguaje de programación en HTML que va dirigido a mis alumnos de cuarto de ESO, que cursan la asignatura de Tecnología de la Información y Comunicación.

2
00:00:15,169 --> 00:00:21,429
Este tema se encuentra dentro del bloque de programación y publicación de contenidos web.

3
00:00:21,429 --> 00:00:33,170
El principal objetivo es que los alumnos aprendan a realizar páginas web sencillas programando con código HTML y posteriormente darlas estilo con CSS

4
00:00:33,170 --> 00:00:43,929
De todos los lenguajes de programación, el HTML es uno de los más utilizados para la creación de páginas web

5
00:00:43,929 --> 00:00:51,789
Por su parte CSS son las reglas en forma de código que permiten dar formato a los distintos elementos del HTML

6
00:00:51,789 --> 00:00:54,770
Proporciona estilo a la página web

7
00:00:54,770 --> 00:01:02,070
La estructura básica de su código está basada en etiquetas de apertura y de cierre

8
00:01:02,070 --> 00:01:06,590
Como vemos, debe comenzar con HTML y cerrarlo de igual manera

9
00:01:06,590 --> 00:01:13,049
El contenido principal de los elementos de la página web estará dentro de body

10
00:01:13,049 --> 00:01:24,620
Otras etiquetas básicas que utilizaremos en HTML es cambiar el tipo de letra con font-face

11
00:01:24,620 --> 00:01:34,920
cambiar el color con font-color y poner el código de color, alinear elementos, poner textos en negrita, poner textos en cursiva

12
00:01:34,920 --> 00:01:38,819
o hacer diferentes tamaños en textos.

13
00:01:43,319 --> 00:01:49,680
Para añadir algunos elementos con HTML tenemos el código para añadir una foto

14
00:01:49,680 --> 00:02:02,159
donde podemos modificar su tamaño alto y ancho y añadir una tabla con los códigos TRT-HTD, como vemos en la imagen.

15
00:02:06,069 --> 00:02:12,789
Vamos a hacer una primera página web escribiendo el código en el editor o en el blog de notas.

16
00:02:14,110 --> 00:02:18,909
Una vez puesto el código lo guardaremos con la extensión .html.

17
00:02:18,909 --> 00:02:25,449
Al hacer clic, lo abriremos dentro de nuestro navegador y observaremos cómo ha quedado nuestra primera página web.

18
00:02:26,289 --> 00:02:31,270
Habrá un título, un párrafo, una foto y una tabla.

19
00:02:34,830 --> 00:02:42,050
Vamos a seguir estudiando etiquetas para poder añadir otros elementos como son enlaces, listas, formularios, etc. a nuestra página web.

20
00:02:42,990 --> 00:02:46,909
Una vez vayas trabajado, daremos estilo a nuestra web con código CSS.

21
00:02:46,909 --> 00:02:51,210
Ya estás preparado a programar tu página web.

22
00:02:51,569 --> 00:02:52,050
Gracias.