Compte-rendu vidéo de l'atelier Silex à l'Escapade
- Le compte-rendu vidéo est découpé en parties
-
- Présentation de Silex et de ses menus
- Explication des éléments background et meta-container
- Insérer un bloc-texte et sauvegarder sa publication
- Insérer une image avec dropbox
- Description du container qui permet de grouper plusieurs éléments
- Créer une page sur le site et afficher des éléments
- Insérer une vidéo avec une HTML box
- Insérer de la musique avec soundcloud (HTML box)
- Insérer une carte avec Google map (HTML box)
- S’initier au CSS avec Silex
1- PRÉSENTATION DE SILEX ET DE SES MENUS
2- META-CONTAINER ET BACKGROUND
Dans la deuxième partie on verra la notion de meta-container et de background de votre site
3- INSÉRER UN BLOC TEXTE ET SAUVEGARDER SA PUBLICATION
Dans cette troisième partie on verra l’insertion d’un bloc texte et la sauvegarde sur dropbox du site internet
4- INSÉRER UNE IMAGE
Dans cette quatrième partie on verra l’insertion d’une image et l’interaction avec la dropbox
5- INSÉRER UN CONTAINER
Dans cette cinquième vidéo on verra le “container”, qui permet de grouper plusieurs éléments.
6- CRÉER UNE PAGE ET AFFICHER DES ÉLÉMENTS
Dans cette partie on verra comment créer une page sur le site édité par Silex et comment créer un lien vers cette page. On verra aussi comment afficher un élément sur une ou plusieurs pages avec l’option “show only on”.
7- INSÉRER UNE VIDÉO AVEC UNE HTML BOX
Dans cette vidéo on verra comment ajouter une vidéo sur votre site internet grâce à la HTML box
- AUTRES EXEMPLE D’INSERTION D’ÉLÉMENTS AVEC UNE HTML BOX
- =========================================================
8- INSÉRER DE LA MUSIQUE AVEC SOUND CLOUD
Avec le même principe que pour la vidéo, ici, on insérera un Soundcloud en copiant le code iframe dans une HTML box
9- INSÉRER UNE CARTE AVEC GOOGLE MAP
Autre exemple d’insertion ici avec une google map
10- S’INITIER AU CSS DANS SILEX
- Pour la publication de votre site fait avec Silex voici la documentation
- BONUS
-
Référencement avec Silex
: https://youtu.be/-6C9W-rph-o
Publication avec Netlify
: https://youtu.be/eg_4QnQR4kw
