Compte-rendu vidéo de l'atelier Silex à l'Escapade

Le compte-rendu vidéo est découpé en parties
  1. Présentation de Silex et de ses menus
  2. Explication des éléments background et meta-container
  3. Insérer un bloc-texte et sauvegarder sa publication
  1. Insérer une image avec dropbox
  2. Description du container qui permet de grouper plusieurs éléments
  3. Créer une page sur le site et afficher des éléments
  4. Insérer une vidéo avec une HTML box
  5. Insérer de la musique avec soundcloud (HTML box)
  6. Insérer une carte avec Google map (HTML box)
  7. S’initier au CSS avec Silex

1- PRÉSENTATION DE SILEX ET DE SES MENUS

[embed]https://youtu.be/Cpb4eJLluvg[/embed]

2- META-CONTAINER ET BACKGROUND

Dans la deuxième partie on verra la notion de meta-container et de background de votre site

[embed]https://youtu.be/4nJrOAC8HEs[/embed]

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

[embed]https://youtu.be/GMLwaFgGeqY[/embed]

4- INSÉRER UNE IMAGE

Dans cette quatrième partie on verra l’insertion d’une image et l’interaction avec la dropbox

[embed]https://youtu.be/HjoqFEprpZY[/embed]

5- INSÉRER UN CONTAINER

Dans cette cinquième vidéo on verra le “container”, qui permet de grouper plusieurs éléments.

[embed]https://youtu.be/AcpR6cMi5iM[/embed]

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”.

[embed]https://youtu.be/W9P_i8yM1DI[/embed]

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

[embed]https://youtu.be/vj_0WhVOOKU[/embed]

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

[embed]https://youtu.be/f5aTY5BM4xY[/embed]

9- INSÉRER UNE CARTE AVEC GOOGLE MAP

Autre exemple d’insertion ici avec une google map

[embed]https://youtu.be/jAIDA64tE9g[/embed]

10- S’INITIER AU CSS DANS SILEX

[embed]https://youtu.be/fBU1zlTe7Wg[/embed]

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

22563162807_aa38dac55a_z

atelier-silex-escapade-cr-video-carre.svg

Tags

Rejoignez nous
S'Abonner par email