Saturday, May 15, 2021

Dasar-dasar Membuat Website

Saturday, May 15, 2021
Zaman sekarang dimana teknologi sudah canggih kita sudah tidak asing lagi dengan yang namanya website. Website seperti google, wikipedia, facebook, twitter adalah contoh website yang sering kita temui sehari-hari. Tidak ada yang tidak mengenal google bukan? 



Google termasuk website yang bisa diakses oleh siapa saja, google adalah mesin pencari yang menyimpan seluruh informasi di database kemudian bisa diakses oleh semua orang untuk mencari informasi.

Untuk membuat website tidaklah mudah tapi juga tidak sulit tergantung kebutuhan. Untuk membuat website statis atau website yang tidak banyak berubah membutuhkan waktu dan usaha yang lebih sedikit dibandingkan website aplikasi.

Bagi yang berminat mendalami atau sekedar berkenalan dengan pemrograman website menjadi salah satu pilihan terbaik karena lebih mudah dipelajari dibandingkan beberapa bahasa pemrograman lain.

Bagi siswa/i atau mahasiswa/i yang bersekolah di jurusan komputer mungkin pernah bertemu mata pelajaran website atau pemrograman web. Sebenarnya pemrograman web mudah untuk dipelajari hanya saja tidak terpaku pada satu bahasa saja, contohnya pemrograman web bisa menggabungkan antara html, css, nah kedua bahasa inilah yang minimal digunakan untuk membuat website yang menarik.

Pemrograman website yang lebih modern membutuhkan lebih dari dua bahasa. Beberapa diantaranya, html, css, php, mysql, javascript, setidaknya butuh lima bahasa ini untuk membuat website modern yang menarik.

Mungkin ada yang bertanya banyak sekali yang harus dipelajari, terus dari mana saya harus memulai mempelajarinya?

Kita sebaiknya mulai dari html karena ini merupakan induk dari tampilan website kita karena kalau tidak ada html tidak akan ada tampilan di browser karena browser membaca halaman html.

Setelah html lanjut ke css, sebenarnya kita bisa saja melewati css tetapi pada web modern kita wajib menggunakan css untuk mempercantik website yang kita buat. Kalau tidak tampilan tidak akan menarik, selain menarik css juga berfungsi untuk mempermudah orang memahami website kita. Contoh sederhana bisa dilihat dibawah ini.
Mesin pencari google dengan css



Mesin pencari google tidak memiliki css

Dapat dilihat pada gambar di atas, mesin pencari google yang menggunakan css terlihat lebih rapi dan lebih mudah di akses oleh pengguna sedangkan mesin pencari google yang tidak memiliki css posisinya tidak rapi, lebih mudah yang ada css atau tidak ketika kita sebagai pengguna google?

Disinilah peran css untuk merapikan posisi setiap element html. Posisinya tidak hanya untuk mempercantik tampilan tapi juga untuk mempermudah pengguna yang mengakses website ya.

Untuk php adalah bahasa pemrograman yang digunakan banyak website diseluruh dunia. Sampai saat ini php masih menjadi bahasa pemrograman utama untuk pemprosesan website (untuk memudahkan penjelasan saja). Contoh jika ingin mencari sesuatu di google kita tahu kalau kita harus mengakses web google setelah itu kita ketikan informasi yang ingin kita cari kemudian kita klik penelurusan google, nah tombol penelusuran google anggap saja sebagai pemprosesannya. Tombol tersebut di tangani oleh php (meskipun google tidak menggunakan php, karena ini hanya contoh).

Mysql adalah database, bayangkan saja database merupakan sebuah kumpulan folder yang berisi informasi. Misalnya Folder A berisi informasi KTP dari seluruh warga RW 1, Folder B berisi informasi KTP dari seluruh warga RW 2. Ini hanya perumpaan supaya lebih mudah dipahami ya.

Javascript membuat halaman website kita lebih menarik lagi karena ada bahasa ini membuat website berinteraksi langsung dengan pengguna, misalnya ketika kita dekatkan gambar otomatis gambar akan diperbesar supaya gambar terlihat jelas, atau lebih spesifik kita mencoba kalkulator online yang ketika kita ketikan nilai yang hasilnya akan keluar otomatis tanpa kita klik proses.

Perkenalan website dan bahasa pemrograman yang dibutuhkan cukup sampai disini yang penting kita sudah tahu apa yang mesti dipelajari untuk membuat website. Di postingan ini saya akan memberikan list bahasa pemrograman dasar mulai dari html, css, php, mysql, dan javascript, setiap saat daftar ini akan diperbaharui apabila tutorial sudah di posting. Bisa langsung di klik supaya bisa melihat tutorial.


HTML

1. Perkenalan HTML
2.