1️⃣ Apa Itu Website?
Website adalah kumpulan halaman digital yang bisa diakses melalui internet menggunakan browser (seperti Chrome, Firefox, atau Safari).
Setiap website punya alamat unik yang disebut URL atau domain, misalnya:
📌 Intinya:
Website = Halaman digital yang bisa diakses lewat internet.
2️⃣ Hubungan Koding dan Website
Koding (programming) adalah cara kita memberi perintah ke komputer.
Website bisa tampil dan berfungsi karena dibuat dengan kode program.
Contoh:
- HTML untuk struktur isi
- CSS untuk tampilan/desain
- JavaScript untuk interaksi
🧩 Kesimpulan:
Tanpa koding → tidak ada website.
Website adalah hasil dari koding yang dijalankan di browser.
3️⃣ Sejarah Singkat Website
- 1990: Tim Berners-Lee membuat website pertama di dunia di CERN, Swiss.
- 1991: Website pertama resmi online (hanya teks, tanpa gambar).
- 1993: Browser “Mosaic” dirilis — mulai bisa menampilkan gambar.
- 1998–2005: Era web modern mulai (Yahoo, Google, Facebook muncul).
- Sekarang: Website bisa dibuat dari HP hanya dengan aplikasi sederhana.
4️⃣ Apa Itu Bahasa Pemrograman?
Bahasa pemrograman adalah bahasa khusus yang dipakai untuk memberi instruksi ke komputer.
Contoh bahasa:
- HTML (struktur halaman)
- CSS (tampilan/desain)
- JavaScript (logika interaktif)
- PHP, Python, dan lainnya (untuk bagian server)
🗣️ Analogi:
Bahasa manusia → untuk bicara dengan manusia
Bahasa pemrograman → untuk bicara dengan komputer
5️⃣ Apa Itu HTML?
HTML (HyperText Markup Language) adalah bahasa dasar untuk membuat website.
HTML berisi tag-tag yang memberitahu browser cara menampilkan isi halaman.
Contoh sederhana:
<!DOCTYPE html>
<html>
<head>
<title>Website Pertamaku</title>
</head>
<body>
<h1>Halo Dunia!</h1>
<p>Ini adalah website pertamaku.</p>
</body>
</html>
📚 Penjelasan:
<h1>→ judul besar<p>→ paragraf<title>→ judul di tab browser
🧰 6️⃣ Apa Saja yang Dibutuhkan untuk Belajar Website?
Untuk mulai belajar website, tidak perlu alat mahal. Yang penting ada:
💡 Peralatan Dasar
- Perangkat:
- Komputer atau Laptop (ideal)
- Android juga bisa!
- Browser:
- Google Chrome, Firefox, atau Edge untuk melihat hasil website
- Text Editor / Code Editor:
Tempat menulis kode program
🧑💻 Editor yang Bisa Dipakai:
| Platform | Aplikasi | Keterangan |
|---|---|---|
| Android | Web Code | Ringan, cocok untuk pemula, bisa langsung lihat hasil |
| Android | Dcoder | Mendukung banyak bahasa, termasuk HTML |
| Android | Acode | Editor lengkap, tampilannya seperti VS Code |
| Laptop/PC | Visual Studio Code | Paling populer untuk developer web |
| Laptop/PC | Notepad++ | Ringan dan mudah digunakan |
🧭 Tips:
Belajar website bisa dilakukan di mana saja, bahkan hanya dengan HP dan niat belajar.
📱 7️⃣ Apa Itu Web Code?
Web Code adalah aplikasi Android untuk menulis dan menjalankan kode website seperti HTML, CSS, dan JavaScript langsung di HP.
Kelebihan Web Code:
✅ Tidak perlu koneksi internet untuk menulis kode
✅ Bisa langsung “Preview” hasilnya
✅ Ada template HTML siap pakai
✅ Cocok untuk latihan dasar web di sekolah
Alternatif selain Web Code:
- Acode → lebih lengkap dan modern
- Dcoder → mendukung banyak bahasa pemrograman
- Spck Editor → tampilan mirip Visual Studio Code
💡 8️⃣ Praktik: Koding Website Sederhana di Android (Web Code)
Langkah-langkah:
- Install Web Code dari Play Store.
- Buka Menu Bergaris → pilih New → HTML File.
- Ketikkan Index.html, lalu Create.
- Ketik dan sesuaikan kode nya jadi seperti berikut ini :
https://www.youtube.com/shorts/T76xMBJ3dz8
<!DOCTYPE html>
<html>
<head>
<title>Halo Dunia</title>
</head>
<body>
<h1>Selamat Datang di Web Pertamaku!</h1>
<p>Belajar membuat website di Android itu mudah!</p>
</body>
</html>
- Klik tombol ▶️ (Run/Preview)
- Selamat! Website pertamamu sudah tampil di layar HP 🎉
🌟 9️⃣ Penutup
Website bukan hanya untuk programmer, tapi juga:
- Pelajar yang ingin belajar teknologi
- Pengusaha yang ingin promosi online
- Guru yang ingin berbagi informasi
- Siapa saja yang ingin berkarya di dunia digital
➡️ Kesimpulan akhir:
Dengan ponsel, niat belajar, dan sedikit koding, siapa pun bisa jadi pembuat website.