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

Posted by
|

Cet article est le compte-rendu de l’atelier sur le logiciel libre SILEX animé par Antonin Stephany à l’Escapade MJC Maryse Bastié Viry-Châtillon. Silex est un éditeur de site internet gratuit et facile d’accés, il est accessible en ligne à l’adresse www.silex.me.

 

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
  4. Insérer une image avec dropbox
  5. Description du container qui permet de grouper plusieurs éléments
  6. Créer une page sur le site et afficher des éléments
  7. Insérer une vidéo avec une HTML box
  8. Insérer de la musique avec soundcloud (HTML box)
  9. Insérer une carte avec Google map (HTML box)
  10. S’initier au CSS avec Silex

 

1- PRÉSENTATION DE SILEX ET DE SES MENUS

Dans cette première partie Antonin Stephany nous présente Silex, en nous montrant l’adresse internet où il est accessible www.silex.me et il nous explique les différents menus et comment ils sont organisés.

 

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

Le CSS est un langage libre qui est utilisé pour faire la mise en forme du HTML et créer des petites animations sur les éléments d’une page web. Ici grâce à l’arme du copié-collé et du site http://ianlunn.github.io/Hover/ réalisé par Iann Lunn on réalisera de petites animations sur les boutons des pages.

 

Pour la publication de votre site fait avec Silex voici la documentation :

https://github.com/silexlabs/Silex/issues/238

 

BONUS :

Référencement avec Silex :

Publication avec Netlify :

22563162807_aa38dac55a_z

 

 

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

Événements à venir / Upcoming Events

  1. Aperopensource #46 – Édition de Noël

    21 décembre @ 19:00 - 21:00

News letter

Evénements Silex Labs sur Paris et sa région: Inscrivez vous à la Newsletter mensuelle

Silex Labs community Tweets

Facebook page