Please enable JavaScript to use CodeHS

Descubrimientos Digitales de Florida en la Sociedad

View Syllabus Overview
Proyecto: Creación de un sitio web
Description

En esta lección, los alumnos explorarán cómo el diseño estético, los multimedia y los principios CARP (Contraste, Alineación, Repetición y Proximidad) influyen en el aspecto, la sensación y la usabilidad de los sitios web. Los alumnos analizarán diseños de sitios web eficaces e ineficaces. Al final de la lección, los alumnos dispondrán de principios básicos para mejorar sus propios proyectos de diseño web.

Objective

Students will be able to:

  • Analyze the aesthetic design of websites and explain how it influences user trust, engagement, and perception of the company
  • Identify effective and ineffective use of multimedia and explain its impact on the user experience
  • Define and apply the CARP design principles to evaluate and improve website layouts
  • Reflect on how aesthetic and multimedia design choices can make websites more accessible and engaging.
Description

En esta lección, los alumnos explorarán los principios fundamentales del diseño, como el contraste, la alineación, la repetición y la proximidad, analizando ejemplos y aplicando propiedades CSS para mejorar la estética y la accesibilidad de las páginas web.

Objective

Students will be able to:

  • Identify and explain the importance of contrast, repetition, alignment, and proximity in web design
  • Use CSS properties such as color, font-size, and font-weight to visually appealing designs
  • Apply CSS properties like margin, padding, width, and float to adjust spacing and layout
  • Evaluate and improve the design of a web page based on principles of contrast and alignment
Description

En esta lección, los alumnos aprenderán qué son las leyes de derechos de autor y cómo evitar infringirlas. Explorarán por qué son importantes las leyes de derechos de autor y cómo protegen a los creadores. Practicarán cómo encontrar y citar imágenes en Internet.

Objective

Students will be able to:

  • Explain what copyright laws are and why they are important
  • Find images they are legally allowed to use in their projects
  • Accurately attribute images they find and want to use
Description

En esta lección, los alumnos iniciarán su proyecto comprendiendo los objetivos del mismo, haciendo una lluvia de ideas y esbozando el contenido clave de sus páginas web. También aprenderán a diseñar un mapa del sitio claro y funcional, y practicarán la revisión por pares intercambiando opiniones sobre sus diseños. Los alumnos aprenderán sobre el wireframing como paso fundamental en el diseño web. Practicarán la creación de wireframes para sitios web o aplicaciones existentes y luego diseñarán su propio wireframe para su proyecto.

Objective

Students will be able to:

  • Brainstorm and outline information about their chosen community for their webpage
  • Create a sitemap using a digital tool or hand-drawn method to organize the structure of their webpage
  • Explain the purpose of wireframing in the web design process
  • Design a wireframe for their website, considering both functionality and creative design
Description

En esta lección, los alumnos redactarán y revisarán sus sitios web, asegurándose de que cumplen los requisitos del proyecto a la vez que perfeccionan su código HTML y CSS. Completarán auto-revisiones, comprobarán si hay errores de codificación y participarán en tests entre compañeros para obtener comentarios sobre sus sitios web. La lección hace hincapié en la revisión y la mejora, animando a los alumnos a finalizar sus sitios web para su presentación.

Objective

Students will be able to:

  • Draft their website using HTML and CSS, applying the principles they’ve learned throughout the module
  • Evaluate their website using a self-review checklist and make revisions based on feedback
  • Participate in peer testing by reviewing a partner’s website and offering constructive feedback
  • Revise their website based on peer feedback and code validation to improve functionality and design