Stängd HTML-mallar

Stängda HTML-mallar och filerna bakom dem

Stängda HTML-mallar är färdiga sidor som levereras som filer som du kan öppna och redigera. Designen är byggd, demotexten sitter på plats och det som återstår är redigering: din formulering, dina bilder, dina block i den ordning som passar projektet. Formatet tilltalar alla som planerar att arbeta direkt i källkoden eller att lämna över mappen till en utvecklare och låta dem bära den därifrån.

Vad som ska öppnas först i paketet

Ett paket kan se generöst ut i förhandsgranskningen och bli tunt när det packas upp. En snabb genomgång av mappen besvarar det mesta av detta:

• sidfilerna och hur många av dem som verkligen skiljer sig från varandra;
• de sektionsblock du skulle återanvända, ett huvudområde eller en kortrad bland dem;
• hur koden läses när en fil är öppen, vilket avgör hur obekväm den första redigeringen blir;
• eventuella skript som driver beteende, såsom en skjutreglage, en rullgardinsmeny eller ett dragspel.

Att räkna separata sidor är bättre än att räkna filer. Tio sidor sammansatta från samma två layouter blir ett mindre paket än vad listan antyder.

Ersätta platshållartext utan att förstöra något

Demoinnehåll är skrivet för att smickra designen. Dina rubriker är längre, dina fotografier kommer i fel proportioner, och ett stycke som fyllde tre rader i förhandsgranskningen fyller sju i produktion. En mall förtjänar sin plats när blocken tolererar det, så klistra in ditt värsta tänkbara scenario i den mest hektiska delen innan du bestämmer dig för något.

Återanvändbara block är den andra halvan. Där en kortstruktur upprepas ner i en lista, är en elfte post en kopia och en snabb redigering. Där varje block formades för hand blir varje tillägg ett eget litet jobb.

Staplingsordning vid smala bredder

Breda layouter placerar en bild, en rubrik och en textkolumn sida vid sida. På en telefon faller samma tre ner i en enda kolumn, och den ordning de landar i avgör om sidan fortfarande är meningsfull. En bildtext som glider bort från bilden, eller en knapp som är avskuren från meningen som förklarar den, är det vanliga symptomet.

Nicepage stöder Responsive Modes för hela bredden, från stora skärmar ner till vertikala telefoner. Kör igenom den mest aktiva sidan och se vilka par som lossnar.

Vad man bedömer kallt beror valet på en handfull kontroller. Räkna de genuint olika sidorna, öppna sedan en fil och se hur källkoden läses. Därefter är det en fråga om ditt eget material passar bekvämt i layouten och om en telefon håller ihop relaterade delar.