Please enable JavaScript to use CodeHS

Diseño web (Picasso)

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.

Overview & Highlights

Level
High School
Contact Hours
140
Timeframe
Year

Course Overview

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.

76
Lessons
57
Videos
149
Exercises
18
Challenges
57
Offline Handouts

Demo Programs

Explore programs that your students will build throughout this course!

Course Resources

Here are a few examples of teacher resources and materials to use in the Diseño web (Picasso) course

Professional Development

Teaching Web Design

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 Options

Customizable Assignments

Create and organize Assignments in any CodeHS course that you're teaching. You can even add custom assignments to pre-existing CodeHS courses.

Learn More

Actions for Teachers

Didn’t find what you were looking for? Here are a few links that might be useful to you.