Collection Modèles HTML

Des modèles HTML de collection clairs à exporter et continuer à éditer

Une boutique présentant quarante pièces de céramique et un fonds d'archives contenant plusieurs centaines d'estampes se heurtent au même écueil : le dixième élément doit s'intégrer aussi confortablement que le premier. Les modèles HTML de collection sont des conceptions prêtes à l'emploi pour les catalogues, galeries ou archives, et la mention HTML indique la destination technique du projet. Nicepage l'exporte sous forme de site statique, transformant la collection agencée visuellement en code HTML, CSS et JavaScript prêt à être hébergé ou retouché dans le code source.

Ce que contient une galerie exportée

L'export s'effectue depuis les applications Nicepage ou depuis l'éditeur en ligne, le résultat restant identique quel que soit l'outil utilisé. L'export vers un dossier ou via FTP fait partie des fonctionnalités de l'application, ce qui importe si la méthode de publication est déjà définie. Le guide d'exportation de site web HTML présente tous les modes proposés.

Un site de collection exporté depuis Nicepage comprend :

1. Le balisage de chaque page conçue, index de collection inclus ;
2. La feuille de style et les scripts dont dépend le design ;
3. Les images associées aux photos de produits, pages de lookbook et numérisations d'archives.

L'ensemble se déploie sur un hébergement statique classique, et ce même dossier peut être transmis à un développeur travaillant sur un projet plus étendu.

Cellules de grille sur écrans étroits

Les mises en page de collection disposent plusieurs images côte à côte sur écran large, et l'élément de grille les maintient dans des cellules qui s'empilent dès que l'écran se rétrécit. Pour une page de catalogue, ce comportement est primordial, car c'est face à une longue liste d'objets similaires qu'une conception graphique montre ses premières limites.

Les mêmes points méritent une attention particulière lorsque la largeur diminue :

1. Les noms d'articles plus longs que le texte de démonstration, qui distendent les cartes ;
2. Les légendes qui se dissocient de l'image correspondante ;
3. Les galeries conservant plus de colonnes que l'écran ne peut en accueillir.

Mises en page pour gammes de produits et séries artistiques

Toutes les collections n'exigent pas la même disposition. Une gamme de produits s'apprécie au travers d'une grille régulière d'articles accompagnés de prix et de courtes descriptions, tandis qu'une archive nécessite de la place pour les légendes et références à côté de chaque numérisation. Le contenu de démonstration sert d'indicateur pour comprendre la structure sous-jacente.

Dans une collection, les photos ont rarement le même format, critère décisif quant à la viabilité du modèle après remplacement. La photographie de produit adopte généralement un ratio de recadrage homogène, contrairement aux œuvres d'art et documents d'archive. Le test le plus rapide consiste à créer une section avec vos propres visuels et intitulés, notamment un nom deux fois plus long que la démonstration. Le comportement du design à cet endroit préfigurera le rendu sur l'ensemble du catalogue.