En esta lección, los alumnos aprenderán los fundamentos del diseño web y considerarán las formas en que ya interactúan con los sitios web en su vida cotidiana.
Students will be able to:
En esta lección, los alumnos explorarán qué es Internet y cómo puede utilizarse para actividades socialmente beneficiosas, así como la forma en que Internet puede utilizarse de forma potencialmente perjudicial. Los alumnos examinarán cómo los ordenadores están conectados con redes locales y globales para crear una red de redes muy grande que conocemos como “internet”.
Students will be able to:
En esta lección, los alumnos explorarán el programa que les permite utilizar Internet: el navegador. Explorarán lo que es capaz de hacer un navegador y compararán varios programas de navegación diferentes.
Students will be able to:
En esta lección, los alumnos aprenden qué es una URL y qué ocurre cuando visitan una URL.
Students will be able to:
En esta lección, los alumnos realizan una evaluación sumativa de los objetivos de aprendizaje de la unidad.
Students will be able to:
En esta lección, los estudiantes serán presentados 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 actualizamos 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 anidadas 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 practicar haciendo diferentes tipos de listas.
Students will be able to:
¡En esta lección, los estudiantes aprenden cómo 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 visualmente 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án 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 (<table> o <h1> por ejemplo) y darles 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 propia 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 cartera personal que muestra 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 alumnos aprenderán por qué son importantes los sitios web con varios archivos 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 aprenderán cómo combinar selectores CSS para que puedan diseñar múltiples selectores y combinaciones, o selectores de padres/niños específicos.
Students will be able to:
En esta lección, los estudiantes aprenderán el principio de no repetir usted mismo (seco).
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 cuál es el modelo de caja 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 alumnos dar rienda suelta a su creatividad para diseñar e implementar un sitio web informativo. Los alumnos deben ir a lo GRANDE en este proyecto, utilizando los nuevos trucos de CSS y HTML que han aprendido en la última lección para hacer un sitio web interactivo y bonito. Hay que animarles a probar nuevos elementos, utilizando la documentación como ayuda.
Students will create their own website from scratch with an emphasis on project planning and iterative creation.
En esta lección, se presentará a los alumnos Bootstrap, incluyendo quién utiliza Bootstrap y por qué la gente querría utilizar Bootstrap.
Students will be able to:
En esta lección, los alumnos aprenderán a añadir Bootstrap a una página web y a 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-fluidIn this lesson, students are introduced to the jumbotron class to create a heading for their webpages.
Students will be able to:
In this lesson, students will learn how to use Bootstrap’s grid system to create the layout of their webpages.
Students will be able to:
In this lesson, students are introduced to page headers, buttons, and Glyphicons. They will use different typographies to style the header and sub-header of their webpages. They will use and style buttons to increase interactivity on their webpage.
Students will be able to:
In this lesson, students will learn how easy it is to create beautiful and interactive tables using Bootstrap classes. Students will create galleries of images and links using Bootstrap’s thumbnail class.
Students will be able to:
In this lesson, students will learn how to add a navbar (navigation bar) to their websites.
Students will be able to:
In this lesson, students will learn how to make dropdown menus. They will apply dropdown menus to navbars as well as a way of choosing an option elsewhere on the page.
Students will be able to:
In this lesson, students will explore the official Bootstrap templates. They will modify an existing webpage to create their own webpage.
Students will be able to:
In this lesson, students will use everything they have learned so far to complete a few web design challenges.
Students will be able to:
In this lesson, students complete a summative assessment of the unit’s learning objectives.
Students will be able to:
Este proyecto permite a los estudiantes dar rienda suelta a su creatividad para diseñar e implementar un sitio web responsivo utilizando Bootstrap. Los estudiantes deben ir a lo GRANDE en este proyecto, utilizando Bootstrap para hacer un sitio web responsivo y bonito. Hay que animarles a explorar nuevos elementos, utilizando la documentación como ayuda. Hay que animarles a utilizar plantillas y ejemplos para empezar.
This project enables students to unleash their creativity to design and implement a responsive website using Bootstrap.
En esta lección, los alumnos aprenden los fundamentos del Design Thinking. El Design Thinking es un proceso paso a paso que ayuda a los desarrolladores y empresarios a desarrollar sus productos teniendo en cuenta a sus usuarios finales y probando los productos antes de lanzarlos al mercado. Los alumnos tendrán la oportunidad de practicar el Design Thinking en todas las lecciones posteriores de esta unidad.
Students will be able to:
En esta lección, los alumnos profundizan en el primer principio del Design Thinking: 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 alumnos practicarán el desarrollo de la 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 sus entrevistas con sus compañeros para definir un problema específico que debe resolverse. Los estudiantes crearán declaraciones de punto de vista y caracteres compuestos para hacer un perfil de los usuarios que necesitan una solución al problema que los estudiantes definen.
Students will be able to:
En esta lección, los estudiantes aprenderán estrategias para ayudarlos 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 de lluvia de ideas con compañeros de clase y alentarán mutuamente a inventar soluciones fuera de la caja.
Students will be able to:
En esta lección, los alumnos aprenden los fundamentos de la creación de prototipos. Los alumnos crearán un prototipo basado en las ideas que se les ocurran para su proyecto de diseño, y presentarán prototipos a sus compañeros de clase para que los critiquen.
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 que comprendan mejor su experiencia interactuando con el prototipo.
Students will be able to:
En esta lección, los alumnos repasan los contenidos con un Cuestionario de Fin de Unidad de 10 preguntas.
Students will be able to:
