Compte rendu de l’atelier Silex – Do It Yourself

Posted by
|

Merci à toutes et à tous et merci à Ziggourat Formation pour l’accueil. Et à tous les participants de cet atelier, Silex Labs a un message pour vous : « Vous êtes tout simplement les meilleurs »

Do it yourself

Le thème était donc « faites le vous-même », en l’occurrence commencer à entreprendre avec des outils gratuits. En deux heures nous avons eu l’occasion de mettre les mains dans le cambouis avec principalement :

Le programme

On ne peut plus simple. Deux outils et deux étapes :

  • Créer son site web avec Silex
  • L’héberger avec GitHub

Quelques questions de droits

Contrairement à ce que certains pensent, l’Internet n’est pas une zone de non droit où la violence règne et où la loi du plus fort est la seule règle.
Oui, il faut faire attention à ce que vous publiez. Si j’aime les chauve-souris et que je publie régulièrement des photos de Batman sur mon blog personnel – qui n’a pas beaucoup d’audience – nous considérons cela comme toléré. Si par contre ce blog commence à se faire connaitre, il y a des chances que Wayne Industries débarque et vous demande de payer les photos utilisées. Cet exemple est vrai pour tous les types de contenu (video, templates, images, musique, etc…)

1zjkwn

Pour conclure ce point et éviter tout problème de droit d’auteurs, nous n’utiliserons dans notre exemple de site que des photos sous licence Creative Commons (libres). Nous vous conseillons d’ailleurs le site Unsplash pour des photos libres et d’une excellente qualité. Des images de si bonne qualité que vous serez obligés de les réduire en taille pour convenir avec les besoins du web.

Silex

Silex est ce qu’on appelle un website builder, un outil web pour créer votre site. Il est en ligne, ce qui signifie que vous n’avez besoin que d’une connexion Internet pour y accéder. Les avantages de Silex sont nombreux :

  • Libre & opensource
  • Vie privée respectée
  • Facile d’utilisation & intuitif
  • Aucune notion en programmation requise

Supposons maintenant qu’après une heure j’ai le résultat suivant :

capture-decran-2017-11-18-a-19-03-36

Nous sommes plutôt fier de notre travail et nous décidons de sauvegarder le tout. Avant cela nous devons vérifier deux choses :

  • Paramètres du site ou comment m’assurer d’un bon référencement sur les moteurs de recherche
  • S’assurer que le site est responsive, soit facilement consultable sur mobile et tablette
Publication

Il est maintenant temps de publier notre travail. Silex va alors générer une version optimisée de votre travail. Une version prête à être propulsée sur le web.

Si vous n’avez pas de compte GitHub, foncez en créer un ! Nous ne le répétons jamais assez mais il s’agit en quelque sorte du réseau social des développeurs. Dans notre cas il s’agit surtout d’un outil formidable qui va nous permettre d’héberger notre création gratuitement.

Vous allez maintenant sauvegarder votre travail sur Github. L’idéal est de le sauvegarder dans un répertoire gh-pages. Vous allez découvrir plus bas pourquoi.

Hébergement sur Github

Normalement ça y est votre site est en ligne ! Rendez vous sur GitHub, sur votre répertoire de sauvegarde. Cliquez ensuite sur l’onglet « Settings », dans la rubrique « Github pages » Github vous annonce que votre site est disponible et publié à une adresse de la forme :

https://VOTRECOMPTEGITHUB.github.io/LENOMDEVOTREREPERTOIRE/

capture

Allez plus loin avec Silex

Dans un premier temps vous trouverez la présentation de l’atelier ici :

https://docs.google.com/presentation/d/19io_OolHbbd7tdG0XAaSAKvbgADUHvRzKj73gbMoU8c/edit

Ci dessous un petit rappel vers l’article initial de l’évenement :

https://www.silexlabs.org/event/de-lidee-a-pratique-creer-site-silex/

Enfin, pour conclure vous pouvez proposer vos propres templates pour Silex, les soumettre à Silex Labs et vous entrainer avec ce puissant outil.

Partagez avec nous vos projets et vos créations, nous serons ravis de les mettre en avant.

Laissez un commentaire

É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