Arabský Styl HTML Šablony

Kulturní značky, studia, projekty v pohostinství i kreativní portfolia často vyžadují arabské motivy bez kompromisů v přehlednosti kódu. Tyto HTML šablony zasazují ornamenty, obrázky, nadpisy a obsah do responzivních sekcí, připravených pro další technické úpravy.

Other Umělecký design HTML Šablony

Čisté HTML šablony v arabském stylu pro kód připravený na RTL

HTML šablony v arabském stylu přinášejí skutečnou hodnotu tehdy, když je směr čtení zapracován přímo do samotných souborů. Rozvržení vytvořené pro angličtinu a dodatečně zrcadlené selhává na předvídatelných místech: řazení karet, pole formulářů a veškeré latinkové znaky uvnitř arabské věty. Získáváte základ, jehož sekce se již chovají správně, takže zbývající práce spočívá pouze v naplnění obsahem a finálním ladění.

Zrcadlený kód a pořadí čtení

Směr dokumentu se definuje jednou pomocí atributu „dir“ a vše ostatní se odvíjí od toho, jak byly jednotlivé sekce postaveny. Skutečně připravený soubor se od pouhého převráceného obrázku liší v několika klíčových bodech:

  • Mřížky karet si uchovávají logickou návaznost i po přeskládání na malých displejích, protože z obráceného řádku může snadno vzniknout chybné pořadí sloupců.
  • Šipky, ikony a prvky stránkování jsou vytvořeny jako samostatné elementy, takže jejich převrácení vyžaduje jen drobnou úpravu.
  • Bloky se přirozeně přizpůsobují výšce textu, protože arabský nadpis málokdy zabírá stejnou výšku jako jeho anglická verze.
  • Formuláře udržují popisky, vstupní pole i hlášení zarovnané doprava, zatímco telefonní čísla zůstávají zapsána latinkovými číslicemi.

Smíšená písma uvnitř arabských odstavců

Reálný arabský obsah je málokdy jednojazyčný. Odstavec často obsahuje název značky v latince, e-mailovou adresu nebo datum v západních číslicích a každý z těchto prvků si v řádku čteném zprava doleva zachovává vlastní směr. Šablona, která na takový obsah nebyla testována, to okamžitě odhalí: interpunkce se ocitne na nesprávné straně, číslice se obrátí nebo se kód produktu chybně zalomí. Než začnete hodnotit cokoliv jiného, otevřete ukázku a prohlédněte si sekci kombinující obě písma.

Nicepage podporuje chování mřížky v responzivních režimech, což umožňuje buňkám skládat se pod sebe nebo měnit pořadí, vyžaduje-li úzká obrazovka jinou sekvenci. Tato kontrola je zde klíčová, protože posloupnost očekávaná uživatelem na telefonu musí reorganizaci bezchybně ustát.

Editovatelné sekce, exportované soubory

Jakmile jsou rozvržení i jeho responzivní stavy připraveny, Nicepage Desktop Application vygeneruje soubory prostřednictvím popsaného postupu exportu. Výsledný balíček lze nahrát na vlastní hosting nebo předat vývojáři k dalšímu zpracování.

Tento poslední krok je hlavním důvodem, proč zvolit přímo nakódovaný základ. Získáte skutečné zdrojové soubory, takže sekci můžete znovupoužít na nové podstránce, vyměnit písmo a úpravy provádět přímo ve zdrojovém kódu. Ukázka stojí za využití, pokud její sekce zůstávají čitelné, komponenty se čistě opakují a arabské fonty jsou již součástí projektu. Poté si celou stránku projděte na úzkém displeji – ornamenty na náhledu vypadají skvěle vždy, ale teprve správné pořadí čtení rozhoduje o kvalitě.