950 Hasított HTML Sablonok

Használatra kész osztott HTML-sablonok kétrészes szakaszokhoz

Az osztott HTML-sablonok két összekapcsolt félre osztott, előre elkészített szakaszokat kínálnak, leggyakrabban az egyik oldalon képpel vagy más vizuális elemmel, a másik oldalon pedig címsorral, szöveggel és gombbal. A sablon értéke abban rejlik, hogy ez az osztott felépítés már használható kiindulópontként létezik, és nem kell a nulláról újra felépíteni, hanem azonnal alakítható.

A két fél kiegyensúlyozott 50/50 arányú kompozíciót vagy aszimmetrikus 60/40 elrendezést is használhat. A lényeg az, hogy a képoldal és a tartalomoldal egyetlen szakasz részei maradjanak, és ugyanazt az üzenetet erősítsék.

Válasszon a tartalomhoz illő, kész osztott szakaszt

Hasonlítsa össze az osztott HTML-sablonokat a két fél meglévő elrendezése alapján.

A hasznos kiindulási minták közé tartoznak:

• egy nagyméretű kép címsor, bekezdés és CTA mellett;
• termékképek leíró tartalom mellett;
• portfóliómédia projektinformációk mellett;
• aszimmetrikus kép-szöveg blokk egy domináns féllel.

A Nicepage Grid Element képes biztosítani a két területből álló keretet, amikor a kiválasztott osztott szakaszt testreszabja a szerkesztőben.

Egy hatékony kiinduló sablonnak már közel kell állnia a tervezett kép-tartalom kapcsolathoz, így később kevesebb szerkezeti módosításra lesz szükség.

Szabja testre mindkét felet az osztott elrendezés megtartásával

Cserélje le a képet vagy a médiát, szerkessze a címsort és a szöveget, frissítse a gombot, és igazítsa az arányokat a tartalomhoz. A térközök, az igazítás, a hátterek, a képkivágás és a szövegszélesség szintén finomhangolhatók úgy, hogy a szakasz egyértelműen osztott maradjon.

A kép és a tartalom oldalának felcserélése megváltoztathatja a vizuális ritmust az alapvető elem módosítása nélkül. Az eredménynek továbbra is egyetlen összehangolt, kétrészes blokknak kell lennie, nem pedig két független oszlopnak.

Ellenőrizze a kész szakasz reszponzív változatát

Asztali nézetben az osztott HTML-szakasz egymás mellett tarthatja a két felet, míg a táblagépeken és telefonokon függőleges egymásra halmozásra lehet szükség.

Ellenőrizze, melyik fél jelenjen meg először, hogyan vágódik le a kép, összetartozik-e a címsor és a CTA, és van-e értelmük az arányoknak keskenyebb kijelzőméreteknél is. A reszponzív viselkedés a kész osztott megoldás adaptálásának része, nem pedig különálló tervezési téma.

Használja a kész osztott szakaszt a HTML-projektben

A kétrészes blokk testreszabása után a nagyobb HTML-projekt szerves része maradhat. A Nicepage Online támogatja a HTML-exportálást a saját szerveren történő tárhelyszolgáltatáshoz, de az exportálás csupán az utolsó munkafolyamati lépés az osztott szakasz kiválasztása és testreszabása után.

A fő folyamat a blokk körül forog: válasszon ki egy megfelelő osztott megvalósítást, cserélje ki a médiát és a tartalmat, igazítsa a két felet, ellenőrizze a reszponzív függőleges elrendezést, majd folytassa a HTML-közzétételi munkafolyamattal.

Osztott HTML-sablonok GYIK

Létrehozhatok és közzétehetek statikus HTML-projekteket a Nicepage Online segítségével?

Igen. A Nicepage Online egy webes szolgáltatás statikus HTML-webhelyek készítéséhez és közzétételéhez, és tárhelyet is biztosít ezekhez a projektekhez.

A „megosztott HTML-sablon” a HTML-kód felosztását jelenti?

Nem. Az osztott elnevezés egyetlen vizuális szakaszt ír le, amely két összekapcsolt félre oszlik, jellemzően egy képi területre címsorral, szöveggel és gombbal párosítva.

Módosíthatom a két fél arányait?

Igen. A szakasz használhat egyenlő 50/50 arányt vagy aszimmetrikus elrendezéseket, például 60/40-et, az egyes felekben található képi elemek és tartalom mennyiségétől függően.

Felcserélhető a képi és a tartalmi oldal?

Igen. A vizuális elem bármelyik oldalon megjelenhet, amennyiben a kép, a címsor, a szöveg és a CTA továbbra is egyetlen összehangolt osztott szakaszként olvasható.

Mit ellenőrizzek, mielőtt mobilon használnám az osztott szakaszt?

Ellenőrizze az egymásra helyezés sorrendjét, a képkivágást, a térközöket, a szövegszélességet és a CTA elhelyezését, hogy a két fél ugyanazt a kapcsolatot tartsa fenn, miután a vízszintes elrendezés függőlegessé válik.

Alakítsa át a kész osztott HTML-blokkot

Válassza ki azt az osztott HTML-sablont, amelynek kétrészes felépítése már a legközelebb áll a tervezett tartalomhoz. Szabja testre a képet, a szöveget, a CTA-t, az arányokat, az igazítást és a reszponzív viselkedést a Nicepage szerkesztőben, majd használja a kész szakaszt a HTML-projekt részeként, és exportálja, amikor az átfogó munkafolyamat megkívánja.