Gesloten HTML-sjablonen

Gesloten HTML-sjablonen en de bijbehorende bestanden

Gesloten HTML-sjablonen zijn kant-en-klare pagina's die als bestanden worden geleverd die u kunt openen en bewerken. Het ontwerp is al gemaakt, de demotekst staat er al en u hoeft alleen nog maar te bewerken: uw tekst, afbeeldingen en blokken in de volgorde die het beste bij uw project past. Dit formaat is aantrekkelijk voor iedereen die direct in de broncode wil werken of de map aan een ontwikkelaar wil doorgeven, zodat die het verder kan afmaken.

Wat u als eerste in het pakket moet openen

Een pakket kan er in de preview groot uitzien, maar na het uitpakken wat mager lijken. Een snelle blik op de map geeft antwoord op de meeste vragen:

• de paginabestanden en hoeveel daarvan echt van elkaar verschillen;

• de sectieblokken die u wilt hergebruiken, zoals een hero-sectie of een kaartrij;

• de manier waarop de code wordt gelezen wanneer een bestand wordt geopend, wat bepaalt hoe lastig de eerste bewerking wordt;

• eventuele scripts die het gedrag aansturen, zoals een slider, een dropdownmenu of een accordeon.

Het tellen van de verschillende pagina's is handiger dan het tellen van de bestanden. Tien pagina's, samengesteld uit dezelfde twee lay-outs, vormen een kleiner pakket dan de beschrijving doet vermoeden.

Vervangen van placeholder-tekst zonder iets te verstoren

De demo-inhoud is geschreven om het ontwerp te flatteren. Uw koppen zijn langer, uw foto's hebben de verkeerde verhoudingen en een alinea die in de preview drie regels vulde, vult er in de uiteindelijke versie zeven. Een sjabloon is alleen nuttig als de blokken dat tolereren, dus plak uw slechtste voorbeeld in het drukste gedeelte voordat u een definitieve keuze maakt.

Herbruikbare blokken vormen de andere helft. Waar één kaartstructuur zich herhaalt in een lijst, is een elfde item een kopie die snel bewerkt kan worden. Waar elk blok handmatig is vormgegeven, is elke toevoeging een kleine aanpassing op zich.

Stapelvolgorde bij smalle breedtes

Brede lay-outs plaatsen een afbeelding, een kop en een kolom tekst naast elkaar. Op een telefoon vallen dezelfde drie elementen in één kolom en de volgorde waarin ze verschijnen bepaalt of de pagina nog steeds logisch is. Een onderschrift dat loskomt van de afbeelding, of een knop die losstaat van de uitleg, is een veelvoorkomend symptoom.

Nicepage ondersteunt Responsieve modi voor alle schermbreedtes, van grote schermen tot verticale telefoons. Test de drukste pagina door deze modi en kijk welke paren uit elkaar vallen.

In feite komt de keuze neer op een paar eenvoudige controles. Tel de pagina's die echt verschillen, open vervolgens een bestand en bekijk hoe de broncode eruitziet. Daarna is het een kwestie van of uw eigen materiaal goed in de lay-out past en of een telefoon de bijbehorende elementen bij elkaar houdt.