Halo teman-teman!
Kali ini, kita akan belajar cara hosting website yang sudah kita buat sebelumnya. Dengan hosting, website kamu akan bisa diakses siapa saja dari mana saja, bahkan temanmu di belahan dunia lain. Seru, kan? Yuk, kita mulai!
Apa Itu Web Hosting?
Web Hosting adalah proses menyimpan file website kita (seperti HTML, gambar, dan lainnya) di web server yang terhubung ke Internet. Dengan cara ini, website kita bisa diakses kapan saja dari seluruh dunia.
Saat ini, website yang kamu buat hanya bisa diakses di komputermu sendiri, disebut local development. Tetapi dengan web hosting, kita bisa memindahkan file tersebut ke server sehingga siap dilihat siapa saja.
Hosting Website di GitHub
Kita akan menggunakan GitHub untuk hosting website. GitHub adalah platform gratis yang sering digunakan developer untuk menyimpan dan berbagi kode. Selain itu, GitHub memungkinkan kita untuk hosting website dengan mudah.
Langkah-Langkah Hosting Website di GitHub
1. Buat Akun GitHub
Jika belum punya, daftar akun di github.com. Jika sudah punya, langsung saja login.
2. Buat Repository Baru
Repository adalah tempat menyimpan file project kita di GitHub. Ikuti langkah berikut:
- Klik tombol "+" di pojok kanan atas, lalu pilih New Repository.
- Beri nama repository, misalnya
html-portfolio. - Pastikan repository bersifat Public agar semua orang bisa mengakses website.
- Centang opsi Add a README file, lalu klik Create Repository.
3. Unggah File Website
Selanjutnya, unggah file HTML dan folder proyekmu:
- Klik tombol Add file, lalu pilih Upload files.
- Seret semua file di folder proyekmu ke halaman tersebut (pastikan isinya saja yang diunggah, bukan foldernya).
- Klik Commit changes untuk menyimpan file.
4. Atur GitHub Pages
Setelah file diunggah, lakukan pengaturan GitHub Pages:
- Masuk ke tab Settings di repository.
- Gulir ke bawah hingga menemukan opsi Pages.
- Di bagian Branch, ubah dari "None" menjadi
main, lalu klik Save.
5. Tunggu Hingga Website Aktif
Proses ini memerlukan waktu beberapa menit. Setelah selesai, GitHub akan memberikan URL website-mu, seperti:
https://username.github.io/html-portfolio
Kamu bisa klik link tersebut untuk melihat website-mu yang sudah live!
Tips dan Trik
- Pastikan file utama bernama
index.html. Ini adalah file yang akan dibuka pertama kali oleh GitHub. - Jika gambar terlalu besar, pastikan ukurannya sudah sesuai sebelum diunggah.
- Refresh halaman Settings > Pages beberapa kali jika website belum aktif.
Bagikan Website Anda!
Sekarang, kamu bisa membagikan URL website-mu kepada teman, keluarga, atau siapa saja. Website ini adalah hasil kerja kerasmu, jadi jangan ragu untuk menunjukkan!
Selanjutnya
Kita sudah berhasil membuat website online. Pada pelajaran berikutnya, kita akan belajar CSS untuk mempercantik website agar tampilannya lebih modern dan menarik.
Selamat mencoba dan sampai jumpa di pelajaran selanjutnya!
Komentar
Posting Komentar