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.

MODULES - 10

  • 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!

Industry-Relevant Certifications for High School Computer Science

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 More
Web Design Level 1 Certification badge

Ready to Get Started?

Purchase Diseño web (Picasso) with your Texas Education Freedom Account funds.

Browse more TEFA courses