New game
Download
SCORM download
To be used in an LMS (Moodle, Blackboard...)
Regular download
To be published on a website or blog.
Downloading games is an exclusive feature for users with an Academic Plan or a Commercial Plan.
Get your Academic Plan or your Commercial Plan now and start integrating your games into your LMS, website or blog.
Get Academic Plan
If you wish, you can download a demo game here and test its integration:
Share game
Slideshow
Slideshow

Diseño y Programación Web I

Integrate it into your platform
G. Classroom M. Teams
You can integrate the game into an LMS compatible with LTI 1.1 or LTI 1.3 such as Canvas, Moodle, or Blackboard. This way, the scores will be automatically saved into the platform’s gradebook.
Download
You have exceeded the maximum number of games you can integrate into Google Classroom with your current Plan.

To integrate as many games as you want in Google Classroom, you need an Academic Plan or a Commercial Plan.

Get Academic Plan
You have exceeded the maximum number of games you can integrate into Microsoft Teams with your current Plan.

To integrate as many games as you want in Microsoft Teams, you need an Academic Plan or a Commercial Plan.

Get Academic Plan
Downloading games is an exclusive feature for users with an Academic Plan or a Commercial Plan.

Get your Academic Plan or your Commercial Plan now and start integrating your games into your LMS, website or blog.

If you wish, you can download a demo game here and test its integration:

Get Academic Plan

Diseño y Programación Web I

Slideshow

Played 1
Create copy

About this activity

Explora los fundamentos del diseño y la programación web en este curso introductorio.

Created by

Jorge Eduardo Yaka Sagredo
Jorge Eduardo Yaka Sagredo
Bolivia

Download the paper version to play

Make your own free game from our game creator
Compete against your friends to see who gets the best score in this game
Make challenge

Top Games

 %
Anonymous
Anonymous
 %
%
%
You have exceeded the maximum number of games you can print with your current Plan.

To print as many games as you want, you need an Academic Plan or a Commercial Plan.

Get Academic Plan
Print your game
Diseño y Programación Web I
 

Diseño y Programación Web IOnline version

Explora los fundamentos del diseño y la programación web en este curso introductorio.

by Jorge Eduardo Yaka Sagredo
1

Introducción al Diseño Web

El diseño web se refiere a la creación de sitios web y aplicaciones en línea. Incluye aspectos como:

  • Diseño visual
  • Usabilidad
  • Accesibilidad
  • Interactividad
2

Lenguajes de Programación

Los lenguajes más comunes en el desarrollo web son:

  • HTML: Estructura del contenido
  • CSS: Estilo y presentación
  • JavaScript: Interactividad y dinamismo
3

HTML: Estructura de Páginas

HTML (HyperText Markup Language) es el lenguaje de marcado utilizado para estructurar el contenido de las páginas web. Sus elementos principales incluyen:

  • Etiquetas
  • Atributos
  • Elementos anidados
4

CSS: Estilo y Diseño

CSS (Cascading Style Sheets) se utiliza para definir el estilo de un documento HTML. Permite:

  • Modificar colores
  • Definir fuentes
  • Crear layouts responsivos
5

JavaScript: Interactividad

JavaScript es un lenguaje de programación que permite añadir interactividad a las páginas web. Algunas de sus características son:

  • Manipulación del DOM
  • Eventos
  • Validación de formularios
6

Principios de Usabilidad

La usabilidad se refiere a la facilidad con la que los usuarios pueden interactuar con un sitio web. Los principios incluyen:

  • Consistencia
  • Feedback
  • Minimizar la carga cognitiva
7

Accesibilidad Web

La accesibilidad web implica diseñar sitios que sean utilizables por personas con discapacidades. Algunas prácticas incluyen:

  • Uso de texto alternativo para imágenes
  • Navegación por teclado
  • Contraste adecuado
8

Herramientas de Desarrollo

Existen diversas herramientas que facilitan el desarrollo web, tales como:

  • Editores de código: Visual Studio Code, Sublime Text
  • Frameworks: Bootstrap, React
  • Herramientas de depuración: Chrome DevTools
9

Prácticas de Desarrollo

Al desarrollar un sitio web, es importante seguir buenas prácticas, como:

  • Escribir código limpio y comentado
  • Utilizar control de versiones
  • Realizar pruebas de usabilidad
10

Conclusiones

El diseño y la programación web son habilidades esenciales en el mundo digital actual. Conocer los fundamentos permite:

  • Crear sitios web efectivos
  • Mejorar la experiencia del usuario
  • Adaptarse a nuevas tecnologías
 
Are you sure you want to leave the page?

If you leave the page, you will lose your game progress.