• 20 hours
  • Medium

Free online content available in this course.

course.header.alt.is_certifying

Got it!

Last updated on 1/17/17

Bonus : affichez des images

Log in or subscribe for free to enjoy all this course has to offer!

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 :) !

Example of certificate of achievement
Example of certificate of achievement