Dasar-dasar Tata Letak

Last updated on 12/2/2024@mrbirddev

Struktur halaman web slidde

Slidde.co menggunakan struktur empat lapisan yang sederhana:

Halaman

(Gaya Global)

Slide

(Segmentasi Konten)

Kontainer

(Lebar Responsif, Beberapa kolom)

Elemen sebaris

(Konten Spesifik)

...

Elemen sebaris

(Konten Spesifik)

...

Halaman

Lapisan Halaman berada di bagian atas dan digunakan untuk mengatur gaya global seperti font, warna, dan gaya tautan, karena properti CSS dapat diwariskan.

Opsional, Anda dapat menggunakan variabel CSS untuk membuat template Anda lebih ramah pengguna.

Jika Anda tidak dapat memilih elemen Halaman secara langsung, gunakan opsi Pilih halaman di toolbar.

Fitur Bagian hash dapat mensimulasikan situs web multi-halaman. Lihat demo ini: Demo Link

Slide

Sebuah Slide adalah elemen tingkat pertama di bawah Halaman, digunakan untuk membagi konten.

Halaman sederhana, seperti halaman "link in bio", mungkin hanya memiliki satu Slide.
Halaman landing yang kompleks mungkin mencakup beberapa bagian seperti #header, #hero, #works, #contact, #footer.

Sebuah ID jangkar (HTML ID) pada dasarnya adalah ID HTML. Namai mereka berdasarkan konten dalam Slide untuk navigasi mudah menggunakan tautan seperti “#ID”. Pelajari lebih lanjut tentang tautan lewati.

Untuk menyembunyikan Slide dari situs web akhir tetapi tetap menyimpannya, periksa atribut Tersembunyi. Ini mirip dengan slide tersembunyi di PowerPoint dan juga dapat digunakan untuk tutorial.

Fitur Lengket adalah untuk bilah navigasi mengambang atau elemen lainnya. Lihat contoh di sini: Sticky Demo

Kontainer

Sebuah Kontainer mengelola lebar responsif dan tampilan multi-kolom.

Lebar ponsel dan desktop biasanya berbeda. Gunakan atribut Lebar dalam Kontainer untuk lebar adaptif di berbagai perangkat.
Kolom mendefinisikan berapa banyak kolom dalam sebuah kontainer. Anda dapat mengatur lebar seperti x/12 (misalnya, dua kolom 6/12 untuk lebar 50% masing-masing).

Setiap kolom juga dapat memiliki pengaturan perataan horizontal dan vertikal.

Lainnya

Elemen lainnya adalah elemen inline, yang dapat diposisikan di dalam kontainer.

Dengan mengikuti pendekatan terstruktur ini, Anda dapat membuat halaman web yang menarik secara visual dan responsif dengan mudah menggunakan Slidde.co.