Hasilkan landing page website dan kod dengan Gemini Canvas | Alpha | PandaiTech

Hasilkan landing page website dan kod dengan Gemini Canvas

Buat design landing page untuk website dan terus jana kod sebenar menggunakan fungsi Gemini Canvas.

Learning Timeline
Key Insights

Elakkan Standard Image Model

Jika anda menggunakan standard image model dalam Gemini, ia hanya akan hasilkan gambar design statik yang tidak boleh disunting ('okay' tapi tidak praktikal). Gunakan 'Canvas' untuk dapatkan kod yang boleh digunakan terus.
Prompts

Landing Page Generation Prompt

Target: Gemini Canvas
Create a clear and engaging landing page explaining what Skill Leap offers
Step by Step

Menghasilkan Kod Landing Page dengan Gemini Canvas

  1. Buka interface Gemini pada browser anda.
  2. Cari dan aktifkan feature 'Canvas' (jangan gunakan model imej standard).
  3. Masukkan prompt yang menerangkan struktur dan kandungan landing page ke dalam chat box.
  4. Tekan butang hantar untuk memulakan proses penjanaan.
  5. Semak hasil output di mana Gemini Canvas akan menjana kod sebenar (actual code) dan bukan sekadar imej statik.

More from Coding & Pembangunan Aplikasi AI

View All