Yerleşim Temelleri
Slidde web sayfasının yapısı
Slidde.co basit bir dört katmanlı yapı kullanır:
Sayfa
Sayfa katmanı en üstte yer alır ve yazı tipleri, renkler ve bağlantı stilleri gibi global stilleri ayarlamak için kullanılır, çünkü CSS özellikleri devralınabilir.
İsteğe bağlı olarak, şablonunuzu daha kullanıcı dostu hale getirmek için CSS değişkenlerini kullanabilirsiniz.
Eğer Sayfa öğesini doğrudan seçemiyorsanız, araç çubuğundaki Sayfa seç seçeneğini kullanın.
Hash bölümü özelliği, çok sayfalı bir web sitesini simüle edebilir. Bu demoya göz atın: Demo Link
Slayt
Bir Slayt, içeriği bölümlere ayırmak için kullanılan, bir Sayfa altındaki birinci seviye öğedir.
- "Biyodaki bağlantı" sayfaları gibi basit sayfalar yalnızca bir Slide içerebilir.
- Karmaşık açılış sayfaları #header, #hero, #works, #contact, #footer gibi birden fazla bölüm içerebilir.
Bir Bağlantı ID'si (HTML ID) esasen bir HTML ID'sidir. İçeriklerine göre Slayt içinde adlandırın, böylece “#ID” gibi bağlantılarla kolayca gezinebilirsiniz. Atlama bağlantıları hakkında daha fazla bilgi edinin.
Bir Slayt öğesini son web sitesinden gizlemek ama kaydedilmiş halde tutmak için Gizli özelliğini işaretleyin. Bu, PowerPoint’in gizli slaytlarına benzer ve ayrıca eğitimler için de kullanılabilir.
Yapışkan özelliği, kayan navigasyon çubukları veya diğer öğeler içindir. Burada bir örnek görün: Sticky Demo
Konteyner
Bir Konteyner, duyarlı genişlikleri ve çok sütunlu görüntülemeleri yönetir.
- Mobil ve masaüstü genişlikleri genellikle farklıdır. Cihazlar arasında uyumlu genişlikler için bir Konteyner içinde Genişlik özelliğini kullanın.
- Sütunlar, bir konteynerde kaç sütun olduğunu tanımlar. x/12 gibi genişlikler ayarlayabilirsiniz (örneğin, her biri %50 genişlikte iki 6/12 sütun).
Her sütun ayrıca yatay ve dikey hizalama ayarlarına sahip olabilir.
Diğer
Diğer öğeler, konteyner içinde konumlandırılabilen satır içi öğelerdir.
Bu yapılandırılmış yaklaşımı izleyerek, Slidde.co kullanarak kolayca görsel olarak çekici, duyarlı web sayfaları oluşturabilirsiniz.