Sınır HTML Şablonları

Düzenli Kenarlıklı HTML Şablonları

Kenarlıklı HTML şablonları; görünür bir çerçevenin veya ayırıcının portföy projesi ya da hizmet teklifi gibi bağımsız bir içerik birimini tanımladığı kullanıma hazır bölümler sunar. Her çerçevenin arkasında küçük, tekrarlanan bir işaretleme parçası yer alır ve bu parçanın yapısı, bölümü ne kadar kolay kopyalayabileceğinizi, daraltabileceğinizi veya yeniden doldurabileceğinizi belirler.

Her Çerçevenin İçinde Ne Yer Alır

Tam bir çerçeve başka bir yere taşınabilecek bağımsız bir birimi bildirirken, bir ayırıcı hâlâ birbiriyle ilişkili olan parçaları ayırır. En sık karşılaştığınız kenarlıklı düzenler şu şekilde oluşturulur:

• her projenin başlığı, açıklaması ve bağlantısıyla bağımsız bir "makale" gibi davrandığı portföy ızgaraları;
• her kenarlıklı kapsayıcıda aynı başlık, metin ve eylem sırasını tekrarlayan özellik kartları;
• tek bir "bölüm" içinde bir ayırıcının özeti ayrıntılardan kestiği editoryal bloklar;
• tek bir dış çerçevenin grubu bir arada tuttuğu ve ince iç çizgilerin bunu satırlara ayırdığı teknik özellik panelleri.

Bir proje, komşu öğeleri etkilemeden çoğaltılabilir, silinebilir veya yeniden sıralanabilir. Tek bir teknik özellik satırı grubunun dışında çok az anlam taşır; bu nedenle her satıra ayrı bir çerçeve vermek, yalnızca daha sonra çözmek zorunda kalacağınız iç içe geçmeler ekler. Boş bir satır öğeleri zaten ayırıyorken, yalnızca bir çizgi çekmek için her birini sarmalamak kodu görünür bir kazanım olmaksızın daha derin hale getirir.

Nicepage'in Izgara Öğesi, bunun gibi yinelenen gruplar için oldukça uygundur. Izgara yerleşimi yönetir ve her öğe kendi çerçevesini korur; böylece yeni bir proje sırayı baştan oluşturmaya gerek kalmadan araya yerleşir.

Tekrarlayabileceğiniz Sade İşaretleme

Bir galeri veya fiyatlandırma panelleri sırası, her birim aynı kısa modeli izlediğinde kolayca yönetilebilir kalır. Her kart, bölüm başlığının bir alt seviyesindeki bir başlıkla başlar, ardından içeriğini ve isteğe bağlı bir eylemi taşır. Kart eklemek, tek bir bloğu kopyalayıp metnini değiştirmek anlamına gelir. Her kartı bir yerde fazladan bir sarmalayıcı, başka bir yerde eksik bir başlıkla biraz farklı oluşturan şablonlar, hızlı bir düzenlemeyi dedektiflik işine dönüştürür.

Sütunlar Daraldıktan Sonraki Okuma Sırası

Çerçeveli kart sütunları dar bir ekranda tek sütuna dönüştüğünde, işaretlemede yer aldıkları sıraya göre alt alta dizilir. Bazı şablonlar, bir resim sırası ve hemen altında ayrı bir açıklama satırı şeklinde kurulur. Bir dizüstü bilgisayarda bu dört düzgün proje gibi görünür; ancak telefonda önce tüm resimler gelir ve ardından açıklamalar toplu halde sıralanır.

İyi bir kenarlıklı HTML şablonu, herhangi bir satıra işaret edip neye ait olduğunu söylemenize olanak tanır. Koda hızlı bir bakış; hangi çerçeveli birimlerin tek başına durduğunu, hangi çizgilerin yalnızca bir grubu böldüğünü ve hangi blokların sitenin başka bir yerine bozulmadan taşınabileceğini açıkça göstermelidir.