çevrimiçi okul CSS Şablonu
Şablonu Çevrimdışı Düzenleyin
2. Yeni sayfa oluşturun ve 3636971 kimliğini arayın
Şablonu Çevrimiçi Düzenleyin
Harika Web Siteleri Oluşturun
Ücretsiz Nicepage Builder
Anahtar kelimeler
Pembe Gradyanlar, Yuvarlatılmış Görseller ve Yumuşak Kurs Kartları
Tasarım, yalnızca renklerle değil, birbirini tamamlayan tekrarlanabilir bir stil sistemiyle bir arada tutulur. Siyah ana karşılama alanı, pembe renkli “Çevrim İçi Okul” başlığını ve giriş metnini yuvarlak büyük bir öğrenci fotoğrafının yanına yerleştirerek açılışta güçlü bir kontrast yaratır. Bu kontrast, pembe gradyan arka planın numaralandırılmış ders konularını öne çıkardığı altı maddelik kurs kategorisi bölümünde yeni bir biçim kazanır. Koyu renkli eğitim rotası bölümü daha sonra görsel arka planlı üç yuvarlatılmış kart kullanırken, ücretsiz kurs alanı bu düzeni başka bir pembe gradyan üzerindeki beyaz kartlarla tersine çevirir.
Yuvarlatılmış görseller hedef kitle bölümünde yeniden ortaya çıkarak öğrenci ve sınıf mesajını ana karşılama alanında oluşturulan görsel dille buluşturur. Gösterilen dört metrik kutusu, koyu bölüm içerisine daha canlı renk vurguları katarak ana paletten kopmadan çeşitlilik sunar. Açık pembe kullanıcı yorumları alanı ve gradyan iletişim paneli akışı tamamlarken, beyaz bilgi talep formu bilinçli bir görsel karşıtlık oluşturur. Birbiriyle uyumlu bu ilişkiler, şablonu CSS odaklı bir stil referansı olarak oldukça kullanışlı kılar: Temel eğitim içeriği kolayca tanınabilir kalırken arka planlar, kontrast, kart yüzeyleri, görsel formları, boşluklar ve tipografi koordineli kurallar halinde uyarlanabilir. Standart görsel denetimlerin projeye özgü bir gereksinimi karşılamadığı durumlarda stil, Nicepage’in Özel CSS özelliğiyle daha da geliştirilebilir.
Nicepage ile özelleştirin
CSS Şablon Oluşturucu kullanırken renkleri, yazı tiplerini, başlık ve fooer'ı, düzeni, sütunları ve diğer tasarım öğelerinin yanı sıra içerik ve resimleri de ayarlayabilirsiniz.
Bu Şablonu CSS ile Özelleştirin
Sayfaya Özgü Stil Kontrolü
Bu hazır şablonun görsel görünümünü doğrudan Nicepage düzenleyicisinde özelleştirin. Sayfa düzenini CSS yazmadan kolayca yönetilebilir tutarken, tipografi, boşluk, arka planlar, kenarlıklar, renkler, konumlandırma ve diğer stil özelliklerini görsel kontroller kullanarak ayarlayın.
Gerektiğinde Özel CSS Ekleyin
Standart düzenleyici seçeneklerinin ötesine geçen stil gereksinimleri için, hedefli kurallar eklemek üzere Özel CSS kullanın. CSS, özelleştirmenin kapsamına bağlı olarak tek tek öğelere, belirli sayfalara veya tüm web sitesine uygulanabilirken, CSS sınıfları özel kuralları seçilen öğelerle bağlamak için kullanılabilir.
Sayfa Başına Minimum CSS Dışa Aktarma
CSS boyutu ve sayfa performansının önemli olduğu projeler için Nicepage, her sayfa için minimum CSS dışa aktarabilir. Tek bir büyük ortak stil dosyasına güvenmek yerine, her sayfa yalnızca o sayfaya özgü stil kurallarını içeren ayrı bir CSS dosyası kullanabilir. Nicepage belgelerine göre, bu sayfaya özgü CSS dosyaları yaklaşık on kat daha kompakt olabilir, bu da gereksiz CSS'yi azaltmaya ve sayfa yükleme performansını iyileştirmeye yardımcı olur.
Bu iş akışı, görsel stillendirmeyi isteğe bağlı özel CSS ve optimize edilmiş sayfaya özgü CSS çıktısıyla birleştirerek, bir proje gerektirdiğinde ek kontrol sağlar ve şablonu özelleştirmenin birincil yolu olarak manuel CSS düzenlemesini gerektirmez.
