Pohlednice HTML Šablony

Čisté HTML šablony pohlednic pro digitální zprávy

Cestovní značky, fotografové a týmy pořádající akce posílají pohlednice postavené na jednom výrazném obrázku a několika řádcích textu. HTML šablony pohlednic proměňují toto spojení v opakovaně použitelné sekce: kontejner obrázku s alternativním textem, sekce obsahu pro pozdrav a blok metadat pro odesílatele a datum. Obvykle následuje oblast odkazu. Fotografie vypráví příběh, zatímco okolní sekce poskytují kontext.

HTML bloky pro obrázek, zprávu a podrobnosti o odesílateli

Jeden běžný přístup odráží logiku obou stran tištěné karty: vizuální tvář a psaná tvář, každá označená jako samostatná sekce. Dalším běžným modelem je rozvržení vedle sebe, kde je obrázek v jednom sloupci a poznámka v dalším. Bloky zůstávají v obou modelech stejné; mění se pouze jejich uspořádání.

Tyto oblasti obvykle zůstávají jako samostatné bloky:

• oblast obrázku s alternativním textem, který pojmenovává destinaci nebo příležitost;
• oblast zprávy pro pozdrav a krátký příběh za ním;
• oblast popisku nebo metadat s místem, datem a odesílatelem;
• oblast pro odpověď, odkaz do galerie nebo RSVP.

Možnosti značení pro různé scénáře pohlednic

Cestovní karta obvykle začíná obrázkem cíle a poznámka pod ní uvádí místo. Karta události může posunout váhu směrem k odkazu na datum a registraci, takže tyto prvky by měly mít své vlastní kontejnery, spíše než aby se zobrazovaly jako řádek v popisku. Sezónní pozdrav, vzpomínková fotografie nebo krátké oznámení opakovaně používají stejné bloky s různým důrazem. Některé projekty také označují rubovou stranu, když digitální verze znovu vytváří tištěnou verzi, s adresní zónou vedle psané poznámky.

Pořadí zdroje, které přežije úzkou obrazovku

Samotné značení určuje pořadí zdroje. Mělo by dodržovat sekvenci, kterou má čtenář procházet, která u většiny pohlednic probíhá od obrázku k odesílateli a poté k odkazu. Když se sloupce shluknou do jednoho, vysoká fotografie může zaplnit první obrazovku a vytlačit pozdrav a odpověď z dohledu, takže si oba zaslouží být vidět v dané šířce. Značení definuje, co je každý blok a odkud pochází; Vzhled šablony je řešen jinou vrstvou.

Responzivní režimy Nicepage umožňují kontrolovat pořadí na stolních počítačích, tabletech a telefonech, zatímco je rozvržení stále v editoru. Pracovní postup exportu HTML poté hotový návrh převede do souborů, které můžete dále upravovat nebo publikovat tak, jak jsou.

Dobrá šablona se scvrkává na několik kontrol: vizuální hierarchie zůstává jasná, zpráva přetrvává a údaje o odesílateli zůstávají použitelné při jakékoli šířce.