950 Rozdělit HTML Šablony

Připravené dělené HTML šablony pro dvoudílné sekce

Dělené HTML šablony poskytují hotové sekce rozdělené do dvou propojených polovin, nejčastěji s obrázkem či jiným vizuálním prvkem na jedné straně a nadpisem, textem a tlačítkem na straně druhé. Přínos šablony spočívá v tom, že tato dělená struktura již existuje jako použitelný výchozí bod a lze ji přizpůsobit namísto stavění od nuly.

Obě poloviny mohou využívat vyváženou kompozici 50/50 nebo asymetrické uspořádání 60/40. Důležité je, aby obrázková a obsahová část zůstaly součástí jedné sekce a podporovaly stejné sdělení.

Vyberte si hotovou dělenou sekci odpovídající obsahu

Porovnejte dělené HTML šablony podle toho, jak jsou obě poloviny již uspořádány.

Mezi praktické výchozí vzory patří:

• velký obrázek vedle nadpisu, odstavce a CTA;
• produktové fotografie vedle popisného obsahu;
• média portfolia vedle informací o projektu;
• asymetrický blok obrázku a textu s jednou dominantní polovinou.

Prvek Nicepage Grid Element může poskytnout rámec dvou oblastí při úpravě vybrané dělené sekce v editoru.

Kvalitní výchozí šablona by se již měla blížit zamýšlenému vztahu obrázku a obsahu, takže budete později potřebovat méně strukturálních změn.

Přizpůsobte obě poloviny bez ztráty děleného vzoru

Nahraďte obrázek nebo média, upravte nadpis a text, aktualizujte tlačítko a dolaďte proporce podle obsahu. Odsazení, zarovnání, pozadí, oříznutí obrázku a šířku textu lze rovněž doladit, aniž by sekce ztratila svůj jasně dělený charakter.

Prohození strany obrázku a obsahu může změnit vizuální rytmus beze změny základního objektu. Výsledkem by měl stále zůstat jeden koordinovaný dvoudílný blok, nikoli dva nezávislé sloupce.

Zkontrolujte responzivní verzi hotové sekce

Dělená HTML sekce na počítači může udržet obě poloviny vedle sebe, zatímco tablety a telefony mohou vyžadovat vertikální skládání pod sebe.

Zkontrolujte, která polovina by se měla zobrazit jako první, jak je obrázek oříznut, zda nadpis a CTA zůstávají pohromadě a zda proporce dávají smysl i při menších šířkách. Responzivní chování je součástí přizpůsobení hotového děleného řešení, nikoli odděleným tématem návrhu.

Použijte dokončenou dělenou sekci v HTML projektu

Jakmile dvoudílný blok přizpůsobíte, může zůstat součástí širšího HTML projektu. Nicepage Online podporuje export do HTML pro hosting na vašem vlastním serveru, export je však pouze závěrečným krokem pracovního postupu po výběru a přizpůsobení samotné dělené sekce.

Hlavní proces se točí kolem samotného bloku: vyberte vhodné dělené řešení, nahraďte média a obsah, upravte obě poloviny, ověřte responzivní skládání a pokračujte v procesu publikování HTML.

Často kladené otázky k děleným HTML šablonám

Mohu pomocí Nicepage Online vytvářet a publikovat statické HTML projekty?

Ano. Nicepage Online je webová služba pro tvorbu a publikování webových stránek ze statického HTML a zahrnuje i hosting pro tyto projekty.

Znamená „dělená HTML šablona“ dělení kódu HTML?

Ne. Označení „dělená“ popisuje vizuální sekci rozdělenou na dvě propojené poloviny, obvykle oblast obrázku doplněnou nadpisem, textem a tlačítkem.

Mohu změnit proporce obou polovin?

Ano. Sekce může využívat rovnoměrný poměr 50/50 nebo asymetrická uspořádání, například 60/40, v závislosti na množství vizuálních prvků a obsahu v každé polovině.

Lze prohodit stranu obrázku a stranu obsahu?

Ano. Vizuální prvek se může nacházet na kterékoli straně, pokud obrázek, nadpis, text a CTA nadále působí jako jedna sladěná dělená sekce.

Co bych měl zkontrolovat před použitím dělené sekce na mobilu?

Zkontrolujte pořadí skládání, oříznutí obrázku, rozestupy, šířku textu a umístění CTA, aby si obě poloviny zachovaly stejný vztah i poté, co se vodorovné rozvržení změní na svislé.

Přizpůsobte si hotový dělený HTML blok

Vyberte si dělenou HTML šablonu, jejíž dvoudílná struktura je již nejblíže zamýšlenému obsahu. V editoru Nicepage upravte obrázek, texty, CTA, proporce, zarovnání a responzivní chování, poté dokončenou sekci využijte v rámci HTML projektu a exportujte ji, jakmile to bude váš celkový pracovní postup vyžadovat.