Yerleşim Temelleri

Last updated on 10/29/2024@mrbirddev

Bir slidde Web Sayfasının Yapısı

Slidde.co basit bir dört katmanlı yapı kullanır:

  • Sayfa (Genel Stiller)
  • Slayt (İçerik Segmentasyonu)
  • Konteyner (Duyarlı Genişlik, Çoklu Sütunlar)
  • Satır İçi Öğeler (Özel İçerik)

Sayfa

Sayfa katmanı en üstte yer alır ve yazı tipleri, renkler ve bağlantı stilleri gibi genel stilleri ayarlamak için kullanılır, çünkü CSS özellikleri miras alınabilir.

İsteğe bağlı olarak, şablonunuzu daha kullanıcı dostu hale getirmek için CSS değişkenlerini kullanabilirsiniz.

Sayfa öğesini doğrudan seçemiyorsanız, araç çubuğundaki Sayfa seç seçeneğini kullanın. URL karmasına göre slaytı göster/gizle özelliği çok sayfalı bir web sitesini simüle edebilir. Bu demoya göz atın: [Demo Link](https://demo-76e69f00.slidde.co/)

Slayt

Bir Slayt, Sayfa altında birinci seviye bir öğedir ve içerik segmentasyonu için kullanılır.

  • "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 Çapa Kimliği (HTML Kimliği) esasen bir HTML ID'sidir. Slayt içindeki içeriğe göre adlandırın, böylece “#ID” gibi bağlantılar kullanarak kolayca gezinebilirsiniz. Atlama bağlantıları hakkında daha fazla bilgi edinin.

Bir Slayt öğesini nihai web sitesinden gizlemek ancak 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.

Sabit (Kaydırıldıktan sonra üstte yüzer) özelliği, kayan navigasyon çubukları veya diğer öğeler içindir. Burada bir örnek görebilirsiniz: [Sticky Demo](https://demo-09963200.slidde.co/)

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. Genişlikleri x/12 (örneğin, her biri %50 genişlik için iki 6/12 sütun) gibi ayarlayabilirsiniz.

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.