Två rader två rubrik och text HTML-mall

Denna färdiga sektion är uppbyggd kring en stor rubrik och två lika breda kolumner med stödjande text. En tunn linje vilar ovanför rubriken, medan en horisontell avgränsare separerar den inledande texten från brödtexten. Den ljusgrå bakgrunden ger det statiska arrangemanget en rofylld yta, och mörk seriftypografi skapar en tydlig kontrast mellan den kraftigare vänstra kolumnen och den mindre brödtexten till höger. Resultatet är ett självständigt informationsblock avsett för en större HTML-sida eller webbplats.

En komplett informationslayout för en statisk HTML-sektion

Detta block sammanför den huvudsakliga textstrukturen i en färdig layout. En stor vänsterställd serifrubrik anger den inledande tonen, med en kort linje ovanför och en avgränsare i full bredd under. Avgränsaren leder sedan vidare till två lika breda textkolumner, vilket gör att det kompletterande innehållet presenteras som ett parat läsområde istället för att flyta ihop i ett enda långt stycke.

De två kolumnerna skiljs åt via typografin snarare än genom separata komponenter. Kraftigare seriftext ger vänstersidan större visuell tyngd, medan mindre vanlig text till höger etablerar en sekundär läsnivå. Den ljusgrå bakgrunden framhäver båda textstilarna och gör den mörka texten lättläst. Eftersom interaktionen är statisk bygger sektionens funktion helt på hierarki, avstånd och textrelationer istället för på flikar, skjutreglage, formulär eller andra gränssnittskomponenter.

I en statisk HTML-sida kan detta block bära upp ett fokuserat redaktionellt eller informativt avsnitt, medan omgivande sektioner skapar resten av sidstrukturen. Den förberedda rubriken, avgränsarna, bakgrunden och kolumnstrukturen minskar behovet av att ta fram en grundkomposition från grunden innan text och form anpassas. Projektet kan senare exporteras via Nicepages HTML-export, samtidigt som detta block förblir en sektion inom den större helheten.

Anpassa med Nicepage

När du använder HTML Builder kommer du att kunna justera färger, teckensnitt, rubrik och fooer, layout, kolumner och andra designelement, samt innehåll och bilder.

Ladda ner

Redigera mall offline

1. Ladda ner och installera Nicepage-applikationen för Windows och Mac. Eller WordPress- och Joomla-plugins från nedladdningssida
2. Skapa en ny sida eller välj befintlig
3. Klicka på Lägg till nytt block, sök efter id 337074 och klicka på enter

Redigera mall online

Börja Onlinebyggare den här mallen på vårt webbhotell

Skapa fantastiska webbplatser

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Gratis Nicepage Builder

15 000+ mallar

Lätt Drag-n-Drop

Ingen kodning

Mobilanpassad

Nyckelord

Exportera och använd den här mallen som en HTML-webbplats

Skapa en portabel HTML-webbplats

När mallen är klar använder du alternativet HTML-export för att skapa en statisk webbplats med de filer som krävs för distribution. Den exporterade webbplatsen kan användas oberoende av Nicepage-redigeraren och distribueras på ditt föredragna webbhotell.

Nicepage tillhandahåller också SEO-inställningar och optimeringsfunktioner, inklusive sidtitlar och beskrivningar, kanoniska inställningar, rubriker, alt-text för bilder och andra egenskaper på sidnivå som hjälper till att förbereda webbplatsen för sökmotorer.

Distribuera utan ett CMS

Ladda upp den färdiga webbplatsen till den webbhotellsmiljö som passar ditt projekt. Eftersom den exporterade webbplatsen inte kräver WordPress, Joomla eller något annat CMS för att leverera sina sidor kan den placeras på din egen server, laddas upp till en webbhotellleverantör eller distribueras via en befintlig webbinfrastruktur.

Lämna ut webbplatsfilerna

De genererade webbplatsfilerna kan också tillhandahållas en klient, utvecklare eller ett webbhotellsteam. De förblir tillgängliga utanför Nicepage-redigeraren för distribution, teknisk granskning eller projektspecifik utveckling när ytterligare arbete krävs.

Detta arbetsflöde gör mallen till en praktisk grund för en portabel statisk webbplats som kan exporteras från Nicepage-redigeraren och distribueras oberoende.