Ingredienti dati nutrizionali Modello HTML

Questa sezione già pronta presenta le informazioni sulla ricetta tramite una solida composizione divisa. Un'ampia foto del piatto occupa la colonna sinistra, mentre la colonna destra contiene due riquadri impilati verticalmente. Il riquadro superiore presenta il titolo “Ingredienti” e un elenco di quattro elementi comprendente carote grattugiate, zucchero di canna e uvetta. Il riquadro inferiore si intitola “Valori nutrizionali” e include un paragrafo sui dati nutrizionali per porzione. Uno sfondo giallo vivace incornicia la composizione, con riquadri bianchi e grigio chiaro, titoli e collegamenti in rosso, due collegamenti testuali e icone decorative a tema culinario a supporto del contenuto statico.

Una sezione ricetta statica con due aree informative predisposte

L'immagine del piatto, l'elenco degli ingredienti e il paragrafo sui valori nutrizionali formano già una sezione dettagliata per le ricette, pronta per essere inserita in una pagina HTML statica. L'immagine occupa il lato sinistro dall'alto verso il basso, fornendo alla sezione un forte ancoraggio visivo. Sulla destra, il riquadro Ingredienti compare sopra quello dedicato ai Valori nutrizionali, consentendo ai visitatori di passare dalle voci degli ingredienti alle specifiche per porzione senza dover cercare tra contenuti non correlati.

L'elenco di quattro voci include carote grattugiate, zucchero di canna e uvetta, mentre il riquadro inferiore raccoglie le informazioni nutrizionali in un'area di testo separata. Gli sfondi bianchi e grigio chiaro fanno risaltare i due riquadri rispetto allo sfondo giallo brillante della sezione. I titoli e i collegamenti in rosso garantiscono coerenza visiva, mentre la spaziatura generosa evita che le informazioni si trasformino in una singola colonna troppo densa.

Trattandosi di una sezione HTML statica, questo blocco gestisce la componente informativa della ricetta, lasciando alle altre sezioni della pagina la navigazione, le introduzioni, ulteriori ricette o i dati di contatto. Il blocco ha uno scopo ben definito e autonomo: fornisce una foto del piatto e due aree informative coordinate anziché un'intera pagina. L'esportazione HTML di Nicepage può essere applicata all'intero progetto una volta completata la struttura statica generale.

Personalizza con Nicepage

Quando utilizzi HTML Builder sarai in grado di regolare colori, caratteri, intestazione e fooer, layout, colonne e altri elementi di design, nonché contenuti e immagini.

Scarica

Modifica modello offline

1. Scarica e installa l'applicazione Nicepage per Windows e Mac. Oppure i plugin WordPress e Joomla da pagina di download
2. Creare una nuova pagina o selezionare esistente
3. Fai clic su Aggiungi nuovo blocco, cerca l'ID 52824 e fai clic su Invio

Modifica modello online

Avvia Costruttore online questo modello sul nostro hosting

Crea fantastici siti web

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Nicepage Builder gratuito

Oltre 15.000 modelli

Facile Drag-n-Drop

Nessuna codifica

Ottimizzato per dispositivi mobili

Parole chiave

Esporta e utilizza questo template come sito web HTML

Crea un sito web HTML portatile

Quando il template è pronto, utilizza l'opzione Esporta HTML per creare un sito web statico con i file necessari per la pubblicazione. Il sito web esportato può essere utilizzato indipendentemente dall'editor di Nicepage e pubblicato sul tuo hosting preferito.

Nicepage offre anche impostazioni SEO e funzionalità di ottimizzazione, tra cui titoli e descrizioni delle pagine, impostazioni canoniche, intestazioni, testo alternativo delle immagini e altre proprietà a livello di pagina che aiutano a preparare il sito web per i motori di ricerca.

Pubblicazione senza un CMS

Carica il sito web completato sull'ambiente di hosting più adatto al tuo progetto. Poiché il sito esportato non richiede WordPress, Joomla o un altro CMS per la visualizzazione delle sue pagine, può essere ospitato sul tuo server, caricato su un provider di hosting o pubblicato tramite un'infrastruttura web esistente.

Consegna dei file del sito web

I file del sito web generati possono essere forniti a un cliente, a uno sviluppatore o al team di hosting. Rimangono disponibili al di fuori dell'editor di Nicepage per la distribuzione, la revisione tecnica o lo sviluppo specifico del progetto, qualora sia necessario ulteriore lavoro.

Questo flusso di lavoro rende il template una base pratica per un sito web statico portatile che può essere esportato dall'editor di Nicepage e distribuito in modo indipendente.