Menambah Bahagian dan Kandungan
Lengkapkan bahagian utama, ciri dan pengaki.
Menambah Bahagian dan Kandungan ialah pelajaran Pengekodan Vibe percuma di CoddyKit. Ini ialah pelajaran 3 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Pengekodan Vibe, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Pengekodan Vibe merangkumi sejumlah 4 pelajaran.
Daripada Rangka kepada Cerita
Halaman anda sudah digayakan, tetapi perkataannya masih berupa ruang letak. Kini anda akan mengisinya dengan bahagian dan kandungan sebenar.
Halaman pendaratan menceritakan kisah ringkas: inilah masalahnya, inilah penyelesaian anda, inilah sebab untuk mempercayainya dan inilah butang untuk bertindak.
Tulis Tajuk
Tajuk ialah baris paling penting pada halaman. Tajuk sepatutnya menyatakan manfaat utama dalam beberapa perkataan.
Anda boleh meminta AI mencadangkan beberapa pilihan, kemudian memilih kegemaran anda. Terangkan perkara yang dilakukan produk dan pihak yang dibantunya.
Write three short headline options for the PlantPal hero.
PlantPal sends gentle reminders so houseplants never get forgotten.
Keep each headline under eight words.Tambah Bahagian Ciri
Bahagian ciri menyenaraikan perkara yang dilakukan produk anda, biasanya sebagai tiga atau empat perkara ringkas dengan tajuk kecil.
Beritahu AI ciri utama anda dan minta AI menyusunnya dengan kemas, biasanya dalam satu barisan kad.
Fill the features section with three feature cards:
1. Smart watering reminders
2. Care tips for each plant
3. Track all your plants in one place
Give each card a short title and one sentence.Terangkan Cara Ia Berfungsi
Orang berasa lebih yakin apabila tahu perkara yang akan berlaku. Bahagian "Cara Ia Berfungsi" menunjukkan langkah-langkahnya dalam istilah mudah.
Tiga langkah ialah jumlah yang sesuai. Minta AI menomborkannya dan memastikan setiap langkah hanya satu baris ringkas.
Add a "How It Works" section with three numbered steps:
1. Add your plants
2. Set a watering schedule
3. Get reminders on your phone
Keep each step to one short sentence.Tambah Bukti Sosial
Bukti sosial bermaksud menunjukkan bahawa orang lain menyukai produk anda. Petikan pendek daripada pengguna yang berpuas hati dapat membina kepercayaan.
Untuk halaman latihan, anda boleh meminta AI menghasilkan contoh testimoni. Cuma ingat bahawa semua itu hanyalah sampel, bukan ulasan sebenar.
Add a testimonials section with two short sample quotes from imaginary happy users.
Label them clearly as example reviews with a first name and city.Call to Action Terakhir
Di bahagian bawah, ulangi butang utama anda supaya pengunjung yang sudah bersedia tidak perlu menatal kembali ke atas.
Tambahkan satu ayat yang menggalakkan di atasnya. Dorongan terakhir ini sering menukar pengunjung yang berminat menjadi pengguna.
Add a final call-to-action section near the bottom.
Include a short encouraging line like "Start caring for your plants today" and a "Get Started" button.Pastikan Teks Ringkas
Pada halaman pendaratan, teks yang ringkas lebih berkesan. Pengunjung biasanya mengimbas kandungan dan bukannya membaca setiap perkataan.
Jika perenggan terasa terlalu panjang, minta AI memendekkannya. "Jadikan ini lebih pendek dan ringkas" ialah permintaan yang boleh dikendalikan oleh AI dengan serta-merta.
The features text feels too long.
Make each feature description shorter and simpler, just one clear line each.Sesuaikan Nada dengan Audiens
Cara anda menulis harus sesuai dengan orang yang anda ajak bercakap. Aplikasi tumbuhan untuk pemula harus kedengaran mesra dan mudah difahami, bukannya teknikal.
Beritahu AI nada yang anda mahukan, seperti "mesra dan menggalakkan", supaya perkataannya terasa sesuai.
Rewrite all the text in a warm, friendly, encouraging tone.
Imagine talking to a busy beginner who loves their plants but forgets to water them.Tambahkan Ruang Letak Imej
Imej menjadikan halaman terasa lebih nyata. Walaupun anda belum mempunyai foto, anda boleh meminta AI menyediakan ruang letak imej di tempat yang sesuai.
Kemudian, anda boleh menggantikannya dengan gambar sebenar. Buat masa ini, kotak ruang letak yang berlabel menunjukkan tempat visual itu akan diletakkan.
Add an image placeholder in the hero section next to the headline.
Label it "App screenshot goes here" so I know where to add a real image later.Semak Aliran
Baca halaman anda dari atas hingga ke bawah. Adakah kandungannya bergerak dengan lancar daripada tajuk utama, kepada ciri, cara ia berfungsi, bukti, dan akhirnya butang?
Jika sesuatu bahagian terasa tidak mengikut susunan, minta AI mengalihkannya. Ceritanya harus terasa semula jadi dan membawa kepada satu tindakan yang jelas.
Halaman yang Lengkap
Halaman anda kini menyampaikan cerita yang lengkap: tajuk utama yang jelas, ciri sebenar, langkah mudah, bukti yang mesra, dan butang terakhir.
Anda membina semuanya dengan menerangkan perkara yang anda mahukan menggunakan kata-kata biasa. Seterusnya, anda akan melihat pratonton halaman dan membuat pelarasan kecil.
Review the whole PlantPal page and make sure the sections flow in this order:
hero, features, how it works, testimonials, final call to action, footer.Semakan Pantas
Mari kita mengulang kaji pembinaan kandungan.
Ulang Kaji: Bahagian dan Kandungan
Anda mengisi rangka halaman dengan cerita sebenar: tajuk utama, ciri, cara ia berfungsi, testimoni, dan call to action terakhir.
Anda belajar memastikan teks ringkas, menyesuaikan nada dengan audiens, dan menambahkan ruang letak imej. Seterusnya ialah melihat pratonton dan melaraskan halaman yang telah siap.
Pelajari JavaScript dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 25
- Pelajaran
- 100
Soalan Lazim
Adakah pelajaran “Menambah Bahagian dan Kandungan” percuma?
Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Pengekodan Vibe, termasuk “Menambah Bahagian dan Kandungan”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Pengekodan Vibe merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Menambah Bahagian dan Kandungan”?
Lengkapkan bahagian utama, ciri dan pengaki. Anda berlatih Pengekodan Vibe menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Pengekodan Vibe?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Pengekodan Vibe di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 3 daripada 4.
Berapa lamakah pelajaran “Menambah Bahagian dan Kandungan” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Pengekodan Vibe ini?
Ya. Setiap pelajaran Pengekodan Vibe menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Membina Rangka Halaman
- Menggayakan dengan Bahasa Biasa
- Menambah Bahagian dan Kandungan
- Membuat Pratonton dan Pelarasan