Dalam dunia pembelajaran dalam talian, kemudahan navigasi memainkan peranan penting dalam menarik dan mengekalkan pengguna. Kad kursus yang boleh disesuaikan adalah cara yang hebat untuk menjadikan laman web anda lebih interaktif dan informatif.
Kad ini membolehkan pelawat mencari program yang mereka minati dengan cepat dan menavigasi ke halaman kursus dengan mudah hanya dengan satu butang. Dalam artikel ini, kita akan melihat cara menyediakan bahagian kad kursus yang boleh disesuaikan untuk meningkatkan kebolehgunaan laman web anda dan membantu pengguna mencapai matlamat pendidikan mereka dengan lebih pantas.
Daripada menggunakan kad imbas dalam talian, anda boleh menambah senarai pelajaran ke halaman laman web: hanya pilih kursus yang diperlukan dalam bahagian tersebut dan semua pelajaran akan dipaparkan.
Cara menambah bahagian "Kad kursus"
Untuk menambah bahagian "Kad kursus", klik pada "+" dalam mod penyuntingan laman web anda.
Kemudian cari bahagian "Kad kursus" dalam menu yang terbuka dan klik padanya untuk menambah bahagian tersebut ke laman web anda:
Bahagian tersebut akan ditambahkan ke laman web anda, dan menu tetapan kandungan akan dibuka untuk anda:
Bahagian kandungan
Mengkonfigurasi kandungan bahagian Kad kursus terdiri daripada memilih kursus yang telah dibuat dalam projek untuk dipaparkan di laman web dan menyesuaikan elemen kad.
Cara membuat kursus pada platform Mavibot diterangkan dalam bahagian "Kursus dalam talian".
Memilih kursus
Pilih kursus yang ingin anda tonjolkan di laman web anda:
Untuk berbuat demikian, tandai kotak dengan nama kursus yang diperlukan.
Sebaliknya, kursus yang dipilih akan segera dipaparkan di halaman laman web anda dengan kulit yang anda tetapkan dalam tetapan kursus.
Penyesuaian
Selepas anda memilih kursus yang diperlukan, teruskan untuk menyesuaikan elemen kad:
- Bayangan
Untuk kad kursus dalam bahagian, anda boleh melaraskan keamatan bayangan:
a) tanpa bayangan:
b) bayangan ringan:
c) bayangan kuat:
Tetapan warna elemen kad
Sesuaikan rupa kad dengan melaraskan warna untuk pelbagai elemen. Anda juga boleh menambah kesan interaktif semasa hover.
- Warna Teks: Menukar warna teks utama pada kad (tidak termasuk butang).
- Latar Belakang Kad: Menetapkan warna latar belakang kad.
- Warna Sempadan: Menentukan warna garis luar atau bingkai kad.
- Teks Butang: Menetapkan warna teks di dalam butang (keadaan statik).
- Latar Belakang Butang: Menetapkan warna latar belakang butang.
Kesan interaktif semasa hover (bahagian pilihan):
Dayakan kesan hover untuk menukar warna elemen ini secara dinamik apabila pengguna menggerakkan kursor ke atas kad.
Kini anda tahu cara memaparkan kursus yang tersedia di laman MaviBot anda menggunakan bahagian "Kad kursus".
Untuk tetapan latar belakang dan paparan, lihat artikel "Tetapan bahagian global".
Cara menambah blok "Pelajaran"
Untuk menambah blok bagi memaparkan senarai pelajaran dalam kursus, beralih ke mod penyuntingan laman web dan tuding ke atas ruang kerja, kemudian klik pada "+":
Menu terbuka di sebelah kanan dengan bahagian laman web yang tersedia, di mana anda perlu mencari blok "Pelajaran":
Klik pada "Kad kursus", dan kemudian menu akan terbuka untuk mengkonfigurasi kandungan blok:
Anda hanya perlu memilih kursus yang diperlukan, yang telah dibuat dalam Mavibot, dalam menu lungsur dan klik pada "Simpan".
Kemudian pergi ke tetapan untuk menyesuaikan kandungan blok:
Penyesuaian
Apabila anda mengklik pada butang "Tetapan" dan menuding ke atas bahagian, tetapan untuk menyesuaikan kandungan dan blok itu sendiri terbuka:
Apakah tetapan yang tersedia?
- Gaya senarai pelajaran
Secara lalai, gaya senarai pelajaran dipaparkan dalam format baharu. Jika perlu, anda boleh menetapkan versi yang lebih ringkas bagi format klasik:
- Gaya penomboran
Gaya penomboran tersedia untuk gaya baharu memaparkan pelajaran kursus. Penomboran berubah dalam kad pelajaran itu sendiri:
- Ikon pelajaran
Ikon dipaparkan jika anda menambah pratonton di dalam pelajaran itu sendiri dalam tetapan kursus.
Cara menambah ikon
Langkah 1. Pergi ke tetapan pelajaran:
Untuk berbuat demikian, pergi ke mod tetapan kursus dan cari tab Pelajaran:
Seterusnya, klik pada "Edit", selepas itu halaman pelajaran akan dibuka untuk penyuntingan.
Langkah 2. Buka tetapan halaman pelajaran.
Pergi ke bahagian "Umum" dalam tetapan halaman pelajaran:
Langkah 3. Muat naik pratonton pelajaran
Kembangkan senarai tetapan imej dalam tetapan maklumat asas:
Muat naik imej untuk pratonton pelajaran:
Simpan tetapan.
Selesai! Kini pratonton pelajaran akan dipaparkan sebagai ikon dalam bahagian Pelajaran di laman web.
- Corak latar belakang
Ia menambah kelantangan dan keunikan pada kad pelajaran anda:
- Pembundaran elemen
Nilai ditetapkan dalam piksel dan membundarkan sudut kad pelajaran.
- Gaya kad pelajaran
Ia membantu menyusun kad pelajaran dalam satu baris atau dalam baris dengan atau tanpa tanda sempang.
- Warna latar belakang dan teks
Terdapat palet warna yang luas tersedia untuk menetapkan warna latar belakang kad dan warna fon pada kad pelajaran:
Kini anda tahu cara menambah senarai pelajaran ke laman web anda dan menyesuaikan kandungan bahagian.
Untuk tetapan latar belakang dan paparan, lihat artikel "Tetapan bahagian global".