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 MoreIn today's world, web pages are the main medium for sharing ideas and information. Learning to design websites is an incredibly useful skill for any career path. This Professional Development course prepares teachers to teach a successful Web Design course with CodeHS.
View Units CodeHS PD OptionsDiseñ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