İsviçre HTML Şablonları

Yapılandırılmış Web Sayfaları İçin Kullanımı Kolay İsviçre Tarzı HTML Şablonları

İsviçre mizanpajının sunduğu dinginlik kod içerisinde kolayca kaybolabilir. Ekranda katı bir ızgara gibi görünen yapı, kodlama aynı çizgiler boyunca bölünmediği sürece ilk düzenleme turunda dağılabilir. İyi hazırlanmış İsviçre tarzı HTML şablonları, içerik alanlarını sütunlarla ve projeler ile makaleler için tekrarlayan birimlerle eşleştirerek bunu en başından doğru şekilde kurar.

Sütunlar Etrafında Şekillenen Kod Yapısı

İsviçre kompozisyonunda, her içerik parçası ızgara üzerinde tanımlanmış bir alana sahiptir ve kod bu alanlara biçim verir. İlk olarak kontrol edilmeye değer desenler tekrarlayan olanlardır:

• Satırları bir numara, bir başlık ve bir küçük resim gibi aynı parçaları paylaşan ve her biri kendi sütununa hazır bir proje dizini.
• Geniş bir görsel alanını dar bir metin alanından ayrı tutan ve böylece asimetrik bölünmenin yeni bir fotoğrafta veya daha uzun bir açıklamada bozulmadan kaldığı bir portföy girdisi.
• Başlığı ve alt başlıkları sabit başlık seviyelerini koruyan, böylece önem sırasının kod yapısında yaşadığı bir editoryal makale.
• Konum, yıl ve müşteri bilgilerini içeren ve ana metnin yanında duran kompakt bir teknik özellikler bloku.

Boşluğun Ait Olduğu Yer

İsviçreli tasarımcılar bilgi gruplarını ayırmak için boşluktan yararlanır ve bir şablon bu ritmi yalnızca kod yapısı aynı sınırları çizdiğinde koruyabilir. Stüdyo tanıtımı, proje listesi ve iletişim bilgileri ayrı bölgelerde yer aldığında, bunlardan herhangi biri diğerlerinin etrafındaki boşlukları bozmadan değişebilir. Bilinçli olarak simetrik olmayan mizanpajlar buna daha da fazla güvenir. Yanında boş bir sütun bulunan bir başlık veya tamamen sağa itilmiş kısa bir not, her bir öge kodda ayrı bir birim olduğunda konumunu korur.

Projelere veya Makalelere Göre Şekillenen Kod

İki İsviçre tarzı şablon bir ekran görüntüsünde neredeyse aynı görünebilir ancak yine de farklı işlevlere hizmet edebilir. Bir portföy şablonu tekrarlanabilir proje birimleri etrafında düzenlenir; bu nedenle yeni bir proje eklemek çoğunlukla mevcut bir bloku kopyalayıp içeriğini değiştirmek anlamına gelir. Bir editoryal şablon ise daha derin bir başlık ölçeği, alıntılar ve dar bir sütunda okunabilirliğini koruyan makale listeleriyle uzun metinlere daha fazla odaklanır.

Tasarımı Nicepage üzerinde özelleştirmeyi, HTML olarak dışa aktarmayı ve kod üzerinde çalışmaya devam etmeyi planlıyorsanız şablonun tekrarlayan birimlerinin içeriğinizle eşleşip eşleşmediğini kontrol edin. Kod yapısı projelerinizi veya makalelerinizi zaten yansıtıyorsa geliştirme süreci yalnızca içerik doldurma ve ince ayar yapmaya dönüşür ve şablonu seçmenizi sağlayan ızgara bozulmadan kalır.