Créer jeu
Télécharger
Téléchargement SCORM
A utiliser dans un LMS (Moodle, Blackboard...)
Téléchargement régulier
Pour être publié sur un site Web ou un blog.
Le téléchargement du jeu est une fonctionnalité exclusive pour les utilisateurs avec un Plan Académique ou un Plan Commercial.
Obtenez votre Plan Académique ou Plan Commercial dès maintenant et commencez à intégrer vos jeux dans votre LMS, votre site Web ou votre blog.
Obtenir Plan Académique
Si vous le souhaitez, vous pouvez télécharger une jeu de test ici et tester son intégration:
Partager le jeu
Présentation
Présentation

Diseño y Programación Web I

Intégrez-le à votre plateforme
G. Classroom M. Teams
Vous pouvez intégrer le jeu dans un LMS compatible avec LTI 1.1 ou LTI 1.3 comme Canvas, Moodle ou Blackboard. Les scores seront ainsi automatiquement enregistrés dans le carnet de notes de la plateforme.
Télécharger
Vous avez dépassé le nombre maximum de jeux que vous pouvez intégrer à Google Classroom avec votre Plan actuel.

Pour intégrer autant de jeux que vous le souhaitez dans Google Classroom, vous avez besoin d’un Plan Académique ou un Plan Commerciel.

Obtenir Plan Académique
Vous avez dépassé le nombre maximum de jeux que vous pouvez intégrer à Microsoft Teams avec votre Plan actuel.

Pour intégrer autant de jeux que vous le souhaitez dans Microsoft Teams, vous avez besoin d’un Plan Académique ou un Plan Commerciel.

Obtenir Plan Académique
Le téléchargement du jeu est une fonctionnalité exclusive pour les utilisateurs avec un Plan Académique ou un Plan Commercial.

Obtenez votre Plan Académique ou Plan Commercial dès maintenant et commencez à intégrer vos jeux dans votre LMS, votre site Web ou votre blog.

Si vous le souhaitez, vous pouvez télécharger une jeu de test ici et tester son intégration:

Obtenir Plan Académique

Diseño y Programación Web I

Présentation

Parties jouées 1
Créer une copie

À propos de cette activité

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

Créé par

Jorge Eduardo Yaka Sagredo
Jorge Eduardo Yaka Sagredo
Bolivia

Téléchargez la version pour jouer sur papier

Créez votre propre jeu gratuite à partir de notre créateur de jeu
Affrontez vos amis pour voir qui obtient le meilleur score dans ce jeu
Créer un défi

Top Jeux

 %
Anonyme
Anonyme
 %
%
%
Vous avez dépassé le nombre maximum de jeux que vous pouvez imprimer avec votre Plan actuel.

Pour imprimer autant de jeux que vous le souhaitez, vous avez besoin d’un Plan Académique ou un Plan Commerciel.

Obtenir Plan Académique
Imprimez votre jeu
Diseño y Programación Web I
 

Diseño y Programación Web IVersion en ligne

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

par 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
 
Voulez-vous vraiment quitter la page ?

En quittant la page, vous perdrez la progression du jeu.