Samling HTML-mallar

Tydliga HTML-mallar för kollektioner att exportera och fortsätta redigera

En butik med fyrtio keramikföremål och ett arkiv med flera hundra grafiska blad stöter på samma utmaning: det tionde objektet måste sitta lika naturligt som det första. HTML-mallar för kollektioner är färdiga designer för kataloger, gallerier eller arkiv, och HTML-beteckningen visar direkt projektets slutformat. Nicepage exporterar det som en statisk webbplats, så att den visuellt arrangerade samlingen blir till HTML, CSS och JavaScript som du kan drifta direkt eller fortsätta redigera i källkoden.

Vad ett exporterat galleri innehåller

Exporten kan köras både från Nicepage-programmen och från online-redigeraren, så slutresultatet beror inte på vilket verktyg du arbetade i. Mapp- och FTP-export ingår i programmen, vilket är viktigt om publiceringsmetoden redan är bestämd. Guiden för att exportera HTML-webbplatser beskriver alla tillgängliga lägen.

En kollektionswebbplats exporterad från Nicepage innehåller:

1. Märkspråket för varje sida du skapat, inklusive kollektionens index;
2. Formatmallen och skripten som designen bygger på;
3. Bilderna bakom produktfoton, lookbook-sidor och arkivinskanningar.

Allt kan placeras på ett vanligt statiskt webbhotell, och samma mapp kan lämnas över till en utvecklare som arbetar med ett större projekt.

Rutnätsceller på smala skärmar

Kollektionslayouter placerar flera bilder sida vid sida på en bred skärm, och rutnätselementet håller dem i celler som staplas vertikalt när skärmen blir smalare. För en katalogsida är detta beteende avgörande, eftersom en lång lista med liknande objekt är den punkt där en design brukar ge vika först.

När bredden minskar brukar samma återkommande detaljer kräva uppmärksamhet:

1. Objektnamn som är längre än exempeltexten och skjuter ut kortet på höjden;
2. Bildtexter som glider iväg från bilden de tillhör;
3. Gallerier som behåller fler kolumner än vad skärmen klarar av att visa tydligt.

Layouter för produktlinjer och konstserier

Alla kollektioner passar inte på samma typ av sida. En produktlinje fungerar utmärkt som ett jämnt rutnät av artiklar med priser och korta beskrivningar, medan ett arkiv behöver utrymme för bildtexter och referensnummer intill varje scanning. Demoinnehållet ger en bra fingervisning om den underliggande layoutstrukturen.

Foton i en kollektion har sällan samma bildförhållande, och det är oftast detta som avgör om mallen klarar ett innehållsbyte. Produktfotografering levereras vanligtvis beskuren till ett fast format, medan konstverk och arkivskanningar sällan gör det. Det snabbaste testet är att skapa en sektion med dina egna bilder och objektnamn, i synnerhet ett namn som är dubbelt så långt som demotexten. Hur designen beter sig där återspeglar exakt hur den kommer att fungera i resten av katalogen.