Švýcarský HTML Šablony

Snadno použitelné švýcarské HTML šablony pro strukturované webové stránky

Klid švýcarského rozvržení se v kódu snadno vytratí. To, co na obrazovce vypadá jako přísná mřížka, se může při prvních úpravách rozpadnout, pokud značkování není rozděleno podél stejných linií. Dobře vytvořené švýcarské HTML šablony toto zvládají správně od samého začátku tím, že propojují obsahové zóny se sloupci a opakujícími se jednotkami pro projekty a články.

Značkování postavené na sloupcích

Ve švýcarské kompozici má každý prvek obsahu vymezenou zónu na mřížce a kód těmto zónám dává tvar. Vzory, které stojí za prověření jako první, jsou ty, jež se opakují:

• Přehled projektů, jehož řádky sdílejí stejné součásti, jako je číslo, název a náhledový obrázek, přičemž každá část je připravena pro svůj vlastní sloupec.
• Položka portfolia, která odděluje širokou oblast obrázku od úzké textové části, takže asymetrické rozdělení zůstane zachováno i při nové fotografii nebo delším popisu.
• Redakční článek, jehož hlavní nadpis a podnadpisy udržují pevné úrovně nadpisů, takže hierarchie důležitosti zůstává zakotvena přímo v kódu.
• Kompaktní blok parametrů pro umístění, rok a klienta, který je umístěn vedle hlavního textu.

Kam patří prázdný prostor

Švýcarští designéři využívají prostor k oddělení skupin informací a šablona si tento rytmus udrží pouze tehdy, když její kód vymezuje stejné hranice. Když představení studia, seznam projektů a kontaktní údaje leží v oddělených oblastech, kterákoli z těchto částí se může změnit, aniž by narušila mezery kolem ostatních. Záměrně asymetrická rozvržení na tom závisí ještě více. Nadpis s prázdným sloupcem vedle sebe nebo krátká poznámka posunutá výrazně doprava si udrží svou pozici, pokud je každý prvek samostatnou jednotkou v kódu.

Kód formovaný projekty nebo články

Dvě švýcarské šablony mohou na snímku obrazovky vypadat téměř identicky, a přesto sloužit odlišným účelům. Šablona portfolia je uspořádána kolem opakovatelných projektových jednotek, takže přidání nového projektu obvykle znamená zkopírování existujícího bloku a nahrazení jeho obsahu. Redakční šablona věnuje více pozornosti dlouhému textu s hlubší hierarchií nadpisů, zvýrazněnými citacemi a seznamy článků, které zůstávají čitelné i v úzkém sloupci.

Pokud plánujete upravit design v Nicepage, exportovat jej jako HTML a pokračovat v práci na kódu, zkontrolujte, zda opakující se jednotky šablony odpovídají vašemu obsahu. Když kód již věrně odráží vaše projekty nebo články, vývoj se stává pouhým doplňováním a dolaďováním a mřížka, díky které jste si šablonu vybrali, zůstane nedotčena.