Programa de Arte & Diseño Gráfico Empresarial
Diseño
Sesión 1
Tema:
Introducción al Lenguaje HTML, CSS, Java Script y sus fundamentos
Web
Resultado de aprendizaje
El estudiante reconoce las funciones de los lenguajes de CSS, HTML y JS
Evidencia de aprendizaje
Crear archivos .html, .css y .js
Introducción al lenguaje de HTML, CSS y JS
Contenido
Observa detenidamente 30 segundos
Después de haber visualizado el video en la slide anterior, reflexionamos y respondemos las siguientes interrogantes:
01
¿Qué vieron?
02
¿Cuál es el mensaje?
03
¿A qué conceptos responde?
Aplicando CSS
Tema
Diseño Web – Sesión 1
Diferencia de: inline, internal, esternal
Inline = en la misma línea
Internal = en el mismo archivo
External = en otro archivo
Autoevaluación
Sesión 1
Pregunta 1
Enunciado
¿Por qué iniciamos la clase con CSS?
¿Cómo se construye una casa? o ¿Cómo se forma un ser humano? Según tu respuesta qué tipo de archivo iría primero (.js, .css o .html)
¿Qué pasa cuando tu amig@ revela un secreto delante de la persona que te gusta? Según tu respuesta con qué tipo de archivo tiene relación.
Autoevaluación
¡Vamos por más logros!
¡Felicitaciones!
Ha concluido la autoevaluación
HTML es la estructura de una web (esqueleto o el plano para construir).
CSS es la apariencia de una web.
JavaScript es la interactividad y dinamismo de una web.
Conclusiones
Aplicando lo aprendido:
Crear los archivos .html, .css y .js con sus nombres. Pero, antes vamos a reconocer navegando en cualquier página web.
Flanagan, D. (2020). JavaScript: The Definitive Guide
Freeman & Robson (2014). Head First HTML and CSS
W3C -World Wide Web Consortium
Mozilla Developer Network (2023).
Ullman, L. (2013). Modern JavaScript: Develop and Design. Addison-Wesley.
Duckett, J. (2011). HTML and CSS: Design and Build Websites.
Referencias