Clases
Clase 8. MAPAS DE IMÁGENES
Competencia: Identificara los principales elementos usados para la simplificación de información, tales como mapas de imágenes utilizados en el diseño de sitios web
En la Clase 8, exploramos los mapas de imágenes como herramienta esencial para simplificar la presentación de información en el diseño de sitios web. Los estudiantes profundizaron en cómo los mapas de imágenes permiten la interactividad y la organización eficiente de contenido visualmente complejo.
Durante esta sesión, analizamos los conceptos básicos de los mapas de imágenes y cómo se pueden utilizar para dividir una imagen en áreas interactivas que actúan como enlaces a diferentes secciones o recursos en un sitio web. Los estudiantes aprendieron sobre la estructura y la sintaxis de los mapas de imágenes en HTML, así como sobre las etiquetas como <map>, <area> y <img>.
Descarga las Diapositivas de la clases 7 y 8
Clase 9. FRAMES
Competencia: Identificara los principales elementos usados para la simplificación de información, tales como Frames
En la Clase 9, exploramos el uso de frames como elementos clave para simplificar la presentación de información en el diseño de sitios web. Los estudiantes profundizaron en cómo los frames permiten dividir una página web en múltiples áreas independientes, cada una con su propio contenido.
Durante esta sesión, analizamos los fundamentos de los frames y cómo se pueden utilizar para crear diseños web más flexibles y dinámicos. Los estudiantes aprendieron sobre la estructura básica de los frames en HTML, utilizando etiquetas como <frameset>, <frame>, y <iframe>.
Además, exploramos los diferentes tipos de frames y sus aplicaciones, desde la división de una página en secciones navegables hasta la incrustación de contenido externo de otros sitios web.
Al final de la clase, los estudiantes no solo tenían una comprensión sólida de los frames y su papel en la simplificación de la información en el diseño de sitios web, sino que también estaban preparados para aplicar este conocimiento en la creación de diseños web más dinámicos y eficientes en sus propios proyectos.
Descarga las Diapositivas de la clases 9 y 10
Clase 10. FORMS
Competencia: Identificara los principales elementos usados para la simplificación de información, como Formularios, utilizados en el diseño de sitios web
En la Clase 10, nos sumergimos en el mundo de los formularios, elementos esenciales para la interacción y recopilación de datos en el diseño de sitios web. Los estudiantes exploraron cómo los formularios permiten a los usuarios enviar información de manera estructurada y facilitan la comunicación entre el sitio web y sus visitantes.
Durante esta sesión, analizamos los componentes básicos de un formulario web, incluyendo campos de entrada de texto, casillas de verificación, botones de opción y menús desplegables. Los estudiantes aprendieron sobre la estructura y la sintaxis de los formularios en HTML, utilizando etiquetas como <form>, <input>, <select> y <textarea>.
Además, exploramos las diferentes técnicas para diseñar y personalizar formularios web, desde la disposición y el formato de los campos hasta la validación de datos y la retroalimentación visual para los usuarios.
Descarga las Diapositivas de la clases 9 y 10
Clase 11. INTRODUCCIÓN A LAS HOJAS DE ESTILO CSS
Competencia: Evaluará los Fundamentos de CSS en el Desarrollo Web para la solución de problemas de diseño web.
En la Clase 11, dimos un paso crucial en el mundo del diseño web al introducirnos en las Hojas de Estilo en Cascada (CSS). Los estudiantes exploraron los fundamentos de CSS y cómo esta tecnología es esencial para la presentación y el diseño de páginas web.
Durante esta sesión, analizamos cómo CSS permite controlar el aspecto visual y el diseño de los elementos HTML en una página web. Los estudiantes aprendieron sobre la sintaxis básica de CSS, incluyendo selectores, propiedades y valores, y cómo se pueden aplicar reglas CSS tanto internamente dentro de un documento HTML como externamente a través de archivos de estilo independientes.
Además, exploramos los principios de la cascada y la herencia en CSS, que permiten establecer estilos de manera eficiente y coherente en toda una página web.
Descarga las Diapositivas de la clases 11 y 12
Clase 12. LAYERS
Competencia: Evaluará los Fundamentos de Layers en el Desarrollo Web para la solución de problemas de diseño web.
En la Clase 12, nos sumergimos en los fundamentos de los layers (capas) en el desarrollo web, explorando cómo estas estructuras pueden ser fundamentales para organizar y presentar contenido de manera efectiva en una página web. Los estudiantes evaluaron cómo los layers pueden ser utilizados para solucionar problemas específicos de diseño web.
Discutimos también las mejores prácticas en el uso de layers para garantizar una experiencia de usuario positiva, incluyendo consideraciones de accesibilidad, rendimiento y compatibilidad con diferentes navegadores y dispositivos.
Descarga las Diapositivas de la clases 11 y 12
Clase 13. USO DE JAVASCRIPT
Competencia: Uso de Javascript en la producción de elementos dinámicos e interactivos del diseño web actual.
En la Clase 13, exploramos el uso de JavaScript como una herramienta fundamental para la producción de elementos dinámicos e interactivos en el diseño web actual. Los estudiantes evaluaron cómo JavaScript puede mejorar la experiencia del usuario al agregar funcionalidades avanzadas a las páginas web.
Durante esta sesión, analizamos los conceptos básicos de JavaScript, incluyendo variables, funciones, condicionales y bucles. Los estudiantes aprendieron sobre la sintaxis y la estructura de JavaScript, así como su integración con HTML y CSS para crear páginas web dinámicas y receptivas.
Discutimos también las mejores prácticas en el uso de JavaScript para garantizar un rendimiento óptimo y una experiencia de usuario satisfactoria, incluyendo la optimización del código, la gestión de eventos y la compatibilidad con diferentes navegadores y dispositivos.
Los estudiantes tuvieron la oportunidad de experimentar con la creación y el diseño de elementos interactivos utilizando JavaScript en sus propios proyectos web, así como de explorar bibliotecas y frameworks populares para ampliar su funcionalidad.
Al final de la clase, los estudiantes no solo tenían una comprensión sólida del uso de JavaScript en el diseño web, sino que también estaban preparados para aplicar estos conocimientos en la creación de páginas web dinámicas e interactivas en sus propios proyectos.
Descarga las Diapositivas de la clases 13 y 14
Clase 14. INCOMPATIBILIDADES.
Competencnia: Identificara los elementos de Incompatibilidad de los lenguajes web
En la Clase 14, exploramos los desafíos y las incompatibilidades que pueden surgir al trabajar con diferentes lenguajes web. Los estudiantes identificaron los elementos que pueden causar conflictos y problemas de rendimiento en el diseño y desarrollo de páginas web.
Durante esta sesión, analizamos las incompatibilidades comunes entre HTML, CSS y JavaScript, incluyendo diferencias en la interpretación de etiquetas, propiedades y funciones en diferentes navegadores web. Los estudiantes aprendieron sobre las herramientas y técnicas disponibles para detectar y solucionar problemas de compatibilidad entre navegadores, como la validación de código, las pruebas cruzadas de navegadores y el uso de prefijos de proveedores para propiedades CSS específicas del navegador.
Además, exploramos cómo las actualizaciones y cambios en los estándares web pueden afectar la compatibilidad entre diferentes versiones de navegadores y dispositivos, y cómo mantenerse al día con las mejores prácticas y recomendaciones de la industria para garantizar una experiencia de usuario consistente y de alta calidad en todas las plataformas.
Descarga las Diapositivas de la clases 13 y 14
Clase 15. MODIFICAR-ESCRIBIR CONTENIDOS EN LAYERS
Competencia: la edición de Layers para el Desarrollo Web
En la Clase 15, nos enfocamos en la habilidad de modificar y escribir contenido en layers como parte del desarrollo web. Los estudiantes exploraron cómo esta competencia es crucial para la creación y personalización de diseños web dinámicos y atractivos.
Durante esta sesión, analizamos las técnicas y herramientas disponibles para editar y escribir contenido en layers. Los estudiantes aprendieron sobre la manipulación de elementos HTML y CSS mediante JavaScript para lograr cambios dinámicos en la presentación de la página web.
Además, exploramos cómo utilizar eventos del navegador, como clics de mouse o interacciones de teclado, para desencadenar acciones que modifiquen los layers en respuesta a las acciones del usuario.
Descarga las Diapositivas de la clases 15 y 16
Clase 16. CSS DINÁMICAS
Competencia: Evaluará los Fundamentos de CSS Dinámicas
En la Clase 16, nos sumergimos en el mundo de las CSS dinámicas, explorando cómo estas pueden mejorar la flexibilidad y la interactividad en el diseño web. Los estudiantes evaluaron los fundamentos de las CSS dinámicas y su aplicación en el desarrollo web moderno.
Durante esta sesión, analizamos cómo las CSS dinámicas permiten cambiar estilos en respuesta a interacciones del usuario o a condiciones específicas, sin necesidad de modificar el HTML o el JavaScript subyacente. Los estudiantes aprendieron sobre las diferentes técnicas para crear CSS dinámicas, como el uso de pseudo-clases, pseudo-elementos, y animaciones CSS.
Discutimos las mejores prácticas en la implementación de CSS dinámicas, incluyendo la optimización del rendimiento, la accesibilidad y la compatibilidad con diferentes navegadores y dispositivos.