Informations nutritionnelles des ingrédients Modèle HTML

Cette section prête à l'emploi présente les informations d'une recette grâce à une mise en page divisée bien équilibrée. Une grande photographie de plat remplit la colonne de gauche, tandis que la colonne de droite contient deux panneaux superposés verticalement. Le panneau supérieur porte le titre « Ingrédients » et présente une liste de quatre ingrédients comprenant des carottes râpées, de la cassonade et des raisins secs. Le panneau inférieur est intitulé « Valeurs nutritionnelles » et comprend un paragraphe sur la valeur nutritive par portion. Un arrière-plan jaune vif encadre la composition, avec des panneaux blancs et gris clair, des titres et liens rouges, deux liens textuels et des icônes culinaires décoratives appuyant la présentation du contenu statique.

Une section de recette statique avec deux zones d’informations préparées

La photo du plat, la liste des ingrédients et le paragraphe sur la nutrition constituent déjà une section détaillée et ciblée qui s'intègre parfaitement dans une page HTML statique. L'image remplit la partie gauche de haut en bas, offrant à la section un ancrage visuel fort. Sur la droite, le panneau Ingrédients apparaît au-dessus du panneau Valeurs nutritionnelles, ce qui permet aux visiteurs de passer facilement des ingrédients affichés aux explications par portion sans avoir à chercher au milieu de contenus superflus.

La liste de quatre entrées comprend des carottes râpées, de la cassonade et des raisins secs, tandis que le panneau inférieur conserve les informations nutritionnelles dans une zone de texte dédiée. Des arrière-plans blancs et gris clair détachent nettement les deux panneaux sur le fond jaune vif de la section. Les titres et liens rouges apportent un repère visuel cohérent, et un espacement généreux évite que les informations ne se condensent en une seule colonne compacte.

En tant que section HTML statique, ce bloc prend en charge la présentation de la recette pendant que d'autres sections de la page parente s'occupent de la navigation, des introductions, de recettes supplémentaires ou des coordonnées. Ce bloc remplit un rôle autonome : il propose une image culinaire attrayante et deux zones d'informations associées plutôt qu'une page complète. L'exportation HTML de Nicepage peut ensuite être appliquée au projet global une fois la mise en page statique terminée.

Personnalisez avec Nicepage

Lorsque vous utilisez Générateur HTML, vous pourrez ajuster les couleurs, les polices, l'en-tête et le texte, la mise en page, les colonnes et autres éléments de conception, ainsi que le contenu et les images.

Télécharger

Modifier le modèle hors ligne

1. Téléchargez et installez l'application Nicepage pour Windows et Mac, ou les plugins WordPress et Joomla depuis le page de téléchargement
2. Créez une nouvelle page ou sélectionnez une page existante
3. Cliquez sur Ajouter un nouveau bloc, recherchez l'identifiant 52824 et cliquez sur Entrée

Modifier le modèle en ligne

Démarrez Constructeur en ligne ce modèle sur notre hébergement

Créez des sites Web géniaux

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Nicepage Builder gratuit

Plus de 15 000 modèles

Glisser-déposer facile

Pas de codage

Adapté aux mobiles

Mots clés

Exporter et utiliser ce modèle comme site web HTML

Créer un site web HTML portable

Une fois le modèle prêt, utilisez l'option Exportation HTML pour créer un site web statique contenant les fichiers nécessaires au déploiement. Le site exporté peut être utilisé indépendamment de l'éditeur Nicepage et déployé sur l'hébergement de votre choix.

Nicepage propose également des paramètres SEO et des fonctionnalités d'optimisation, notamment les titres et descriptions de page, les balises canoniques, les balises de titre, le texte alternatif des images et d'autres propriétés de page qui contribuent à optimiser le site pour les moteurs de recherche.

Déploiement sans CMS

Téléversez le site web finalisé sur l'environnement d'hébergement adapté à votre projet. Comme le site exporté ne nécessite ni WordPress, ni Joomla, ni aucun autre CMS pour afficher ses pages, il peut être installé sur votre propre serveur, téléchargé chez un hébergeur ou déployé via une infrastructure web existante.

Transmission des fichiers du site web

Les fichiers du site web générés peuvent également être fournis à un client, un développeur ou une équipe d'hébergement. Ils restent disponibles en dehors de l'éditeur Nicepage pour le déploiement, la revue technique ou le développement spécifique au projet lorsque des travaux supplémentaires sont nécessaires.

Ce flux de travail fait du modèle une base pratique pour un site web statique portable, exportable depuis l'éditeur Nicepage et déployable indépendamment.