Kirlilik HTML Şablonları

Arama Dostu Kirlilik HTML Şablonları

Kirlilik verilerini yayımlamak, aynı içerik öğelerini tekrar tekrar düzenlemek anlamına gelir: bir ölçüm değeri, aşılan sınır ve insanlara ne yapmaları gerektiğini belirten bir yönlendirme. Kirlilik odaklı bir HTML şablonu bu işaretlemeyi hazır olarak sunduğundan, ilk çalışma saatinizi demo verilerini gerçek ölçümlerle değiştirmeye ayırabilirsiniz.

Kirletici Kartları İçin Hazır İşaretleme

Hava kalitesi içeriği, tekrarlayan yapısıyla diğer alanlardan ayrılır. Her hava kalitesi indeksi (AQI) değeri için bir durum rengi, kısa bir açıklama ve bir zaman damgası gerekir ve sıradaki kirletici için de aynı düzenleme zorunludur. Bu yapıyı boş bir dosyadan kurmak yavaştır ve dördüncü veya beşinci kopyalamada tutarlılığını yitirir.

Bir demoyu incelerken kirlilik içeriklerinin sürekli ihtiyaç duyduğu bileşenleri aramak işinizi kolaylaştırır:

• mevcut koşulları gösteren bir durum rozetine sahip AQI özeti;
• PM2.5, PM10 ve ozon ölçümleri için kirletici kartları;
• ulaşım veya sanayi gibi emisyon kaynakları için karşılaştırma tablosu;
• yoğun hava kirliliği dönemlerinde her şeyin en üstünde yer alabilen bir uyarı başlığı banner'ı.

Bu tür bloklar çevre temalı demolarda sıkça yer alır, ancak hiçbir şablonun dördünü birden içereceği garanti edilemez. Önemli olan, mevcut bileşenlerin kaynak kodda düzenlenebilir olmasıdır; böylece bir kirletici kartını çoğaltabilir, etiketini değiştirebilir ve kopyanın da orijinali gibi davranacağına güvenebilirsiniz.

İzleme İstasyonları İçin Yeniden Kullanılabilir Bloklar

Çevresel veriler coğrafi olarak da birbirini tekrar eder. Şehir merkezindeki bir istasyonu tanımlayan alanlar, rüzgar yönünde kırk kilometre uzaktaki bir diğer istasyonunkilerle aynıdır; mart ayında yayımlanan üç aylık rapor ise haziran ayında yeni rakamlarla geri döner. Burada çoğaltma olağan çalışma yöntemidir; bu nedenle düzenlenebilir kaynak kod, kusursuz bir demodan çok daha önemlidir.

Çoğaltma yaparken bilgi hiyerarşisini koruyun. Kirletici ölçümün üzerinde, ölçüm eşik durumunun üzerinde, durum ise tavsiye edilen eylemin üzerinde yer alır. Yalnızca ilk iki seviyeye göz atan biri bile bu sabah koşuya çıkmanın güvenli olup olmadığını hemen öğrenir.

Küçük Ekranlarda Duyarlı Davranış

Dar ekranlar yoğun çevre içeriklerine karşı toleranssızdır. Birkaç bölgedeki kirleticileri içeren geniş bir karşılaştırma tablosu basitçe küçültülemez; her rakamın kendi etiketine bağlı kalabilmesi için dikey olarak yığılmış gruplara ayrılması gerekir. Öncelik sırası da değişir; zira arka plan açıklamaları bekleyebilirken, aktif bir uyarı telefon ekranının en üst kısmını hak eder.

Nicepage, içeriklerin farklı cihaz genişliklerinde nasıl yeniden sıralandığını ve alt alta dizildiğini açıklayan duyarlı düzen denetimlerini belgelendirmektedir.

Bir kirlilik HTML şablonu, ilgili çevresel bloklar kod içerisinde hazır bulunduğunda ve alttaki yapıyı baştan kurmaya gerek kalmadan yeniden düzenlenebildiğinde gerçek değerini gösterir. Yalnızca geniş bir görsel ve tek bir başlıktan ibaret demolar her şeyi kendiniz yazmak zorunda bırakır, bu da şablon kullanmanın amacını boşa çıkarır.