Sommaire

Foundation complet

1. Le téléchargement

Nous allons étudier Foundation dans sa version complète.

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

images/C02-003.png

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

Décompressez cette archive.

Vous obtenez un dossier nommé foundation-6.

2. Les fichiers

Voyons les fichiers présents dans le dossier foundation-6.

  • Le dossier css contient quatre fichiers :

    app.css : ce fichier est vide de toute règle CSS. Il sera utilisé pour créer vos propres règles CSS, afin de personnaliser l’affichage de vos sites web.

    foundation.css : ce fichier contient toutes les règles CSS dans plus de 3100 lignes, mais pour un poids de 73 Ko. Ce fichier CSS est fait pour la conception du site, puisque nous avons une lecture facile de toutes les règles CSS.

    foundation.min.css : ce fichier est le même que précédemment, mais il est minimisé en une seule ligne. Il n’y a aucun retour à la ligne et aucun commentaire. Son poids est de 51 Ko. Ce fichier est fait pour la mise en production de vos sites web.

    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 ...