CATALOGUE Code & Data Formation WeWeb WeWeb & Airtable - Introduction Marketplace No-Code Création de Pages Dynamiques avec WeWeb

Création de Pages Dynamiques avec WeWeb

Page Dog Dynamic
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
WeWeb & Airtable - Introduction Marketplace No-Code
Revoir le teaser Je m'abonne
4,0
Transcription
Cette leçon fait partie de la formation
49,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,0
Cette leçon fait partie de la formation
49,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à la Personnalisation CSS et JavaScript

Objectifs

Les objectifs de cette vidéo sont d'enseigner comment créer des pages dynamiques dans WeWeb, d'introduire l'utilisation de workflows pour la navigation, et de démontrer l'implémentation de styles CSS avancés.

Résumé

Apprenez à concevoir des pages dynamiques sous WeWeb. Découvrez comment manipuler les styles CSS pour améliorer l'interface utilisateur et comment utiliser des workflows dynamiques pour personnaliser l'expérience utilisateur.

Description

Dans cette vidéo, vous apprendrez à créer une page web dynamique utilisant WeWeb, une plateforme qui permet de développer des sites sans code. Le tutoriel commence par une personnalisation du style CSS avec l'ajout d'un effet hover et de transitions fluides. L'accent est mis sur l'utilisation efficace des workflows de WeWeb pour naviguer dynamiquement entre les pages en utilisant des paramètres d'URL. Nous explorons notamment comment utiliser le record ID pour accéder aux données spécifiques d'un chien dans un jeu de données. Les concepts de variables dynamiques et le lookup en JavaScript sont expliqués pour transformer chaque clic en une transition fluide vers une page dédiée. La vidéo se termine par une mise en œuvre de la réactivité de la page et des petites astuces pour optimiser le rendu visuel et la gestion du contenu. Ce tutoriel s'adresse à ceux qui cherchent à enrichir leur site avec des pages dynamiques, tout en maintenant une interface utilisateur intuitive.

Voir plus

Questions fréquentes

Comment ajouter une ombre portée sur un élément avec CSS dans WeWeb ?
Vous pouvez ajouter une ombre portée en modifiant l'état 'hover' de votre élément et en ajustant les propriétés de shadow dans le CSS.
Quelle est l'importance du 'record ID' dans ce tutoriel ?
Le 'record ID' permet d'identifier de manière unique chaque chien dans les données afin de charger dynamiquement ses informations sur une page dédiée.
Comment tester si la page dynamique fonctionne correctement ?
En naviguant dans le navigateur et en vérifiant que le workflow redirige correctement vers la page contenant l'identifiant de l'élément sélectionné.

Programme détaillé

1 commentaire
4,0
1 vote
5
4
3
2
1
bb.sound
Il y a 1 mois
Bonjour pouvez vous corriger : 2x "page dog dynamic..." merci