Ahlan wa sahlan !

Ahlan wa sahlan...
TIKmawar adalah blog TIK untuk guru dan siswa yang ingin memahami teknologi secara logis, praktis, dan menyenangkan. Bareng Bu Mawar, kita akan belajar TIK tidak hanya klik-klik, tetapi juga memahami maksudnya .

Web, Website dan Homepage

 Kita sering mendengar istilah web, website dan homepage. Tapi apakah kalian tahu apa perbedaan? 

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Halo, calon ahli digital masa depan!
Yuk, belajar bareng Bu Mawar—karena dari satu klik, bisa lahir sejuta ide dan manfaat.


Web (World Wide Web) adalah kumpulan besar halaman-halaman informasi (dokumen digital) yang saling terhubung melalui internet dan dapat diakses dengan browser.

Jadi, web adalah semua situs yang bisa diakses lewat internet (misalnya: Google, YouTube, Wikipedia).

Website adalah sekelompok halaman web (web pages) yang saling terhubung dan berada di bawah satu domain atau alamat tertentu. Contoh www.kemdikbud.go.id , www.openai.com

Homepage adalah Halaman utama (beranda) dari sebuah website. Biasanya halaman pertama yang muncul ketika domain website dibuka.

Nah, sudah tahu kan perbedaanya apa sekarang? Kita lanjut lagi ya meterinya..

Lalu bagaimana cara membuatnya?

Membuat website melibatkan tiga lapisan utama: tampilan, logika, dan data.
Berikut bahasa yang umum digunakan:

Jenis Fungsi Contoh Bahasa
Front-End (Tampilan) Mengatur tampilan yang dilihat pengguna di browser. HTML, CSS, JavaScript
Back-End (Logika server) Mengatur proses di belakang layar (login, database, pengiriman data). PHP, Python (Flask/Django), Node.js, Java, C#, Ruby
Database (Penyimpanan data) Menyimpan dan mengelola data website. MySQL, PostgreSQL, MongoDB, SQLite
Framework / Library (Pendukung) Membantu membuat website lebih cepat & efisien. Bootstrap, React.js, Laravel, Django

Buatnya dimana?

Kita bisa membuat menggunakan editor

Jenis Nama Editor Kelebihan
Text Editor Dasar Notepad, Notepad++, Sublime Text Ringan, cocok untuk latihan HTML dan CSS dasar
Code Editor Modern Visual Studio Code (VS Code), Atom, Brackets Banyak fitur bantu (highlight, auto-complete, live server)
Editor Visual (Drag & Drop) Adobe Dreamweaver, Wix, WordPress, Google Sites, Canva Web Builder Cocok untuk pemula atau pembuatan cepat tanpa koding
Online Editor CodePen, JSFiddle, Replit Bisa langsung latihan koding lewat browser

Tahapannya lumayan panjang untuk membuat sebuah web, berikut contohnya :

  • Buat struktur HTML.
  • Tambahkan gaya dengan CSS.
  • Tambahkan interaksi dengan JavaScript.
  • Simpan di folder website dan uji di browser.
  • Upload ke hosting agar bisa diakses di web.

Tenang... jangan dulu pusing!
Terlihat menakutkan dan ribet tapi kita bisa mempelajarinya pelan-pelan, InsyaAllah dengan kesabaran dan ketekunan kita pasti bisa mempelajarinya. Tetap Semangat!

Tidak ada komentar:

Posting Komentar