Membuat website pertama bisa menjadi langkah awal yang menyenangkan untuk memasuki dunia pemrograman web. Artikel ini ditujukan untuk pemula, khususnya mahasiswa Telkom University Jakarta yang ingin mempelajari dasar-dasar pembuatan website menggunakan teknologi dasar: HTML, CSS, dan JavaScript.
Apa Itu Website?
Website adalah sekumpulan halaman web yang saling terhubung dan diakses melalui internet. Contohnya seperti blog, toko online, hingga portal akademik. Website umumnya terdiri dari tiga komponen utama:
-
HTML (HyperText Markup Language) – struktur konten
-
CSS (Cascading Style Sheets) – tampilan dan desain
-
JavaScript – interaktivitas dan logika dinamis
Alat yang Dibutuhkan
Sebelum memulai, pastikan kamu sudah menyiapkan:
Langkah-Langkah Membuat Website Pertama
Langkah 1: Buat Folder Proyek
-
Buat folder baru, misalnya bernama
website-pertama -
Di dalam folder ini buat 3 file:
-
index.html -
style.css -
script.js
-
Langkah 2: Tulis Struktur Dasar HTML
Buka index.html dan ketik kode berikut:
Langkah 3: Tambahkan Gaya dengan CSS
Buka style.css dan tambahkan kode berikut agar website terlihat menarik:
Langkah 4: Tambahkan Interaktivitas dengan JavaScript
Buka script.js dan tambahkan kode berikut:
Langkah 5: Jalankan Website di Browser
-
Buka folder
website-pertama -
Klik dua kali file
index.html -
Website akan terbuka di browser
-
Coba klik tombol “Klik Aku!” dan lihat hasilnya
Tips Tambahan untuk Pengembangan
-
Gunakan ekstensi Live Server di Visual Studio Code agar website otomatis ter-refresh saat kamu menyimpan perubahan.
-
Upload proyek ke GitHub dan gunakan GitHub Pages untuk membuatnya bisa diakses online.
-
Eksplorasi lebih lanjut HTML seperti form, tabel, dan gambar.
-
Pelajari CSS grid dan flexbox untuk layout yang lebih kompleks.
Rangkuman
Dengan memahami dan mempraktikkan dasar-dasar di atas, kamu sudah siap melangkah ke pengembangan website yang lebih kompleks, seperti membuat portofolio, blog, atau bahkan toko online sederhana.
Belajar membuat website adalah langkah awal yang sangat berharga untuk dunia karier digital. Bagi mahasiswa Telkom University Jakarta, keahlian ini akan sangat berguna baik untuk tugas kuliah, proyek startup, maupun portofolio kerja.
Tetap semangat, terus eksplorasi, dan jadikan website pertamamu sebagai pijakan awal menuju dunia digital yang lebih luas!