Fayans HTML Şablonları

Karo tabanlı portföyler ve galeriler, görsel bir mozaikten daha fazlasına ihtiyaç duyar. Net HTML bölümleri, başlık sırası, yeniden kullanılabilir kart yapıları ve duyarlı kaynak akışı, düzen cihazlar arasında değiştikçe içeriğin anlaşılabilir kalmasına yardımcı olur.

Fayans Kategorisinden daha fazla HTML Şablonları

Diğer Fayans HTML Şablonları

Düzenlenebilir Kaynak İşaretlemeli Temiz Karo HTML Şablonları

Bir geliştirici bir karo HTML şablonunu devraldığında, bir dizi dosya alır ve bir sonraki ayın ne kadar keyifli geçeceği, bu dosyaların nasıl bir araya getirildiğine bağlıdır. Bu desen her yerde karşımıza çıkar: bir portföy dizini, bir ürün ızgarası veya bir dergi ön sayfası. Aşağıdaki işaretleme, iki yüz giriş eklemenin bir öğleden sonra yapılacak bir iş mi yoksa yeniden yazılacak bir iş mi olduğunu belirler.

Sık Sık Kopyalayacağınız İşaretleme Desenleri

Tekrarlama, bir karo düzeninin amacıdır ve incelenmesi gereken ilk şeydir. Bir kart genellikle bir resim, bir başlık ve bir bağlantı içerir ve şekli ilk girişten sonuncusuna kadar aynı kalmalıdır. Kaynak kodunu açın ve birkaç şeye bakın:

  1. Sonsuz bir kapsayıcı yerine her karo grubu etrafında anlamsal bölümler.

  2. Sırayla aşağı doğru inen başlıklar, tanıttıkları öğelerin üzerinde öne çıkan bir girişle birlikte.

  3. Daha sonraki çalışmalar için yerinde bırakılan sınıf kancalarıyla birlikte, bir kart deseni kelimesi kelimesine tekrarlanır.

  4. Ziyaretçinin gerçekten tıkladığı öğelere yazılmış bağlantılar.

Okuma Sırası Her Çöküşte Korunur

Geniş ekranda iyi okunan bir karo düzeni, bir panelin görsel konumu ve kaynakta bulunduğu yer farklı olduğundan, telefonda garip bir sırada görünebilir. Sol üst köşedeki öne çıkan öğe, üç küçük kartın altında görünmemelidir. Tekrarlanan herhangi bir blok için hızlı bir kontrol:

  1. Ziyaretçinin ilk ihtiyaç duyduğu öğe, kaynakta ilk sırada yer alır.

  2. Destekleyici metin, tanımladığı görüntüye bağlı kalır.

  3. Bağlantı, üzerinde işlem yaptığı içeriğin üzerinde yüzmek yerine bloğu kapatır.

Bunu tek bir kart içinde bir kez doğru yaparsanız, iki yüzüncü kart da bunu miras alır. Yanlış yaparsanız, telefonda bir müşteriden şikayet duyarsınız.

Dışa Aktarma Sonrası Önce Bağlantıları Kontrol Edin

Nicepage, projeyi masaüstü uygulamasından dışa aktarır ve dışa aktarma kılavuzu bu iş akışını kapsar. Diske kaydedilenler, istediğiniz yerde barındırabileceğiniz bir dosya setidir; bu nedenle hiçbir şey Nicepage barındırma hizmetine bağlı değildir ve kaynak kod daha fazla düzenleme için açık kalır.

Dışa aktardıktan sonraki ilk kontrol kısa ve zaman ayırmaya değer. Dosyalar bir sunucuya yüklendikten sonra göreceli bağlantıların ve varlık yollarının hala çözümlendiğini, resim alt niteliklerinin içeriği doğru bir şekilde tanımladığını ve başlıkların içerik değişiminden sonra sırayla korunduğunu kontrol edin. Tekrarlanan kartlar, gerçek içerikle doldurulduktan sonra ikinci bir incelemeyi hak eder, çünkü dört kelimeyle demoya uyan bir başlık nadiren on iki kelimeyle gerçekliğe uyar.

Değerlendirdiğiniz şey, kaynak kodun ne kadar kolay kullanılabilir olacağıdır. Okuyabileceğiniz, düzenleyebileceğiniz ve genişletebileceğiniz işaretleme, ekrandaki düzenleme değiştikten çok sonra bile kullanışlı kalır.