Samling HTML-mallar

Rensa HTML-mallar för samlingar som du kan exportera och fortsätta redigera

En butik med fyrtio keramiska föremål och ett arkiv med flera hundra tryck stöter på samma vägg: det tionde föremålet måste sitta lika bekvämt som det första. HTML-mallar för samlingar är färdiga designer för kataloger, gallerier eller arkiv, och HTML-etiketten visar var projektet hamnar. Nicepage exporterar den som en statisk webbplats, så samlingen du visuellt arrangerat blir HTML, CSS och JavaScript som du kan vara värd för eller fortsätta redigera i kod.

Vad ett exporterat galleri inkluderar

Export körs från Nicepage-applikationerna och från onlineredigeraren, så utdata beror inte på vilken du arbetade i. Mapp- och FTP-export är en del av applikationerna, vilket spelar roll om publiceringsvägen redan är bestämd. Guiden för export av HTML-webbplats täcker de tillgängliga lägena.

En samlingswebbplats som exporteras från Nicepage tar med sig:

1. Markeringen för varje sida du byggt, inklusive samlingsindexet;

2. Stilarket och de skript som designen bygger på;

3. Bilderna bakom produktbilder, lookbooksidor och arkivskanningar.

Allt detta hamnar på vanlig statisk webbhotell, och samma mapp kan lämnas över till en utvecklare som arbetar med ett större projekt.

Rutnätsceller på smala skärmar

Samlingslayouter placerar flera bilder sida vid sida på en bred skärm, och rutnätselementet håller dem i celler som staplas när skärmen smalnar av. För en katalogsida bär det beteendet mest vikt, eftersom en lång lista med liknande objekt är där en design ger vika först.

Samma få platser tenderar att behöva uppmärksamhet när bredden minskar:

1. Artikelnamn som är längre än demotexten, vilket öppnar ett kort;

2. Bildtexter som glider bort från bilden de tillhör;

3. Gallerier som har fler kolumner än skärmen kan bära.

Layouter för produktlinjer och konstserier

Inte alla kollektioner vill ha samma sida. En produktlinje fungerar bra som ett jämnt rutnät av artiklar med priser och korta beskrivningar, medan ett arkiv behöver plats för bildtexter och referensnummer bredvid varje skanning. Demoinnehållet är värt att läsa som en ledtråd till den underliggande layouten.

Foton i en samling har sällan samma form, och det avgör vanligtvis om en mall överlever bytet. Produktfotografering anländer beskuren till ett visst förhållande; det gör konstverk och arkivskanningar sällan. Det snabbaste testet är att skapa en sektion fylld med dina egna bilder och artikelnamn, särskilt en med ett namn dubbelt så långt som demodesignen. Vad designen än gör där, kommer den att göra i resten av katalogen.