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.
MODULES - 10
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.
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.
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.
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.
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.
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.
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.
En este proyecto, los estudiantes trabajan en equipos para crear un sitio web profesional y adaptable utilizando Bootstrap.
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.
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
In 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 OptionsCreate 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.
Students build their own live web pages. The course is project based, and students finish with working, mobile responsive websites that act as a portfolio of what they made. Their homepage serves as the running showcase throughout the course.
The course teaches HTML and CSS. Students learn to structure pages with HTML and style them with CSS, then apply both to build and publish their own sites. Everything runs in the browser with no software to install.
No. CodeHS offers Teaching Web Design, a 40 hour professional development course that prepares teachers to run a Web Design class, including the content itself and the pedagogy around it. It assumes no prior web development background.
The course is built for about 140 contact hours across a school year. Because it is project based, the pacing depends partly on how much time you give students for their own site builds.
