Gesloten HTML-sjablonen

Gesloten HTML-templates en de bestanden erachter

Gesloten HTML-templates zijn voltooide pagina's die worden geleverd als bestanden die u direct kunt openen en bewerken. Het ontwerp staat, de demotekst is geplaatst en het enige wat overblijft is bewerken: uw formuleringen, uw afbeeldingen en uw blokken in de volgorde die bij het project past. Dit format spreekt iedereen aan die van plan is direct in de broncode te werken of de map over te dragen aan een ontwikkelaar om het vanaf daar over te nemen.

Wat u als eerste opent in het pakket

Een pakket kan er in het voorbeeld royaal uitzien en na het uitpakken tegenvallen. Een snelle inspectie van de map maakt het meeste meteen duidelijk:

• de paginabestanden, en hoeveel daarvan werkelijk van elkaar verschillen;
• de sectieblokken die u opnieuw wilt gebruiken, waaronder een hero-sectie of een rij met kaarten;
• de leesbaarheid van de code zodra een bestand geopend is, wat bepaalt hoe moeizaam de eerste bewerking verloopt;
• eventuele scripts die interacties aansturen zoals een slider, een dropdownmenu of een accordeon.

Het tellen van verschillende pagina's zegt meer dan het tellen van bestanden. Tien pagina's die zijn opgebouwd uit dezelfde twee lay-outs vormen een kleiner pakket dan het overzicht suggereert.

Plaatsaanduidingsteksten vervangen zonder de lay-out te breken

Demo-inhoud is geschreven om het ontwerp zo goed mogelijk te laten uitkomen. Uw koppen zijn langer, uw foto's hebben andere verhoudingen en een alinea die in het voorbeeld drie regels in beslag nam, vult er in productie zeven. Een template bewijst zijn waarde pas wanneer de blokken dit verdragen; plak daarom uw meest uitdagende tekst in de drukste sectie voordat u een beslissing neemt.

Herbruikbare blokken vormen het andere deel. Waar één kaartstructuur zich herhaalt in een lijst, is een elfde invoer slechts een kwestie van kopiëren en snel aanpassen. Waar elk blok handmatig is vormgegeven, wordt elke toevoeging een afzonderlijke klus.

Stapelvolgorde bij smalle schermbreedtes

Brede lay-outs plaatsen een afbeelding, een kop en een tekstkolom naast elkaar. Op een telefoon vallen dezelfde drie elementen onder elkaar in één enkele kolom, en de volgorde waarin ze terechtkomen bepaalt of de pagina logisch blijft. Een bijschrift dat wegdrijft van de bijbehorende afbeelding, of een knop die wordt losgekoppeld van de uitleggende zin, zijn hiervan bekende voorbeelden.

Nicepage ondersteunt Responsieve Modi voor alle mogelijke schermbreedtes, van grote beeldschermen tot staande telefoons. Bekijk de meest complexe pagina in deze weergaven en controleer welke gekoppelde elementen uit elkaar vallen.

Nuchter bekeken komt de keuze neer op een handvol controles. Tel de werkelijk verschillende pagina's, open een bestand en bekijk hoe de broncode leest. Daarna is het de vraag of uw eigen materiaal natuurlijk in de lay-out past en of een telefoon samenhangende onderdelen bij elkaar houdt.