Sommaire

Foundation Essential

1. Le téléchargement

Nous allons étudier Foundation dans sa version Essential.

Dans la fenêtre des téléchargements, dans la zone Essential, cliquez sur le bouton Download Essentials.

images/C02-004.png

Vous téléchargez une archive nommée essential-f6.zip.

Décompressez cette archive.

Vous obtenez un dossier nommé essential-f6.

2. Les fichiers

Voyons les fichiers présents dans le dossier essential-f6.

  • Le dossier css contient trois fichiers :

    app.css : ce fichier est vide de toute règle CSS. Il sera utilisé pour personnaliser vos propres règles CSS.

    foundation.css : ce fichier contient toutes les règles CSS dans plus de 1500 lignes, mais pour un poids de 35 Ko. Ce fichier CSS est fait pour la conception du site, puisque nous avons accès à toutes les règles CSS.

    foundation-flex.css : ce fichier contient toutes les règles CSS de Foundation, mais adaptées pour l’utilisation de la technique de mise en page CSS3 Flexbox.

  • Le dossier img : ce dossier est vide pour le moment. Vous pourrez y placer tous les fichiers de toutes vos images.

  • Le fichier index.html : ce fichier est une simple présentation de quelques règles CSS et contient des liens vers le site de Foundation.

  • Le dossier js contient les fichiers JavaScript utilisés par Foundation :

    Le fichier app.js est vide. Il servira à personnaliser vos propres fonctions JavaScript.

    Le fichier foundation.js contient les scripts pour l’utilisation ...