Saltar navegación

Contenido digital_Presentación de Cristina Galán Rodríguez - 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 1 de agosto de 2023 por M.cristina G.

6 visualizaciones

Más información Transcripción

Descargar la transcripción

A continuación, voy a presentar otro contenido digital que 00:00:00
elaboré para mi curso de cuarto de ESO de Tecnologías de 00:00:03
Información y Comunicación para explicar a mis alumnos la 00:00:07
programación por código en lenguaje HTML y CSS. 00:00:11
Se trata de una presentación elaborada con Canva, 00:00:18
cuyo objetivo es que mis alumnos puedan seguirla y de forma 00:00:21
secuenciada sean capaces de elaborar páginas web sencillas 00:00:26
con lenguaje HTML y CSS. 00:00:30
He tenido en cuenta elementos de accesibilidad, 00:00:33
como es realizar una navegación clara y sencilla, 00:00:36
un diseño adaptable en tamaños y colocar textos alternativos 00:00:40
a elementos no textuales. 00:00:44
De todos los lenguajes de programación, 00:00:48
HTML es uno de los lenguajes más utilizados para la creación 00:00:50
de páginas web. 00:00:54
Por su parte, CSS son reglas en forma de código que van 00:00:55
a permitir dar formato y estilo a nuestra página web. 00:00:59
Vamos a ver la estructura básica de una página web. 00:01:04
Colocamos el conjunto de etiquetas ordenada, 00:01:08
teniendo en cuenta que en la parte de body se encontrará el 00:01:10
cuerpo principal de nuestra página web. 00:01:15
Otras etiquetas básicas en HTML son cambiar el tipo de letra, 00:01:18
font-face, cambiar el color, font-color, alinear elementos, 00:01:26
textos en negrita, texto recursiva o tamaño de textos. 00:01:30
También va a ser importante añadir algunos elementos, 00:01:37
como son una foto con el código que podemos ver o añadir una 00:01:40
tabla con el código de tr, th o td. 00:01:46
Siguiendo el ejemplo, vamos a ir copiando el código en un 00:01:52
editor, guardándolo con la extensión .html y abriéndolo en 00:01:56
el navegador, visualizaremos un encabezado, un párrafo, 00:02:02
una foto y una tabla. 00:02:06
Vamos a seguir estudiando etiquetas para poder añadir 00:02:11
otros elementos, como son enlaces, listas, formularios, 00:02:15
etc., a nuestra página web. 00:02:18
Una vez que lo hayas trabajado, daremos estilo a nuestra web 00:02:20
con código CSS. 00:02:23
Ya estamos preparados para programar páginas web. 00:02:25
Idioma/s:
es
Autor/es:
Cristina Galán Rodríguez
Subido por:
M.cristina G.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
6
Fecha:
1 de agosto de 2023 - 16:07
Visibilidad:
Clave
Centro:
IES SOR JUANA DE LA CRUZ
Duración:
02′ 30″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
8.02 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid