En esta lección, los estudiantes aprenderán sobre los fundamentos del diseño web y considerarán las formas en que ya interactúan con sitios web en su vida cotidiana.
Students will be able to:
En esta lección, los estudiantes explorarán qué es Internet y cómo se puede usar para actividades socialmente beneficiosas, así como cómo Internet puede usarse de manera potencialmente dañina. Los estudiantes examinarán cómo las computadoras están conectadas con redes locales y globales para crear una red muy grande de redes que conocemos como “Internet”.
Students will be able to:
En esta lección, los estudiantes explorarán el programa que les permite usar Internet: el navegador. Explorarán lo que un navegador es capaz de hacer y compararán varios programas de navegador diferentes.
Students will be able to:
En esta lección, los estudiantes aprenden qué es una URL y qué sucede cuando visitan una URL.
Students will be able to:
En esta lección, los estudiantes completan una evaluación sumatoria de los objetivos de aprendizaje de la unidad.
Students will be able to:
En esta lección, los estudiantes serán introducidos a HTML: el idioma para construir páginas web. Los estudiantes descubrirán por qué HTML es importante y cómo funciona para comenzar a construir sus propias páginas web.
Students will be able to:
En esta lección, progresamos de etiquetas simples a documentos completos de HTML. Aprendemos algunas etiquetas nuevas que nos permiten poner información en diferentes lugares en la página web, y aprendemos sobre la estructura de árboles anidados de un documento HTML.
Students will be able to:
En esta lección, los estudiantes aprenden sobre el formato de etiquetas que les permiten modificar la apariencia del texto y hacen que sus páginas web se vean claras y estéticamente agradables.
Students will be able to:
En esta lección, los estudiantes aprenden cómo agregar hipervínculos a sus páginas web utilizando la etiqueta <a>.
Students will be able to:
En esta lección, los estudiantes aprenden cómo agregar imágenes a sus propias páginas web utilizando la etiqueta <IMG>!
Students will be able to:
En esta lección, los estudiantes aprenderán qué son las leyes de derechos de autor y cómo evitar la infracción de los derechos de autor. Explorarán por qué las leyes de derechos de autor son importantes y cómo protegen a los creadores. Practicarán encontrar y citar imágenes en línea.
Students will be able to:
En esta lección, los estudiantes aprenden cómo agregar listas a sus páginas web y practican haciendo diferentes tipos de listas.
Students will be able to:
¡En esta lección, los estudiantes aprenden a crear y agregar tablas a sus páginas web!
Students will be able to:
En esta lección, los estudiantes usarán el estilo HTML para que sus páginas sean vitualmente atractivas y únicas.
Students will be able to:
En esta lección, los estudiantes diseccionarán cómo se representan los colores en una página web. Aprenderán sobre cómo se mezclan el rojo, el verde y el azul para crear colores, y cómo se especifican los niveles de rojo, verde y azul utilizando valores RGB y valores hexadecimales.
Students will be able to:
Esta lección es una evaluación sumativa de los objetivos de aprendizaje de la unidad.
En esta lección, los estudiantes comenzarásn a usar CSS para agregar estilo a sus páginas HTML.
Students will be able to:
¡En esta lección, los estudiantes aprenderán superpoderes CSS! Los selectores de etiquetas CSS se pueden usar para seleccionar todos los elementos del mismo tipo (por ejemplo, <table> o <h1>) y dar a todo el mismo estilo.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo usar selectores de clase CSS para aplicar el estilo CSS a todos los elementos HTML que comparten una clase específica. Esto permite un estilo más específico.
Students will be able to:
El uso de CSS para seleccionar un elemento por ID ayuda a seleccionar un solo elemento para formatear en una página web. Esto es útil cuando es necesario ser muy específico para aplicar las reglas CSS para la página web.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo se aplican las reglas CSS cuando se aplica más de una regla a un elemento.
Students will be able to:
En esta lección, los estudiantes completan una evaluación sumativa de los objetivos de aprendizaje de la unidad.
Students will be able to:
Este proyecto está destinado a ser un desafío que toca múltiples conceptos del curso para producir un artefacto digital. En esta práctica PT, los estudiantes desarrollarán su primer artefacto digital: ¡su propio sitio web! Este sitio web comenzará como su página de inicio personal, y a medida que los estudiantes progresen en el curso, seguirán agregando enlaces a sus proyectos favoritos. ¡Al final del curso, esta página de inicio servirá como su propio sitio web de portfolio personal para mostrar su trabajo!
Students will create their own website from scratch, hosted at their own custom domain.
En esta lección, los estudiantes observarán algunas de las características avanzadas de HTML/CSS que aprenderán a usar en este módulo.
Students will be able to:
En esta lección, los estudiantes aprenderán por qué los sitios web múltiples son importantes y cómo pueden crearlos.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo integrar contenido de otros sitios web en sus propios sitios web utilizando iframes.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo usar divs para agrupar y diseñar múltiples elementos.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo usar los tramos para agrupar y diseñar múltiples elementos de texto en línea.
Students will be able to:
<span> tag to style multiple elements of inline textEn esta lección, los estudiantes aprenden sobre etiquetas semánticas HTML5 y crean páginas web que aprovechan estas etiquetas para mejorar la estructura de los documentos HTML.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo combinar selectores CSS para que puedan diseñar múltiples selectores y combinaciones, o selectores father/child específicos.
Students will be able to:
En esta lección, los estudiantes aprenderán el principio de “No te repitas a ti mismo” (DRY).
Students will be able to:
En esta lección, los estudiantes aprenderán sobre selectores especiales como: Hover y Focus, y cómo estos selectores pueden usarse para diseñar elementos a medida que el usuario interactúa con ellos en la página.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo usar la propiedad de visibilidad para hacer que los elementos sean visibles o invisibles en su página.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo pueden usar la documentación como un recurso para aprender más sobre las funciones HTML y CSS.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo usar la herramienta Inspector para explorar y modificar el código en línea.
Students will be able to:
En esta lección, los estudiantes aprenderán qué es el Box Model y cómo pueden usarlo para agregar un borde alrededor de elementos y definir espacio entre elementos.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo incluir imágenes en sus programas y manipular sus píxeles usando Webimage. Los estudiantes aprenderán cómo los filtros de imagen manipulan los datos de píxeles almacenados.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo agregar animaciones simples a sus sitios web.
Students will be able to:
En esta lección, los estudiantes combinarán selectores especiales como: Hover con animaciones para crear sitios que respondan a las acciones del usuario.
Students will be able to:
En esta lección, los estudiantes completan una evaluación sumativa de los objetivos de aprendizaje de la unidad.
Students will be able to:
Este proyecto permite a los estudiantes desatar su creatividad para diseñar e implementar un sitio web informativo. Los estudiantes deben ir a lo grande en este proyecto, utilizando los nuevos trucos CSS y HTML que han aprendido durante la última lección para hacer un sitio web interactivo y hermoso. Deben animarse a probar nuevos elementos, utilizando documentación para ayudarse.
Students will create their own website from scratch with an emphasis on project planning and iterative creation.
En esta lección, los estudiantes serán introducidos a Bootstrap, incluido quién usa Bootstrap y por qué las personas querrían usar Bootstrap.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo agregar Bootstrap a una página web y crear la estructura básica utilizando las clases ‘Container` de Bootstrap.
Students will be able to:
container to gather the pieces of the sitecontainer and container-fluidEn esta lección, los estudiantes aprenderán cómo usar el sistema de cuadrícula de Bootstrap para crear el diseño de sus páginas web.
Students will be able to:
En esta lección, se introduce a los estudiantes a los encabezados, botones e íconos de la página. Utilizarán diferentes tipografías para diseñar el encabezado y el subencabezado de sus páginas web. Usarán y estilarán botones para aumentar la interactividad en su página web.
Students will be able to:
En esta lección, los estudiantes aprenderán lo fácil que es crear tablas hermosas e interactivas usando Bootstrap. Los estudiantes crearán galerías de imágenes y enlaces utilizando la clase de miniatura de Bootstrap.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo agregar una barra de navegación (barra de navegación) a sus sitios web.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo hacer menús desplegables. Aplicarán menús desplegables a las barras de navegación, así como una forma de elegir una opción en otra parte de la página.
Students will be able to:
En esta lección, los estudiantes explorarán las plantillas oficiales de Bootstrap. Modificarán una página web existente para crear su propia página web.
Students will be able to:
En esta lección, los estudiantes usarán todo lo que hayan aprendido hasta ahora para completar algunos desafíos de diseño web.
Students will be able to:
En esta lección, los estudiantes completan una evaluación sumativa de los objetivos de aprendizaje de la unidad.
Students will be able to:
Este proyecto permite a los estudiantes desatar su creatividad para diseñar e implementar un sitio web receptivo utilizando Bootstrap. Los estudiantes deben ir a lo grande en este proyecto, utilizando lo que han aprendido durante la última lección para hacer un sitio web receptivo y hermoso. Deben animarse a explorar nuevos elementos, utilizando la documentación para ayudarse. Deben animarse a usar plantillas y ejemplos para comenzar.
This project enables students to unleash their creativity to design and implement a responsive website using Bootstrap.
En esta lección, los estudiantes aprenden los conceptos básicos del pensamiento de diseño. El pensamiento de diseño es un proceso paso a paso que ayuda a los desarrolladores y empresarios a desarrollar sus productos mientras consideran a sus usuarios finales y prueban productos antes de lanzarlos. Los estudiantes tendrán la oportunidad de practicar el pensamiento de diseño en todas las lecciones posteriores a esta unidad.
Students will be able to:
En esta lección, los estudiantes aprenden más profundamente sobre el primer principio del pensamiento de diseño: la empatía. La empatía es la capacidad de comprender y compartir los sentimientos de otro, y es el principio más importante del pensamiento de diseño. Los estudiantes practicarán la creación de empatía entrevistando a compañeros de clase y evaluando la accesibilidad de las páginas web existentes.
Students will be able to:
En esta lección, los estudiantes tomarán la información que reunieron en las entrevistas con sus compañeros para definir un problema específico que debe resolverse. Los estudiantes crearán declaraciones de punto de vista y personajes compuestos para hacer un perfil de los usuarios que necesitan una solución al problema definido por los estudiantes.
Students will be able to:
En esta lección, los estudiantes aprenderán estrategias que los ayuden a idear soluciones a los problemas que han estado explorando a lo largo del módulo de pensamiento de diseño. Los estudiantes pasarán el tiempo de clase haciendo lluvia de ideas con sus compañeros y se alentarán mutuamente para crear soluciones fuera de la caja.
Students will be able to:
En esta lección, los estudiantes aprenden los conceptos básicos de la creación de prototipos. Los estudiantes crearán un prototipo basado en ideas que se les hayan ocurrido para su proyecto de diseño y lo presentarán a los compañeros de clase para obtener una crítica.
Students will be able to:
En esta lección, los estudiantes evaluarán los prototipos de los demás y proporcionarán comentarios constructivos sobre su usabilidad y atractivo estético. Los estudiantes también harán preguntas reflexivas a los evaluadores para comprender mejor su experiencia interactuando con el prototipo.
Students will be able to:
En esta lección, los estudiantes revisan el contenido con un cuestionario de 10 preguntas de fin de unidad.
Students will be able to:
En esta lección, los estudiantes aprenden a crear hitos o puntos de referencia para su proyecto final y construir su sitio web.
Students will be able to:
