Clases
Clase 1. PRIMER DOCUMENTO HTML
Competencia: Conocerá la historia y los fundamentos de la programación Web
En la Clase 1, nos adentramos en los fundamentos de la programación web a través del primer documento HTML. Este documento marca el inicio de nuestro viaje en el mundo del desarrollo web y sienta las bases para comprender los conceptos posteriores. Durante esta sesión, exploramos la historia de la programación web, desde sus orígenes hasta su evolución actual. Aprendimos sobre la importancia del lenguaje HTML como piedra angular en la creación de páginas web y su papel en la estructura y el contenido de un sitio.
Los estudiantes adquirieron habilidades prácticas al crear su primer documento HTML, donde aplicaron etiquetas básicas para dar formato al texto, insertar imágenes y enlazar otros recursos. Además, comprendieron la importancia de la semántica en la creación de contenido web accesible y bien estructurado.
Al final de la clase, los estudiantes no solo habían creado su primer documento HTML, sino que también adquirieron una comprensión más profunda de la historia y los fundamentos de la programación web, sentando así una base sólida para su aprendizaje continuo en el campo del desarrollo web.
Descarga las Diapositivas de la clase 1
Clase 2. FORMATOS DEL TEXTO
Competencia: Conocer los tipos de formatos usados en las páginas web de la empresa actual.
En la Clase 2, exploramos los diferentes formatos de texto utilizados en las páginas web de la empresa actual. Los estudiantes adquirieron una comprensión integral de cómo el formato del texto puede influir en la legibilidad, la accesibilidad y la estética de un sitio web.
Los estudiantes también aprendieron sobre la importancia de la coherencia y la consistencia en el formato del texto para mantener una identidad de marca sólida y una experiencia de usuario uniforme en todo el sitio web de la empresa. Exploramos ejemplos de buenas prácticas en el uso de diferentes formatos de texto en diversos contextos, como encabezados, párrafos, listas y citas.
Al final de la clase, los estudiantes no solo tenían un conocimiento más profundo de los diversos tipos de formatos de texto utilizados en las páginas web empresariales actuales, sino que también estaban equipados con las habilidades necesarias para aplicar estos formatos de manera efectiva en sus propios proyectos web, contribuyendo así a la creación de experiencias de usuario atractivas y funcionales.
Descarga las Diapositivas de la clase 2
Clase 3. HIPERENLACES
Competencia: Conocerá el concepto de Hiperenlace dentro del desarrollo de aplicaciones sobre Internet para comprender los sistemas que se utilizan en la actualidad
En la Clase 3, nos sumergimos en el fascinante mundo de los hiperenlaces dentro del desarrollo de aplicaciones sobre Internet. Los estudiantes exploraron en profundidad el concepto de hiperenlace y su papel fundamental en la navegación web y la interconexión de contenido en línea. Durante esta sesión, analizamos cómo los hiperenlaces permiten a los usuarios navegar de manera fluida entre diferentes páginas web, recursos multimedia y documentos en la web.
Los estudiantes aprendieron sobre los diferentes tipos de hiperenlaces, incluyendo enlaces internos que conectan páginas dentro del mismo sitio web, enlaces externos que dirigen a recursos fuera del sitio y enlaces de anclaje que permiten a los usuarios saltar a secciones específicas de una página web.
Además, exploramos las mejores prácticas en la creación y el diseño de hiperenlaces para mejorar la usabilidad y la accesibilidad del sitio web. Los estudiantes también se familiarizaron con las herramientas y tecnologías modernas utilizadas en el desarrollo web para implementar y gestionar hiperenlaces de manera efectiva.
Al final de la clase, los estudiantes no solo tenían una comprensión sólida del concepto de hiperenlace y su importancia en el desarrollo de aplicaciones sobre Internet, sino que también estaban preparados para aplicar este conocimiento en la creación de sitios web interactivos y navegables, contribuyendo así a una experiencia de usuario enriquecida y satisfactoria.
Descarga las Diapositivas de la clase 3 y 4
Clase 4. LISTAS
Competencia: Conocerá el concepto de Listas dentro del desarrollo de aplicaciones sobre Internet para comprender los sistemas que se utilizan en la actualidad
En la Clase 4, exploramos el concepto de listas dentro del desarrollo de aplicaciones sobre Internet, brindando a los estudiantes una comprensión integral de cómo se utilizan las listas para organizar y presentar información en la web. Durante esta sesión, analizamos la importancia de las listas como una herramienta fundamental para estructurar el contenido de manera lógica y accesible.
Los estudiantes aprendieron sobre los diferentes tipos de listas disponibles en HTML, incluyendo listas ordenadas (<ol>), listas desordenadas (<ul>) y listas de definición (<dl>). Exploramos cómo cada tipo de lista se puede utilizar para presentar información de manera efectiva, desde elementos numerados en secuencia hasta elementos sin orden específico y definiciones de términos y sus descripciones.
Descarga las Diapositivas de la clases 3 y 4
Clase 5. GRÁFICOS EN PÁGINAS WEB
Competencia: Identificara los principales elementos usados para la Identificación, tales como Gráficos utilizados en el diseño de sitios web.
En la Clase 5, nos adentramos en el emocionante mundo de los gráficos utilizados en el diseño de sitios web. Los estudiantes exploraron los principales elementos visuales que contribuyen a la identidad y la estética de un sitio web, centrándose en la importancia de los gráficos para transmitir información de manera efectiva y cautivar a los usuarios.
Durante esta sesión, analizamos los diferentes tipos de gráficos comúnmente utilizados en páginas web, como imágenes, íconos, logotipos, gráficos vectoriales y gráficos rasterizados. Los estudiantes aprendieron sobre las características y ventajas de cada tipo de gráfico, así como las mejores prácticas para su incorporación en el diseño web.
Exploramos también las herramientas y tecnologías disponibles para la creación y edición de gráficos, desde software de diseño gráfico hasta bibliotecas de iconos y recursos en línea. Los estudiantes tuvieron la oportunidad de experimentar con la creación de gráficos simples y su integración en páginas web utilizando HTML y CSS.
Además, discutimos la importancia del diseño responsivo en la presentación de gráficos en sitios web, asegurándonos de que los elementos visuales se vean bien y funcionen correctamente en una variedad de dispositivos y tamaños de pantalla.
Al final de la clase, los estudiantes no solo tenían una comprensión sólida de los principales elementos gráficos utilizados en el diseño de sitios web, sino que también estaban preparados para identificar y seleccionar los gráficos adecuados para mejorar la experiencia del usuario y la efectividad de la comunicación visual en sus propios proyectos web.
Descarga las Diapositivas de la clases 5 y 6
Clase 6. COLOR, TAMAÑO Y FUENTES EN TEXTOS
Competencia: Identificara los principales elementos de formato de textos en el diseño de sitios web.
En la Clase 6, exploramos los elementos fundamentales de formato de textos en el diseño de sitios web, centrándonos en el uso de color, tamaño y fuentes para mejorar la legibilidad, la estética y la coherencia visual.
Durante esta sesión, los estudiantes adquirieron una comprensión profunda de cómo el color puede afectar la percepción y la experiencia del usuario en un sitio web.
ambién discutimos cómo aplicar de manera efectiva el formato de texto utilizando CSS para establecer estilos de color, tamaño de fuente y familias tipográficas en las páginas web. Los estudiantes tuvieron la oportunidad de experimentar con diferentes combinaciones de color, tamaño y fuentes para crear estilos de texto cohesivos y atractivos.
Al final de la clase, los estudiantes no solo tenían una comprensión sólida de los principales elementos de formato de textos en el diseño de sitios web, sino que también estaban preparados para aplicar este conocimiento en la creación de experiencias de usuario atractivas y efectivas en sus propios proyectos web.
Descarga las Diapositivas de la clases 5 y 6
Clase 7. TABLAS
Competencia: Identificara los principales elementos usados para la simplificación de información, tales como Tablas utilizados en el diseño de sitios web
En la Clase 7, nos sumergimos en el uso de tablas como herramienta fundamental para la simplificación y organización de información en el diseño de sitios web. Los estudiantes exploraron cómo las tablas pueden estructurar datos de manera efectiva, facilitando su comprensión y accesibilidad para los usuarios.
Durante esta sesión, analizamos los diferentes tipos de tablas y cómo se pueden utilizar en diversas situaciones, desde la presentación de datos numéricos hasta la organización de información compleja en forma de cuadrícula. Los estudiantes aprendieron sobre la estructura básica de una tabla HTML y cómo utilizar etiquetas como <table>, <tr> y <td> para definir filas, columnas y celdas dentro de una tabla.
Al final de la clase, los estudiantes no solo tenían una comprensión sólida de cómo utilizar las tablas para simplificar y organizar información en el diseño de sitios web, sino que también estaban preparados para aplicar este conocimiento en la creación de tablas efectivas y visualmente atractivas en sus propios proyectos web.