Tutorial Kilat: Membuat Website Pertama dengan ChatGPT

Panduan Praktis untuk Pemula

Ikuti 6 langkah mudah di bawah ini untuk mengubah ide menjadi halaman web nyata!

1
Langkah 1: Membuat Prompt di ChatGPT

Mulailah dengan meminta ChatGPT menuliskan kodenya untuk Anda.

  1. Buka chat.openai.com atau aplikasi ChatGPT.
  2. Ketik Prompt berikut ini di kolom chat:
Ketik ini: Buatkan kode HTML untuk halaman web sederhana dengan:
- Judul "Website Pertamaku"
- Background warna biru muda
- Heading 1 dengan teks "Selamat Datang"
- Paragraf dengan teks "Ini adalah website pertama saya"
- Tombol dengan teks "Klik Saya"
2
Langkah 2: Salin (Copy) Output

Setelah ChatGPT selesai membalas:

  • Cari tombol Copy code atau blok seluruh kode HTML yang muncul.
  • Klik kanan pilih "Copy" atau gunakan shortcut keyboard:

Windows: Ctrl + C

Mac: Cmd + C

3
Langkah 3: Buka Aplikasi Notepad

Siapkan tempat untuk menempelkan kode Anda.

  • Tekan tombol Windows + R di keyboard.
  • Ketik kata: notepad
  • Tekan Enter.

(Alternatif: Klik Start Menu → Ketik "Notepad" → Pilih aplikasinya).

4
Langkah 4: Tempel (Paste) Kode

Di halaman Notepad yang masih kosong:

  • Klik kanan pada area putih → Pilih "Paste".
  • Atau gunakan shortcut: Ctrl + V.
5
Langkah 5: Simpan File (Save As)
PENTING: Perhatikan langkah ini agar file bisa dibuka di browser!

  1. Klik menu "File" di pojok kiri atas → Pilih "Save As".
  2. Pilih lokasi penyimpanan di Desktop (agar mudah dicari).
  3. Isi kolom File name dengan: website-saya.html
  4. KUNCI SUKSES: Pada bagian Save as type, ubah dari "Text Documents" menjadi "All Files (*.*)".
  5. Klik tombol "Save".
6
Langkah 6: Jalankan di Browser

Saatnya melihat hasil karya Anda!

  1. Buka layar Desktop (Tekan Windows + D).
  2. Cari file bernama website-saya.html.
  3. Double-click file tersebut.

Voila! Website Anda akan terbuka otomatis di browser (Chrome, Edge, atau Firefox).

Tips Anti Gagal

Masalah Solusi
File tidak berubah jadi ikon browser Pastikan ekstensi file adalah .html, bukan .txt.
File terbuka kembali di Notepad Saat menyimpan, Anda lupa memilih "All Files". Ulangi Langkah 5.
Ingin memaksa buka di Chrome? Klik kanan file → "Open with" → Pilih Google Chrome.