• 20 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 17/01/2017

Bonus : affichez des images

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Cette première partie du cours a été rude avec bon nombre de mécanismes de Ruby on Rails à maîtriser. Je vous propose dans ce chapitre un sujet léger : la gestion des images.

Si vous souhaitez travailler sur un vrai projet, vous aurez rapidement besoin d’afficher des images, que ce soit via votre HTML ou votre CSS. Mettez une image dans le dossier app/assets/images/. Disons que votre fichier s’appelle votre_image.png.

Par ailleurs, il est possible d’ajouter les propriétés HTML usuelles à ce helper :

<%= image_tag "votre_image.png", alt: "Mon image", width: 64, height: 64 %>

Pour faire la même chose en CSS, assurez-vous déjà que l’extension de vos fichiers est SCSS et non CSS. Cela offre de nouvelles fonctionnalités, comme l’usage du helper asset-path :

body {
  background-image: url(asset-path("votre_image.png"));
}

Vous pouvez ajouter ce bout de code à la fin du fichier app/assets/stylesheets/application.scss, par exemple.

Vous voici à la fin de cette partie sur Ruby on Rails, j’espère que vous avez appris plein de choses :) !

Exemple de certificat de réussite
Exemple de certificat de réussite