Ingredientes información nutricional Plantilla HTML

Esta sección prediseñada presenta la información de la receta mediante una sólida composición dividida. Una fotografía de gran tamaño del plato llena la columna izquierda, mientras que la columna derecha contiene dos paneles apilados verticalmente. El panel superior lleva el encabezado «Ingredientes» y una lista de cuatro elementos que incluye zanahorias ralladas, azúcar moreno y pasas. El panel inferior se titula «Información nutricional» y contiene un párrafo con los datos por porción. Un fondo amarillo brillante enmarca la composición, con paneles blancos y gris claro, encabezados y enlaces rojos, dos enlaces de texto e iconos decorativos de alimentos que complementan la disposición del contenido estático.

Una sección de receta estática con dos áreas de información listas para usar

La imagen del plato, la lista de ingredientes y el párrafo nutricional constituyen por sí mismos una sección detallada y precisa que encaja a la perfección en una página HTML estática. La imagen ocupa el lado izquierdo de arriba abajo, dotando a la sección de un sólido punto de anclaje visual. A la derecha, el panel Ingredientes aparece sobre el panel Información nutricional, lo que permite a los visitantes pasar de los ingredientes visibles a la explicación por porción sin perderse entre contenidos irrelevantes.

La lista de cuatro elementos incluye zanahorias ralladas, azúcar moreno y pasas, mientras que el panel inferior reserva los datos nutricionales en un área de texto independiente. Los fondos blanco y gris claro hacen que los dos paneles resalten sobre el campo amarillo brillante de la sección. Los encabezados y enlaces rojos aportan coherencia visual, y un espaciado amplio evita que la información se perciba como una columna densa y sobrecargada.

Como sección HTML estática, este bloque asume el rol informativo de la receta mientras otras secciones de la página ofrecen navegación, introducciones, recetas adicionales o datos de contacto. El bloque cumple una función autocontenida: proporciona una fotografía lista y dos áreas de información relacionadas en lugar de una página completa. La opción Exportar a HTML de Nicepage se puede aplicar al proyecto contenedor cuando la implementación estática general esté terminada.

Personalizar con Nicepage

Al utilizar Generador de HTML, podrá ajustar los colores, las fuentes, el encabezado y el pie de página, el diseño, las columnas y otros elementos de diseño, así como el contenido y las imágenes.

Descargar

Editar plantilla sin conexión

1. Descargue e instale la aplicación Nicepage para Windows y Mac. O los complementos de WordPress y Joomla desde página de descarga
2. Cree una página nueva o seleccione una existente
3. Haga clic en Agregar nuevo bloque, busque la identificación 52824 y haga clic en Intro.

Editar plantilla en línea

Inicie Constructor en línea esta plantilla en nuestro alojamiento

Crea sitios web impresionantes

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Generador gratuito de Nicepage

Más de 15.000 plantillas

Fácil de arrastrar y soltar

Sin codificación

Compatible con dispositivos móviles

Palabras clave

Exportar y usar esta plantilla como sitio web HTML

Crear un sitio web HTML portátil

Cuando la plantilla esté lista, use la opción Exportar HTML para crear un sitio web estático con los archivos necesarios para su implementación. El sitio web exportado se puede usar independientemente del editor de Nicepage e implementarse en su alojamiento preferido.

Nicepage también ofrece configuración SEO y funciones de optimización, incluyendo títulos y descripciones de página, configuración canónica, encabezados, texto alternativo de imágenes y otras propiedades de página que ayudan a preparar el sitio web para los motores de búsqueda.

Implementar sin un CMS

Suba el sitio web finalizado al entorno de alojamiento que mejor se adapte a su proyecto. Dado que el sitio exportado no requiere WordPress, Joomla ni ningún otro CMS para mostrar sus páginas, puede ubicarse en su propio servidor, subirse a un proveedor de alojamiento o implementarse a través de una infraestructura web existente.

Entrega de los archivos del sitio web

Los archivos generados del sitio web también se pueden entregar a un cliente, desarrollador o equipo de alojamiento. Permanecen disponibles fuera del editor de Nicepage para su implementación, revisión técnica o desarrollo específico del proyecto cuando se requiera trabajo adicional.

Este flujo de trabajo convierte la plantilla en una base práctica para un sitio web estático portátil que se puede exportar desde el editor de Nicepage e implementar de forma independiente.