Diseño web (Picasso)
- Level High School
- Contact Hours 140
- Timeframe Year
Se trata de un curso basado en proyectos que enseña a los alumnos a crear sus propias páginas web. Los estudiantes aprenderán los lenguajes HTML y CSS, y crearán sus propias páginas de inicio en vivo para que sirvan como portafolios de sus creaciones. Los estudiantes terminarán este curso con páginas web tangibles, profesionales y con capacidad de respuesta móvil.
To view the entire syllabus, click here or click to explore the full course.
Primeros pasos - ¿Qué es la Web?
Los alumnos reciben una introducción de alto nivel a Internet y a sus funciones, investigan cómo ha influido Internet en la sociedad a lo largo del tiempo y se fijan objetivos para el curso. |
HTML - Estructurar sitios web
Los alumnos aprenden el lenguaje que hay detrás de todas las páginas web: HTML. Los alumnos aprenden varias etiquetas HTML diferentes, así como la estructura básica de una página web. Los alumnos utilizan HTML para desarrollar varias de sus propias páginas web creativas. |
CSS - Estilizar sitios web
Los alumnos aprenden el lenguaje CSS y lo utilizan para dar estilo a sus páginas web. Los alumnos aprenden las ventajas de aplicar estilos con CSS y lo utilizarán para crear varias páginas web con estilos propios. |
Proyecto - Crea tu página de inicio
Los alumnos construyen sus propios sitios web sobre sí mismos. Este sitio será accesible en su propio dominio personalizado y será mejorado continuamente por el alumno a medida que avance en el curso. Servirá como portafolio continuo de cada proyecto creativo que creen en el curso. |
HTML y CSS avanzados
Este módulo profundiza en diferentes cosas que podemos hacer con HTML y CSS. Los alumnos practican temas avanzados de HTML y CSS, como la visibilidad, el filtrado de imágenes, la interacción y la animación, para desarrollar sitios web más avanzados. |
Proyecto - Cuenta una historia
Los alumnos desarrollan una página web animada e interactiva que cuenta una historia visual y añaden esta página web al sitio web de su portafolio personal. |
Bootstrap
Este módulo presenta a los estudiantes Bootstrap, un marco HTML y CSS para desarrollar sitios web profesionales y con capacidad de respuesta. Los alumnos utilizan Bootstrap para desarrollar varios sitios web profesionales y adaptables a dispositivos móviles. |
Proyecto Bootstrap
En este proyecto, los estudiantes trabajan en equipos para crear un sitio web profesional y adaptable utilizando Bootstrap. |
Diseñar interfaces de usuario
Este módulo introduce a los estudiantes en la teoría y la práctica del diseño de interfaces de usuario. Los estudiantes aprenderán qué hace que una interfaz de usuario sea atractiva y accesible, y emplearán un proceso de diseño iterativo que incluye la creación rápida de prototipos y pruebas de usuario para diseñar y desarrollar sus propias páginas web atractivas. |
Proyecto final
En este proyecto, los estudiantes trabajan en equipos para diseñar, crear prototipos, probar y desarrollar un sitio web final. |
Explore programs that your students will build throughout this course!
Here are a few examples of teacher resources and materials to use in the Diseño web (Picasso) course
The CodeHS Web Design Level 1 Certification offers high school students the opportunity to validate their mastery of Web Design, giving them a competitive advantage when entering college or the workforce.
Learn MoreDiseño web (Picasso) is aligned with the following standards
Standards Framework | View Alignment |
---|---|
Certiport IT Specialist HTML and CSS | View (88.2%) |
ISTE | View (71.4%) |
CIW Site Development Associate Exam | View (70%) |
Create and organize Assignments in any CodeHS course that you're teaching. You can even add custom assignments to pre-existing CodeHS courses.
Learn MoreDidn’t find what you were looking for? Here are a few links that might be useful to you.
You also might like