Fundamentos del diseño web en Florida
- Level High School
- Contact Hours 165
- Timeframe Year
El Curso de Fundamentos del Diseño Web de CodeHS Florida tiene como objetivo enseñar a los estudiantes los fundamentos del diseño web en un entorno de aprendizaje basado en proyectos. Los alumnos aprenderán los elementos básicos del diseño web, como la creación de archivos HTML/CSS y la incorporación de Javascript a archivos HTML. A lo largo del año escolar, los alumnos diseñarán, desarrollarán e implementarán, de forma colaborativa e independiente, páginas web funcionales y receptivas utilizando estas habilidades fundamentales.
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. |
|
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 - 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. |
|
Conceptos básicos de JavaScript
Esta unidad pretende proporcionar a los alumnos un repaso de los temas de JavaScript que han tratado en cursos anteriores. Se recomienda que los alumnos repasen los materiales antes de comenzar el curso de Desarrollo Web. |
|
Introducción a Javascript en HTML
Los alumnos aprenden sobre la etiqueta script, y cómo puede utilizarse para escribir código JavaScript en sus archivos HTML. Los alumnos también conocerán métodos útiles de JavaScript que pueden utilizarse para alterar el estado del CSS y el HTML de una página web, así como la forma en que el Modelo de Objetos del Documento admite la posibilidad de realizar dichos cambios. |
|
Uso de bibliotecas JavaScript
Se presenta a los alumnos jQuery, una biblioteca de JavaScript que facilita la interacción con las páginas web. Los alumnos aprenderán la sintaxis básica de jQuery, cómo incorporarlo a sus páginas web y métodos útiles que ayudan a animar y cambiar la capacidad de respuesta de sus sitios web. |
|
Proyecto: ¡Construye un currículum interactivo!
Los alumnos crean un currículum interactivo de una sola página. Los alumnos deben añadir varias animaciones utilizando jQuery para demostrar su capacidad de modificar HTML y CSS. Esta unidad también examina las teorías de diseño web que pueden ayudar a los estudiantes a mejorar la estética de sus currículos, y a evaluar la calidad de un sitio web basándose en su diseño. |
|
Almacenamiento y recogida de datos
Los alumnos exploran el papel que desempeñan los datos en la creación de páginas web. Los alumnos conocerán las distintas formas en que se obtienen datos de las páginas web, así como las maneras de protegerse de la recopilación de datos no deseados. Los alumnos también aprenderán a incorporar la recogida de datos en sus propios sitios web, y a recopilar información sencilla de los usuarios. |
|
Proyecto: Recogida de datos
Los alumnos crean una página web con varios archivos que realiza un seguimiento del número de clics que reciben los elementos de contenido del sitio, lo que permite al propietario de la web tomar decisiones sobre qué contenido debe conservarse y cuál debe cambiarse la próxima vez que actualicen su sitio. Los alumnos prueban las páginas web de los demás y escriben una respuesta por escrito destacando el contenido que cambiarán en la próxima iteración y por qué. |
|
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. |
|
Cómo construir y mantener un sitio web
Los alumnos exploran cómo almacenar archivos web, asegurar un nombre de dominio y mantener una página web. La mayoría de las lecciones serán explicativas: no se espera que los alumnos alojen y mantengan una página web fuera de CodeHS, pero se les darán las herramientas necesarias para hacerlo si lo desean. |
|
Proyecto final
Los estudiantes tienen la tarea de crear un sitio web de su elección. El sitio web tendrá que seguir unos criterios específicos: cierto número de páginas, capacidad de respuesta y uso de API. Los alumnos pasan por un proceso de retroalimentación, y aprenden a hacer sus sitios web más accesibles a una amplia gama de usuarios. |
Explore programs that your students will build throughout this course!
Fundamentos del diseño web en Florida is aligned with the following standards
| Standards Framework | View Alignment |
|---|---|
| Florida Foundations of Web Design | View (100%) |
| Florida Career Ready Practices | View (100%) |
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.
