Saltar navegación

Contenidos digitales_Vídeo presentación HTML - 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 25 de junio de 2023 por M.cristina G.

5 visualizaciones

Más información Transcripción

Descargar la transcripción

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. 00:00:01
Este tema se encuentra dentro del bloque de programación y publicación de contenidos web. 00:00:15
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 00:00:21
De todos los lenguajes de programación, el HTML es uno de los más utilizados para la creación de páginas web 00:00:33
Por su parte CSS son las reglas en forma de código que permiten dar formato a los distintos elementos del HTML 00:00:43
Proporciona estilo a la página web 00:00:51
La estructura básica de su código está basada en etiquetas de apertura y de cierre 00:00:54
Como vemos, debe comenzar con HTML y cerrarlo de igual manera 00:01:02
El contenido principal de los elementos de la página web estará dentro de body 00:01:06
Otras etiquetas básicas que utilizaremos en HTML es cambiar el tipo de letra con font-face 00:01:13
cambiar el color con font-color y poner el código de color, alinear elementos, poner textos en negrita, poner textos en cursiva 00:01:24
o hacer diferentes tamaños en textos. 00:01:34
Para añadir algunos elementos con HTML tenemos el código para añadir una foto 00:01:43
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. 00:01:49
Vamos a hacer una primera página web escribiendo el código en el editor o en el blog de notas. 00:02:06
Una vez puesto el código lo guardaremos con la extensión .html. 00:02:14
Al hacer clic, lo abriremos dentro de nuestro navegador y observaremos cómo ha quedado nuestra primera página web. 00:02:18
Habrá un título, un párrafo, una foto y una tabla. 00:02:26
Vamos a seguir estudiando etiquetas para poder añadir otros elementos como son enlaces, listas, formularios, etc. a nuestra página web. 00:02:34
Una vez vayas trabajado, daremos estilo a nuestra web con código CSS. 00:02:42
Ya estás preparado a programar tu página web. 00:02:46
Gracias. 00:02:51
Autor/es:
Cristina Galán Rodríguez
Subido por:
M.cristina G.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
5
Fecha:
25 de junio de 2023 - 12:32
Visibilidad:
Clave
Centro:
IES SOR JUANA DE LA CRUZ
Duración:
02′ 52″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
12.61 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid