Colección Plantillas HTML

Plantillas HTML de colecciones claras que puedes exportar y seguir editando

Una tienda con cuarenta piezas de cerámica y un archivo de varios cientos de láminas se topa con el mismo problema: la décima pieza debe encajar a la perfección. Las plantillas HTML de colecciones son diseños predefinidos para catálogos, galerías o archivos, y la etiqueta HTML indica dónde se guardará el proyecto. Nicepage lo exporta como un sitio estático, de modo que la colección que organizaste visualmente se convierte en HTML, CSS y JavaScript que puedes alojar o seguir editando mediante código.

Qué incluye una galería exportada

La exportación se realiza desde las aplicaciones de Nicepage y desde el editor en línea, por lo que el resultado no depende de la aplicación que hayas utilizado. Las exportaciones por carpeta y FTP forman parte de las aplicaciones, lo cual es importante si ya has decidido la forma de publicación. La Guía para exportar sitios web HTML explica los modos disponibles.

Un sitio web de colección exportado desde Nicepage incluye:

1. El código HTML de cada página que creaste, incluido el índice de la colección;

2. La hoja de estilos y los scripts en los que se basa el diseño;

3. Las imágenes de las fotos de productos, las páginas del catálogo y los escaneos de archivo.

Todo se aloja en un servidor estático estándar, y la misma carpeta puede entregarse a un desarrollador que trabaje en un proyecto más grande.

Celdas de cuadrícula en pantallas estrechas

Los diseños de colección colocan varias imágenes una al lado de la otra en una pantalla ancha, y el elemento de cuadrícula las mantiene en celdas que se apilan a medida que la pantalla se estrecha. En una página de catálogo, este comportamiento es fundamental, ya que una lista larga de objetos similares es donde el diseño se resiente primero.

Los mismos elementos suelen requerir atención cuando el ancho se reduce:

1. Nombres de artículos más largos que el texto de demostración, que hacen que se abra una tarjeta;

2. Leyendas que se alejan de la imagen a la que pertenecen;

3. Galerías que mantienen más columnas de las que la pantalla puede contener.

Diseños para líneas de productos y series de arte

No todas las colecciones requieren la misma página. Una línea de productos se visualiza mejor como una cuadrícula uniforme de artículos con precios y descripciones breves, mientras que un archivo necesita espacio para leyendas y números de referencia junto a cada escaneo. El contenido de demostración es útil para hacerse una idea del diseño subyacente.

Las fotos de una colección rara vez tienen todas el mismo formato, y esto suele determinar si una plantilla se conserva tras el cambio. Las fotografías de productos llegan recortadas a una proporción; las ilustraciones y los escaneos de archivo rara vez lo hacen. La prueba más rápida consiste en crear una sección con tus propias imágenes y nombres de artículos, especialmente una con un nombre el doble de largo que el de la demostración. El diseño que funcione en esa sección se aplicará al resto del catálogo.