Collection Modèles HTML

Modèles HTML de collection transparents : exportez-les et continuez à les modifier

Une boutique proposant quarante pièces de céramique et une collection de plusieurs centaines d’estampes se heurte au même problème : le dixième article doit s’intégrer aussi harmonieusement que le premier. Les modèles HTML de collection sont des designs prêts à l’emploi pour les catalogues, les galeries ou les archives, et l’étiquette HTML indique le résultat final. Nicepage exporte votre projet sous forme de site statique : votre collection, agencée visuellement, devient ainsi un fichier HTML, CSS et JavaScript que vous pouvez héberger ou modifier directement dans le code.

Contenu d’une galerie exportée

L’exportation est possible depuis les applications Nicepage et l’éditeur en ligne. Le résultat est donc identique quel que soit l’outil utilisé. L’exportation par dossier et FTP est intégrée aux applications, ce qui est important si le mode de publication est déjà défini. Le guide d’exportation de site web HTML présente les modes disponibles.

Un site de collection exporté depuis Nicepage contient :

1. Le balisage de chaque page créée, y compris l’index de la collection ;

2. La feuille de style et les scripts sur lesquels repose la conception ;

3. Les images utilisées pour les photos de produits, les pages du lookbook et les numérisations d'archives.

Tous ces éléments sont hébergés sur un serveur statique standard, et le même dossier peut être transmis à un développeur travaillant sur un projet plus important.

Cellules de grille sur écrans étroits

Les mises en page de collection affichent plusieurs images côte à côte sur un écran large, et l'élément Grille les organise dans des cellules qui s'empilent lorsque la largeur de l'écran diminue. Pour une page de catalogue, ce comportement est primordial, car une longue liste d'objets similaires est le premier élément qui limite la qualité de la mise en page.

Les mêmes points nécessitent généralement une attention particulière lorsque la largeur de l'écran diminue :

1. Les noms d'articles plus longs que le texte de démonstration, qui déforment la fiche ;

2. Les légendes qui se détachent de l'image à laquelle elles se rapportent ;

3. Les galeries qui contiennent plus de colonnes que l'écran ne peut en afficher.

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

Toutes les collections ne nécessitent pas la même page. Une gamme de produits se présente clairement sous forme de grille régulière d'articles avec leurs prix et de brèves descriptions, tandis qu'une archive nécessite de l'espace pour les légendes et les numéros de référence à côté de chaque image. Le contenu de démonstration est utile pour se faire une idée de la mise en page sous-jacente.

Les photos d'une collection ont rarement toutes le même format, ce qui détermine généralement si un modèle est conservé après une migration. Les photos de produits sont recadrées à un format précis ; c'est rarement le cas pour les illustrations et les images d'archives. Le test le plus rapide consiste à créer une section avec vos propres images et noms d'articles, en particulier un nom deux fois plus long que celui de la démonstration. Le résultat obtenu dans cette section sera le même dans le reste du catalogue.