Dövüş Sanatları HTML Şablonları

Duyarlı Dövüş Sanatları HTML Şablonları

Bir dövüş sanatları HTML şablonu, doğrudan açıp düzenleyebileceğiniz kaynak dosyaları olarak gelir. Kod yapısı genellikle bir giriş alanı, ders listeleri, eğitmen kartları, bir ders programı çizelgesi ve iletişim formunu içerir. Demo dojo içeriği asıl bilgilerinizin yer alacağı alanlarda bulunur; bu nedenle ilk değerlendirilmesi gereken konu, gerçek programlarınız için bu kodun ne kadarını baştan yazacağınızdır.

Gerçekten Düzenleyebileceğiniz Kod Yapısı

İndirme sonrasındaki çalışmaların büyük kısmı içerik değiştirmeye dayanır. Kuşak renklerini okulunuzun sistemine göre günceller, branşları yeniden adlandırır, yeni bir başlangıç grubu eklersiniz ve kod yapısının tüm bunları sıfırdan inşa gerektirmeden karşılaması beklenir.

Dosyaları açıp incelemeye değer birkaç önemli nokta vardır:

• programdaki her branş için aynı birim tekrar ettiğinden ders bloğunun nasıl kurgulandığı
• eğitmen kodlamasında derece, branş ve fotoğrafın ayrı alanlar olarak tutulup tutulmadığı
• iletişim veya deneme dersi formunun nasıl yapılandırıldığı ve kod değişikliği gerektirmeden kaç alanı desteklediği
• menüler ve kaydırıcılarla (slider) birlikte ne kadar JavaScript geldiği ve kullanılmayan bir parçanın ne kadar kolay çıkarılabildiği

Bir ders kartında genellikle branş, seviye ve yaş grubu yer alır; eğitmen ile başlangıç saati ise hemen altında belirtilir. Perşembe günleri için yeni bir başlangıç grubu, o kartın bir kopyasının daha eklenmesi demektir. Kata ve kumite eğitimi veren bir karate okulu aynı bloğun iki varyasyonuna ihtiyaç duyar; ikinci varyasyonu manuel olarak yeniden oluşturmak her program değişikliğinde zaman kaybına yol açar.

Ders Çizelgeleri Gün ve Saatlerden Fazlasını Taşır

Program çizelgesi, kod yapısının en karmaşık bölümüdür. Tek bir hafta içi gün; her biri farklı seviye ve eğitmene sahip bir çocuk dersini, yetişkin temel teknik seansını ve serbest minder (open mat) çalışmasını barındırabilir. Gi (kimonolu) ve no-gi (kimonosuz) seansları genellikle başlangıç ve ileri düzey gruplarla aynı saat dilimini paylaştığından, etiketler en az saatler kadar önem taşır.

Dövüş sanatları sayfaları çoğunlukla kısa etiketleri yoğun pratik bilgilerle birleştirir. Ders adları, haftanın günleri, saatler, yaş aralıkları, kuşak dereceleri, antrenör adları ve salon bilgileri mevcut ekran genişliği değiştiğinde de rahatça okunabilmelidir. Duyarlı kod yapısı, masaüstü içeriğini sadece küçültmek yerine bu hiyerarşiyi korumalıdır. Bir ders çizelgesinin telefonda farklı düzenlenmesi gerekebilir; program kartları ise alt alta sıralanabilir. Nicepage'in Duyarlı Web Tasarımı kılavuzu, sayfa düzenlerini farklı ekran boyutlarına uyarlamaya yönelik duyarlı iş akışını açıklar. İnceleme sürecinde gerçek dojo içeriklerini kullanın. "Çocuklar İçin BJJ Temelleri" veya "Yetişkinler İleri Düzey Kumite" gibi başlıklar kısa bir yer tutucu metinden daha fazla alan kaplar ve haftalık bir program, sadeleştirilmiş bir demoda fark edilemeyen boşluk sorunlarını açığa çıkarabilir.

Telefonlar Ders Kartlarını Yeniden Sıralar

Öğrenciler antrenman saatlerini çoğunlukla salona giderken telefonlarından kontrol eder. Geniş program satırları bu noktada ilk sorun çıkaran alanlardır. Sütunlar daralır, uzun bir eğitmen adı kendi derecesinin altına kayar ve seviye göstergesi ait olduğu dersten uzaklaşabilir. Nicepage; masaüstü, tablet ve telefonlara özel Duyarlı Modları ile yerleşimin gerçek zamanlı olarak nasıl yeniden düzenlendiğini görmenizi sağlayarak bu süreci kolaylaştırır.

Bir şablonu, müdahale etmeniz gereken kaynak kod miktarına göre değerlendirin. Üç branşı ve sabit bir programı olan bir kulüp hemen her yapıya kolayca uyum sağlar; zira düzenlemeler metin ve görsel düzeyinde kalır. Birden fazla branşı, yaş kategorisini ve kuşak sınavlarını yöneten bir akademi ise demo dosyalarını açmalı ve sıfırdan oluşturması gerekecek blok sayısını hesaplamalıdır. Bu sayı, şablonun gerçek maliyetini belirler.