Learning Timeline
Key Insights
Penggunaan Kos Percuma
Google AI Studio pada masa ini adalah percuma (free tier) untuk digunakan. Ini membolehkan anda menguji pelbagai idea dan prompt kompleks tanpa risau tentang penggunaan token berbayar.
Keupayaan Generatif Multimodal
Gemini dalam AI Studio tidak hanya menjana teks/kod HTML; ia boleh 'memanggil' model imej (seperti Imagen) secara automatik untuk mengisi laman web anda dengan gambar yang relevan tanpa perlu anda muat naik gambar luar.
Prompts
Prompt Laman Berita Kucing
Target:
Google AI Studio (Gemini)
Build me a professional looking news site that parodies tech news, but written for cats. Make it look slick and include generated graphics in there.
Step by Step
Membina Laman Web Responsif di AI Studio
- Log masuk ke laman web Google AI Studio.
- Pilih model yang dikehendaki (contohnya Gemini 3 Pro atau Gemini 2.0 Flash Thinking) dari menu dropdown model di panel sebelah kanan.
- Laraskan tetapan 'Thinking Level' (jika tersedia untuk model yang dipilih) untuk menentukan tahap kedalaman logik AI.
- Taip prompt terperinci yang menerangkan struktur, kandungan, dan gaya estetik laman web di dalam kotak promt (lihat kad Prompt di bawah).
- Pastikan anda meminta AI memasukkan elemen grafik atau imej untuk membolehkan ia menggunakan model 'Imagen' secara automatik.
- Klik butang 'Run' untuk menjana kod dan paparan laman web.
- Semak paparan pratonton di sebelah kanan skrin untuk melihat susun atur laman berita.
- Ubah saiz tetingkap pelayar (browser) membesar dan mengecil untuk menguji sama ada reka bentuk tersebut 'responsive' kepada saiz skrin yang berbeza.
